:root{--bg:#F5F7FA;--surface:#fff;--ink:#14213D;--muted:#5B6578;--line:#D9DFE8;--accent:#2F5BEA;color-scheme:light;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{--bg:#0E1320;--surface:#171E2F;--ink:#E7ECF6;--muted:#98A3B8;--line:#2A3449;--accent:#7393FF;color-scheme:dark}}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:720px;margin:0 auto;padding:28px 20px 64px}
a{color:var(--accent)}
.home{display:inline-flex;align-items:center;gap:8px;font:800 20px "Bricolage Grotesque",system-ui,sans-serif;color:var(--ink);text-decoration:none;margin-bottom:28px}
h1{font:800 clamp(30px,7vw,44px)/1.08 "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.03em;margin:0 0 8px}
.updated{color:var(--muted);margin:0 0 28px}
h2{font:700 21px/1.3 "Bricolage Grotesque",system-ui,sans-serif;margin:34px 0 8px}
p,li{max-width:68ch}
.box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:18px 0}
footer{margin-top:44px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}