:root{color-scheme:dark;--bg:#120e10;--ink:#f1eadf;--muted:#ab9fa2;--gold:#e8b84a;--line:#3a2f33}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 "IBM Plex Sans","Segoe UI",system-ui,sans-serif;padding-inline:20px}
.doc{max-width:720px;margin:0 auto;padding-block:40px 64px}
h1{font:800 34px/1.15 "Bricolage Grotesque","Segoe UI",sans-serif;margin:16px 0 6px}
h2{font:700 20px/1.3 "Bricolage Grotesque","Segoe UI",sans-serif;margin:32px 0 8px;padding-top:16px;border-top:1px solid var(--line)}
a{color:var(--gold)}
.muted{color:var(--muted);font-size:14px}
ul{padding-left:20px}
li{margin:6px 0}
.todo{background:#3a2c10;color:var(--gold);padding:0 6px;border-radius:4px}