:root{--bg:#fffaf3;--fg:#2b2320;--muted:#6f625b;--accent:#c2410c;--line:#eadfd3}
@media (prefers-color-scheme:dark){:root{--bg:#1b1614;--fg:#f3ebe5;--muted:#b3a59b;--accent:#fb923c;--line:#3a2f2a}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 16px 64px}
h1{font-size:2rem;margin:.2em 0}
h2{font-size:1.3rem;margin:2em 0 .4em;padding-top:1em;border-top:1px solid var(--line)}
h3{font-size:1.05rem;margin:1.4em 0 .3em}
a{color:var(--accent)}
.muted{color:var(--muted);font-size:.95rem}
nav a{margin-right:1em}
ul{padding-left:1.2em}