:root { color-scheme: light; --ink: #20201e; --muted: #66635e; --paper: #f7f4ed; --accent: #9e3f20; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 18px/1.65 Georgia, serif; }
.site-header, main, footer { width: min(720px, calc(100% - 40px)); margin-inline: auto; }
.site-header { padding: 32px 0 72px; }
.site-header a { color: var(--ink); font: 700 16px/1.2 system-ui, sans-serif; text-decoration: none; }
main { min-height: 60vh; }
h1, h2 { line-height: 1.12; letter-spacing: -0.025em; }
h1 { font-size: clamp(2.5rem, 8vw, 4.8rem); margin: 0 0 24px; }
h2 { margin-top: 56px; }
a { color: var(--accent); text-underline-offset: 3px; }
.standfirst { color: var(--muted); font-size: 1.3rem; line-height: 1.45; }
.eyebrow { color: var(--accent); font: 700 0.78rem/1.2 system-ui, sans-serif; letter-spacing: .08em; text-transform: uppercase; }
.post-list { padding-left: 1.4rem; }
.post-list li { margin: 1.6rem 0; padding-left: .4rem; }
.post-list p { color: var(--muted); margin: .25rem 0; }
footer { border-top: 1px solid #d7d1c5; color: var(--muted); font: 14px/1.5 system-ui, sans-serif; margin-top: 80px; padding: 24px 0 48px; }
@media (prefers-color-scheme: dark) { :root { color-scheme: dark; --ink: #ece8df; --muted: #aaa49a; --paper: #1c1b19; --accent: #ee8c69; } footer { border-color: #44403a; } }