:root{--bg:#0b0b0c;--fg:#e9e4d8;--muted:#a59f92;--gold:#c9a24a;--line:#2a2824}
@media (prefers-color-scheme: light){:root{--bg:#faf8f3;--fg:#1c1b19;--muted:#5d5a53;--gold:#8a6a1f;--line:#e2ddd1}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 Georgia,"Times New Roman",serif}
main{max-width:720px;margin:0 auto;padding:48px 16px 80px}
h1{font-weight:normal;font-size:2rem;margin:0 0 4px}
h2{font-weight:normal;font-size:1.25rem;margin:2.2em 0 .4em;color:var(--gold)}
p,li{color:var(--fg)}
.muted{color:var(--muted);font-size:.9rem}
a{color:var(--gold)}
nav{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:32px;font-size:.95rem}
nav a{margin-right:16px}
footer{border-top:1px solid var(--line);margin-top:48px;padding-top:12px;font-size:.85rem;color:var(--muted)}