:root { --accent:#C2603E; --bg:#F7EFE6; --surface:#FFFBF6; --ink:#3B2A24; --muted:#8A5A48; --line:#E8D9CC; }
@media (prefers-color-scheme: dark) { :root { --accent:#E07A55; --bg:#2A1E1A; --surface:#3A2B26; --ink:#F7EFE6; --muted:#D9A48A; --line:#4A3730; } }
* { box-sizing:border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
main { max-width:720px; margin:0 auto; padding:48px 22px 80px; }
h1 { font-size:30px; line-height:1.2; margin:0 0 6px; }
h2 { font-size:19px; margin:34px 0 8px; color:var(--accent); }
p, li { color:var(--ink); }
.lede { color:var(--muted); margin:0 0 8px; }
.date { color:var(--muted); font-size:14px; margin:0 0 28px; }
a { color:var(--accent); }
nav { display:flex; gap:18px; flex-wrap:wrap; padding:18px 22px; border-bottom:1px solid var(--line); max-width:720px; margin:0 auto; }
nav a { text-decoration:none; font-weight:500; }
.card { background:var(--surface); border:1px solid var(--line); border-radius:16px; padding:18px 20px; margin:18px 0; }
footer { border-top:1px solid var(--line); margin-top:48px; padding-top:18px; color:var(--muted); font-size:14px; }