:root { color-scheme: light dark; --bg:#FAF8F3; --ink:#333B34; --muted:#727970; --line:#E7E7DD; --accent:#667A57; --surface:#F1EEE6; }
@media (prefers-color-scheme:dark) { :root { --bg:#1D2420; --ink:#EEEDE2; --muted:#B1B9AC; --line:#364036; --accent:#B7C89E; --surface:#29322B; } }
* { box-sizing:border-box; }
body { margin:0; padding:40px 24px 64px; background:var(--bg); color:var(--ink); font:16px/1.8 system-ui,-apple-system,"Segoe UI",sans-serif; }
main { max-width:720px; margin:auto; }
nav { display:flex; flex-wrap:wrap; gap:20px; border-bottom:1px solid var(--line); padding-bottom:18px; margin-bottom:32px; }
a { color:var(--accent); text-underline-offset:4px; }
h1 { font-size:30px; line-height:1.3; letter-spacing:-.04em; margin:20px 0; }
h2 { font-size:19px; margin:30px 0 8px; }
p { margin:12px 0; }
.draft { padding:14px 18px; border-radius:16px; background:var(--surface); color:var(--muted); font-size:14px; }
footer { margin-top:40px; padding-top:18px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }