:root { color-scheme: light dark; --ink:#2b2a27; --muted:#77736b; --bg:#fbfaf6; --line:#e6e2d8; --accent:#a4552f; }
@media (prefers-color-scheme: dark) { :root { --ink:#e9e6df; --muted:#9a968d; --bg:#1c1b19; --line:#35332f; --accent:#d98a62; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.65 Georgia, "Times New Roman", serif; }
main, header, footer { max-width: 620px; margin: 0 auto; padding: 0 20px; }
header { padding-top: 56px; padding-bottom: 8px; }
header a.home { color: var(--ink); text-decoration: none; font-size: 26px; }
nav { margin-top: 6px; font-size: 15px; color: var(--muted); }
nav a { color: var(--muted); margin-right: 14px; }
article { padding: 26px 0; border-bottom: 1px solid var(--line); }
article h2 { font-size: 21px; font-weight: normal; margin: 0 0 2px; }
time { color: var(--muted); font-size: 14px; }
a { color: var(--accent); }
footer { padding-top: 26px; padding-bottom: 50px; color: var(--muted); font-size: 14px; }