:root { --bg:#fbf8f3; --ink:#1d1b18; --mute:#6b655c; --link:#2747d6; --rule:#e6dfd3; }
@media (prefers-color-scheme: dark) { :root { --bg:#161513; --ink:#f1ede6; --mute:#a59e93; --link:#8fa4ff; --rule:#2e2b27; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width:680px; margin:0 auto; padding:48px 16px 80px; }
h1 { font-size:2rem; line-height:1.2; margin:0 0 4px; }
h2 { font-size:1.15rem; margin:32px 0 6px; }
p { margin:0 0 12px; }
.meta { color:var(--mute); margin-bottom:24px; }
a { color:var(--link); }
footer { margin-top:48px; padding-top:16px; border-top:1px solid var(--rule); color:var(--mute); font-size:.9rem; }