:root { --bg: #faf7f2; --ink: #2b2723; --muted: #6f665d; --rule: #e4ddd2; --link: #7a4e2d; }
@media (prefers-color-scheme: dark) { :root { --bg: #1d1b19; --ink: #ece6dd; --muted: #a59b90; --rule: #3a3530; --link: #d9a77c; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 18px/1.6 "Iowan Old Style", "Palatino", Georgia, serif; }
main { max-width: 38rem; margin: 0 auto; padding: 3rem 1rem 4rem; }
nav { font: 15px/1.4 -apple-system, system-ui, sans-serif; color: var(--muted); margin-bottom: 2.5rem; }
nav a { margin-right: 1.25rem; }
h1 { font-weight: 600; font-size: 2rem; margin: 0 0 .25rem; }
h2 { font-size: 1.1rem; margin: 2rem 0 .25rem; }
p { margin: .5rem 0 1rem; }
a { color: var(--link); }
.updated, footer { color: var(--muted); font-size: 15px; }
footer { margin-top: 3rem; border-top: 1px solid var(--rule); padding-top: 1rem; }