:root { color-scheme: light dark; --fg: #1d1d1f; --bg: #fbfaf7; --muted: #6b6b6b; --accent: #8a5a2b; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8e6e3; --bg: #161514; --muted: #a09d98; --accent: #d39b62; } }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.65 Georgia, "Times New Roman", serif; }
header, main, footer { max-width: 680px; margin: 0 auto; padding: 0 16px; }
header { padding-top: 40px; } header a { color: inherit; text-decoration: none; }
nav a { color: var(--accent); margin-right: 16px; font-family: system-ui, sans-serif; font-size: 15px; }
h1 { font-size: 2rem; margin: 0 0 4px; } .tagline { color: var(--muted); margin: 0 0 20px; }
article { margin: 36px 0; } article h2 { margin-bottom: 4px; } time { color: var(--muted); font-size: 0.9rem; }
footer { color: var(--muted); font-size: 0.85rem; padding: 40px 16px; }