:root{color-scheme:light dark;--paper:#f7f5ef;--ink:#283c35;--muted:#53665d;--line:#c9d2c6;--accent:#285b43;--card:#fffdf7}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main,header,footer{max-width:760px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}header a{font-weight:650;text-decoration:none}nav{display:flex;gap:20px;font-size:16px}a{color:var(--accent);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:2px}h1,h2{line-height:1.2;font-weight:650;letter-spacing:-.025em}h1{font-size:clamp(2.3rem,7vw,3.8rem);margin:30px 0 20px}h2{font-size:1.45rem;margin-top:36px}.eyebrow{color:var(--muted);font-size:14px;letter-spacing:.1em;text-transform:uppercase}.lead{font-size:1.3rem}.note{background:var(--card);padding:18px 22px;border:1px solid var(--line);border-radius:14px}.muted,footer{color:var(--muted)}footer{font-size:15px;border-top:1px solid var(--line);margin-top:32px}li+li{margin-top:8px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:150px;margin:30px 0}.grid span{display:grid;place-items:center;aspect-ratio:1;border:1px solid var(--line);border-radius:4px;font-size:24px}.grid span:nth-child(5){background:#f1dd8d;color:#283c35}@media(prefers-color-scheme:dark){:root{--paper:#17241f;--ink:#e8eee6;--muted:#b3c2b6;--line:#40564a;--accent:#b1dcc0;--card:#20332a}}