:root { --ink:#2b2a26; --muted:#6b675e; --bg:#faf7f0; --accent:#3f5f45; }
@media (prefers-color-scheme: dark) { :root { --ink:#ece8de; --muted:#a8a396; --bg:#1c1b18; --accent:#8fb795; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width:720px; margin:0 auto; padding:40px 16px 64px; }
h1 { font-size:1.9rem; line-height:1.2; margin:0 0 4px; }
h2 { font-size:1.15rem; margin:2em 0 .4em; }
p, li { color:var(--ink); }
.meta, footer { color:var(--muted); font-size:.9rem; }
a { color:var(--accent); }
footer { margin-top:3em; border-top:1px solid color-mix(in srgb, var(--muted) 30%, transparent); padding-top:1em; }
h3 { font-size:1rem; margin:1.4em 0 .2em; }