
:root{--navy:#0e2832;--blue:#245464;--sea:#6fb8b1;--cream:#f5f3ec;--paper:#fffefa;--text:#243339;--muted:#64777e;--line:#d8e1df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font:17px/1.68 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#105468;text-underline-offset:3px}a:hover{color:#166a75}.top-strip{background:var(--navy);color:#c1d7d9;text-align:center;padding:8px 12px;font-size:12px;letter-spacing:.035em}.header{background:var(--paper);border-bottom:1px solid var(--line)}.navwrap{max-width:1220px;margin:auto;padding:23px 30px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;color:var(--navy);display:flex;gap:13px;align-items:center}.brand-mark{width:47px;height:47px;background:var(--blue);border-radius:50%;display:grid;place-items:center;color:#fff;font-family:Georgia,serif;font-size:23px}.brand span:last-child{font:700 22px/1.1 Georgia,serif;letter-spacing:-.045em}.nav{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.nav a{font-size:14px;text-decoration:none;font-weight:650;color:#3d525a}.nav a:hover{color:#00747f}.preview-pill{font-size:11px;padding:6px 10px;border:1px solid #b5cfce;color:#315e5e;border-radius:20px}.hero{background:linear-gradient(135deg,#0f3442 0%,#174f5d 68%,#27706d 100%);color:#fdfdf9;overflow:hidden}.hero-inner{max-width:1220px;margin:auto;padding:90px 30px 84px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#91d0c9}.hero h1{font:normal clamp(45px,5.6vw,77px)/1.02 Georgia,serif;letter-spacing:-.055em;margin:14px 0 24px;max-width:850px}.hero p{max-width:630px;color:#d4e7e7;font-size:18px}.roof-art{position:relative;min-height:300px;display:flex;align-items:center}.roof-art svg{width:100%;height:auto;filter:drop-shadow(0 25px 35px #001f2a55)}.hero-links,.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:12px 20px;border-radius:2px;background:#92d1c6;color:#11383b;text-decoration:none;font-weight:750;font-size:14px}.btn.secondary{background:transparent;border:1px solid #9fc5c2;color:white}.main{max-width:1220px;margin:0 auto;padding:55px 30px 100px}.intro{max-width:760px}.section-label{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#3a777d;font-weight:800;margin:0 0 10px}.intro h2,.section-title{font:normal 38px/1.12 Georgia,serif;letter-spacing:-.035em;color:var(--navy);margin:0 0 18px}.editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:36px 0 64px}.story-card{background:var(--paper);border:1px solid var(--line);padding:26px;min-height:235px;display:flex;flex-direction:column;text-decoration:none;color:inherit}.story-card small{font-size:11px;letter-spacing:.1em;color:#638387;text-transform:uppercase;font-weight:800}.story-card h3{font:normal 25px/1.18 Georgia,serif;margin:14px 0;color:var(--navy)}.story-card p{margin:0;font-size:14px;color:#51676c;line-height:1.6}.story-card .arrow{margin-top:auto;padding-top:20px;color:#19777b;font-weight:800}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:75px}.article-top{max-width:850px;margin-bottom:35px}.article-top h1{font:normal clamp(42px,5vw,67px)/1.05 Georgia,serif;letter-spacing:-.05em;margin:12px 0 24px;color:var(--navy)}.deck{font:normal 22px/1.42 Georgia,serif;color:#4b676e}.article-copy section{padding:28px 0;border-top:1px solid var(--line)}.article-copy h2{font:normal 29px/1.2 Georgia,serif;letter-spacing:-.02em;color:var(--navy);margin:0 0 14px}.article-copy p{max-width:730px}.sidebar{position:sticky;align-self:start;top:22px;border-top:4px solid #2e8586;padding:18px;background:var(--paper)}.sidebar h3{font:normal 23px Georgia,serif;margin:0 0 8px}.sidebar p{font-size:14px;line-height:1.6;color:#53686d}.sidebar a{display:block;margin:8px 0;font-size:14px}.sources{background:#e9efec;border-left:3px solid #5b9691;padding:22px;margin:25px 0 45px}.sources h3{margin:0 0 10px;font:normal 22px Georgia,serif}.sources ul{margin:0;padding-left:20px}.small{font-size:13px;color:#6a787b}.tool{margin:35px 0;border:1px solid #c8d9d3;background:white;padding:27px}.tool h3{font:normal 27px Georgia,serif;margin:0 0 12px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool label{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.tool input,.tool select{width:100%;padding:11px;border:1px solid #aebfbd;background:white;font:inherit}.result{margin-top:16px;padding:16px;background:#e2f2ee;font-weight:700;color:#173d3e}.note{padding:19px 22px;background:#e5ebe8;border-left:4px solid #4c9793;font-size:15px}.footer{background:#0d2832;color:#c5d5d5;padding:50px 30px}.foot-wrap{max-width:1180px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer h3{color:#fff;font:normal 24px Georgia,serif}.footer a{color:#dce9e7;display:block;margin:10px 0;font-size:14px}.disclosure{font-size:12px;color:#a7b7b8;margin-top:22px;line-height:1.65}.crumb{font-size:13px;color:#688083}.crumb a{color:#376e73}@media(max-width:860px){.hero-inner,.article-layout{grid-template-columns:1fr}.roof-art{display:none}.editorial-grid{grid-template-columns:1fr 1fr}.sidebar{position:static}.nav{gap:12px}.footer .foot-wrap{grid-template-columns:1fr 1fr}}@media(max-width:600px){.navwrap{padding:15px;align-items:flex-start;flex-direction:column}.hero-inner{padding:64px 20px}.main{padding:35px 20px 60px}.editorial-grid,.tool-grid,.footer .foot-wrap{grid-template-columns:1fr}.hero h1{font-size:45px}.article-top h1{font-size:39px}.nav{gap:13px}}

/* Staging accessibility enhancements */
.skip:focus, .skip:focus-visible { left: 12px !important; top: 12px !important; z-index: 10000; background: #fff; color: #072532; padding: 12px 16px; border: 3px solid #15806e; border-radius: 4px; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid #187e8e; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } }
