:root { color-scheme: light; --ink:#081523; --muted:#4e6170; --line:#d9e2e9; --green:#08784f; }
* { box-sizing:border-box; }
body { margin:0; background:#f7f9fc; color:var(--ink); font:16px/1.65 Inter,system-ui,sans-serif; }
a { color:#185ead; text-underline-offset:3px; }
a:focus-visible { outline:3px solid var(--green); outline-offset:3px; }
header { border-top:5px solid #09a66b; border-bottom:1px solid var(--line); background:white; }
header .wrap { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:18px; }
header img { width:min(245px,60vw); height:auto; display:block; }
.wrap { width:min(100% - 36px,1040px); margin-inline:auto; }
nav { font-size:13px; color:var(--muted); padding-block:24px; }
nav a { color:inherit; }
main { padding-bottom:64px; }
.eyebrow { color:var(--green); font-size:12px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
h1,h2 { font-family:Georgia,'Source Serif 4',serif; line-height:1.12; }
h1 { font-size:clamp(40px,7vw,76px); letter-spacing:-.035em; margin:8px 0 18px; }
h2 { font-size:28px; margin:0 0 12px; }
.lead { max-width:750px; font-size:clamp(18px,2vw,22px); color:var(--muted); }
.meta { color:var(--muted); font-size:13px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:12px; margin-block:32px; }
.fact { background:white; border:1px solid var(--line); border-top:3px solid var(--green); padding:20px; }
.fact span { display:block; color:var(--muted); font-size:13px; }
.fact strong { display:block; font-size:clamp(19px,2.2vw,28px); line-height:1.2; margin-top:8px; }
.action { display:inline-block; background:var(--ink); color:white; text-decoration:none; font-weight:700; padding:14px 19px; margin-block:20px; }
.action:hover { background:#16405c; }
.source { border-top:1px solid var(--line); margin-top:38px; padding-top:22px; max-width:760px; }
footer { border-top:1px solid var(--line); padding:24px 0 45px; color:var(--muted); font-size:13px; }
@media (prefers-color-scheme:dark) { :root { color-scheme:dark; --ink:#f5f8fc; --muted:#b9cbd7; --line:#2e4b5f; --green:#39d69b; } body { background:#0b1d2e; } header,.fact { background:#112a3b; } a { color:#92c6ff; } .action { background:#39d69b; color:#081523; } .action:hover { background:#78e5bc; } }