:root{--bg:#FBFAF6;--fg:#1C2230;--mut:#5A6273;--line:#DCD6C9;--acc:#9A6B12;--soft:#F2EEE4}
@media (prefers-color-scheme:dark){:root{--bg:#121519;--fg:#E7EBF1;--mut:#9AA3B2;--line:#2D3644;--acc:#E8B931;--soft:#1A2029}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.65 "IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.doc{max-width:760px;margin:0 auto;padding:32px 16px 64px}
.crumb{font-size:14px;color:var(--mut);margin:0 0 6px}.crumb a{color:var(--mut)}
h1{font:800 clamp(30px,6vw,44px)/1.1 "Bricolage Grotesque",system-ui,sans-serif;margin:0 0 12px;letter-spacing:-.5px}
h2{font:700 21px/1.3 "Bricolage Grotesque",system-ui,sans-serif;margin:34px 0 8px;padding-top:6px;border-top:1px solid var(--line)}
.lede{font-size:18px;color:var(--mut)}
a{color:var(--acc)}ul{padding-left:20px}li{margin:6px 0}
.toc{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 6px}.toc a{font-size:13.5px;text-decoration:none;color:var(--fg);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px 11px}
.box{background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:14px 0}
.foot{margin-top:40px;font-size:14px;color:var(--mut)}