:root{
  --ink:#10294A; --lagoon:#0B7F7C; --leaf:#5FA83A; --paper:#F6F9F8; --surface:#FFFFFF;
  --line:#D5E1DF; --muted:#4A5D6E; --amber:#F3C14B; --amber-ink:#3A2A00;
  --text:#14263B; --band-alt:#E8F1EF;
  color-scheme:light dark;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root{ --paper:#0E1C2B; --surface:#13263A; --text:#E4ECEF; --muted:#A7B8C4; --line:#24405A;
    --lagoon:#4CC7C2; --leaf:#8BCB66; --band-alt:#122436; --ink:#08131F; }
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--paper);color:var(--text);
  font:400 1.0625rem/1.65 "Public Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3,h4{font-family:"Sora","Public Sans",system-ui,sans-serif;line-height:1.15;letter-spacing:-0.01em;margin:0 0 .6em}
h1{font-size:clamp(2.2rem,5.5vw,4rem);font-weight:700}
h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600}
h4{font-size:1.05rem;margin-top:1.4em}
p{margin:0 0 1em}
a{color:var(--lagoon);text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
img{max-width:100%}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--surface);padding:.5rem 1rem;z-index:20}

.status-strip{background:var(--amber);color:var(--amber-ink);font-size:.95rem}
.status-strip p{margin:0;padding:.6rem 0}
.status-strip a{color:var(--amber-ink);font-weight:700}

.site-header{background:#10294A;color:#fff}
.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 2rem;padding:1rem 0}
.wordmark{display:flex;align-items:center}
.wordmark img{display:block;height:48px;width:auto}
.site-header nav{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;align-items:center}
.site-header nav a{color:#DCE8F0;text-decoration:none;font-weight:600;font-size:.97rem;padding:.25rem 0}
.site-header nav a:hover,.site-header nav a[aria-current=page]{color:#fff;box-shadow:inset 0 -2px 0 #7FD3CF}
.site-header nav a.nav-donate{background:var(--amber);color:var(--amber-ink);padding:.4rem .95rem;border-radius:999px;box-shadow:none}

.re{color:var(--lagoon);font-weight:500}
.hero{background:#10294A;color:#fff;padding:clamp(3rem,8vw,6rem) 0 clamp(3rem,7vw,5rem)}
.hero .re{color:#7FD3CF}
.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:3rem;align-items:start}
.hero h1{font-size:clamp(2.8rem,8vw,6rem);line-height:.98}
.lede{font-size:clamp(1.1rem,1.7vw,1.3rem);max-width:38em}
.hero .lede{color:#DCE8F0}
.figures{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin:0}
.figures div{display:flex;flex-direction:column-reverse;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.25);padding-top:.75rem}
.figures dd{margin:0;font:700 clamp(2.2rem,4vw,3.2rem)/1 "Sora",sans-serif;color:#fff}
.figures dt{font-size:.92rem;color:#B9CCD9;margin-top:.4rem}
.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}
.btn{display:inline-block;background:var(--lagoon);color:#fff;text-decoration:none;font-weight:700;padding:.75rem 1.3rem;border-radius:999px}
.btn:hover{filter:brightness(1.08)}
.btn-quiet{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.hero .btn-quiet{color:#fff}

.band{padding:clamp(3rem,7vw,5rem) 0}
.band-alt{background:var(--band-alt)}
.band-ink{background:#10294A;color:#fff}
.prose-cols{display:grid;grid-template-columns:1fr 1.6fr;gap:2rem 4rem;align-items:start}
.prose-cols h2{font-size:clamp(2rem,4vw,3rem)}
.intro{color:var(--muted);max-width:42em}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.trio article{border-top:4px solid var(--leaf);padding-top:1.25rem}
.trio h2{font-size:1.45rem}
.review{display:grid;grid-template-columns:1fr 1.4fr;gap:2.5rem;align-items:start}
.figures-ink{grid-template-columns:repeat(3,1fr)}
.band-ink p{color:#DCE8F0}
.stories{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 2.5rem}
.stories li{padding:1rem 0;border-bottom:1px solid var(--line);font-weight:600}

.qa{max-width:52rem;margin:1.5rem 0}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;list-style:none;padding:1.1rem 2.5rem 1.1rem 0;font-weight:700;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:.25rem;top:.85rem;font:500 1.6rem/1 "Sora",sans-serif;color:var(--lagoon)}
.qa details[open] summary::after{content:"−"}
.qa details > :not(summary){max-width:44em}
.qa details[open]{padding-bottom:1rem}

.page-head{background:var(--band-alt);padding:clamp(2.5rem,6vw,4.5rem) 0;border-bottom:1px solid var(--line)}
.page-head-status{border-top:6px solid var(--amber)}
.updated{color:var(--muted);font-size:.95rem;margin:0}
.jump{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1rem}
.jump a{font-weight:600}
.article,.faq-body{padding:clamp(2.5rem,6vw,4rem) 0}
.article section,.faq-body section{max-width:44em;margin-bottom:3rem}
.article ul{padding-left:1.2rem}
.callout{font:600 1.3rem/1.4 "Sora",sans-serif;border-left:4px solid var(--leaf);padding:.25rem 0 .25rem 1.25rem;margin:1.75rem 0}
blockquote{margin:2rem 0;padding:1.5rem 1.75rem;background:var(--surface);border-radius:12px;border:1px solid var(--line)}
blockquote p{font:500 1.3rem/1.45 "Sora",sans-serif;margin-bottom:.75rem}
blockquote footer{color:var(--muted);font-size:.95rem}
.steps{counter-reset:s;list-style:none;padding:0;margin:1.5rem 0}
.steps li{counter-increment:s;position:relative;padding:0 0 1.25rem 3.25rem}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--lagoon);color:#fff;display:grid;place-items:center;font:700 .95rem "Sora",sans-serif}

.site-footer{background:#10294A;color:#C9D7E2;padding:3rem 0 1.5rem;margin-top:2rem}
.site-footer a{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem}
.footer-name{font:600 1.05rem "Sora",sans-serif;color:#fff}
.social{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.legal{border-top:1px solid rgba(255,255,255,.15);margin-top:2rem;padding-top:1.25rem;font-size:.88rem}

@media (max-width:820px){
  .hero-grid,.prose-cols,.review,.trio,.footer-grid{grid-template-columns:1fr}
  .stories{grid-template-columns:1fr}
  .figures-ink{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:480px){ .figures-ink{grid-template-columns:1fr 1fr} }
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}