:root{--bg:#f3f6f7;--surface:#fff;--ink:#0f2530;--muted:#55707c;--line:#d7e1e5;--accent:#1c5fa8}
@media (prefers-color-scheme:dark){:root{--bg:#0b1a21;--surface:#112630;--ink:#e6eff2;--muted:#93acb6;--line:#22404c;--accent:#6aa8ec;color-scheme:dark}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:760px;margin:0 auto;padding:28px 16px 60px}
h1,h2{font-family:"Bricolage Grotesque",system-ui,sans-serif;line-height:1.15;letter-spacing:-.01em}
h1{font-size:2rem;margin:.4em 0}h2{font-size:1.25rem;margin-top:1.8em}
a{color:var(--accent)}.back{font-weight:600;text-decoration:none}
.muted{color:var(--muted);font-size:.9rem}.box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:16px 0}