:root { color-scheme: light dark; --fg: #222; --bg: #fbfaf7; --muted: #777; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8e6e1; --bg: #1c1b19; --muted: #9a978f; } }
body { margin: 0 auto; max-width: 40rem; padding: 2rem 1rem; font: 17px/1.6 Georgia, serif; color: var(--fg); background: var(--bg); }
header p, .date, footer { color: var(--muted); }
h1 { font-weight: normal; }
h2 { font-weight: normal; margin-bottom: 0; }
.date { margin-top: 0; font-size: .9em; }
article { margin: 2.5rem 0; }