:root { color-scheme: light; --canvas:#f7f3ec; --ink:#26342d; --terra:#b95338; --sand:#efe3cf; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:var(--canvas); color:var(--ink); font:18px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(760px,calc(100% - 40px)); margin:0 auto; padding:80px 0; }
.brand { font-size:13px; font-weight:800; letter-spacing:.2em; }
h1 { max-width:680px; margin:.25em 0; font-family:Georgia,serif; font-size:clamp(42px,8vw,72px); line-height:1.02; }
h2 { margin-top:2em; font-size:20px; }
a { color:var(--terra); font-weight:650; }
nav { display:flex; gap:24px; margin-top:32px; }
.muted { color:#667169; }
.toc { margin:32px 0; padding:20px 24px; border-radius:12px; background:var(--sand); }
.toc ol { margin:0; padding-left:22px; }
.toc li { margin:4px 0; }