:root{--bg:#ECEFF2;--surface:#FFFFFF;--fg:#18212C;--muted:#5A6573;--line:#CDD3DA;--info:#1E5AA6;--sign:#F2B705}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#10151B;--surface:#1A222B;--fg:#E5EAF0;--muted:#9AA6B4;--line:#2E3946;--info:#6FA3E8;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#10151B;--surface:#1A222B;--fg:#E5EAF0;--muted:#9AA6B4;--line:#2E3946;--info:#6FA3E8;color-scheme:dark}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 "Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto;padding:24px 16px 56px}
a{color:var(--info)}
h1{font:900 clamp(26px,6vw,34px)/1.1 "Overpass","Arial Narrow",Arial,sans-serif;margin:16px 0 4px}
h2{font:800 20px/1.25 "Overpass","Arial Narrow",Arial,sans-serif;margin:28px 0 6px;padding-top:10px;border-top:3px solid var(--sign)}
.muted{color:var(--muted);font-size:14px}