:root{--bg:#EDEFF5;--surface:#FFFFFF;--ink:#12141B;--muted:#5F6679;--line:#D9DDE8;--accent:#2B47F5;--soft:#E2E7FF}
@media (prefers-color-scheme: dark){:root{--bg:#0D0F15;--surface:#161922;--ink:#ECEEF5;--muted:#8C93A7;--line:#262A37;--accent:#7088FF;--soft:#1C2347;color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}
.wrap{max-width:720px;margin:0 auto;padding-block:32px 64px;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1{font-family:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;font-weight:800;font-size:clamp(30px,5vw,40px);letter-spacing:-.03em;line-height:1.1;margin:16px 0 4px}
h2{font-family:"Bricolage Grotesque","Arial Black",system-ui,sans-serif;font-weight:600;font-size:19px;margin:28px 0 6px}
p,li{color:var(--ink)}
ul{padding-left:20px;display:flex;flex-direction:column;gap:8px}
a{color:var(--accent)}
.back{text-decoration:none;font-weight:600;color:var(--muted)}
.sub{color:var(--muted);margin:0 0 16px}
.tldr{background:var(--soft);border-radius:12px;padding:14px 16px}
hr{border:0;border-top:1px solid var(--line);margin:48px 0 8px}