:root { --ink: #0b0b0c; --paper: #f7f5f0; --muted: #b9b4aa; --brass: #b08d4f; --rule: #2a2a2e; }
@media (prefers-color-scheme: light) { :root { --ink: #f7f5f0; --paper: #141416; --muted: #55524c; --brass: #8a6a30; --rule: #dcd6ca; } }
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--ink); color: var(--paper); font: 16px/1.65 -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 48px 16px 64px; }
main { max-width: 680px; margin: 0 auto; }
.kicker { font: 600 12px/1 'SF Mono', Menlo, monospace; letter-spacing: .14em; text-transform: uppercase; color: var(--brass); margin-bottom: 14px; }
h1 { font: 600 34px/1.15 Georgia, 'Times New Roman', serif; margin-bottom: 8px; }
.date { color: var(--muted); font-size: 14px; margin-bottom: 36px; }
h2 { font-size: 18px; margin: 32px 0 8px; }
p, li { margin-bottom: 12px; }
ul { padding-left: 20px; }
a { color: var(--brass); }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--rule); color: var(--muted); font-size: 14px; }