:root { color-scheme: light dark; --ink: #2b2620; --paper: #f6f1e7; --tomato: #d8392b; }
@media (prefers-color-scheme: dark) { :root { --ink: #ece6da; --paper: #1c1a17; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.55 ui-monospace, "SF Mono", Menlo, monospace; }
main { max-width: 640px; margin: 0 auto; padding: 48px 22px 80px; }
.brand { font-weight: 800; letter-spacing: .08em; margin: 0 0 32px; }
.brand a { color: inherit; text-decoration: none; }
h1 { font-size: 1.6rem; line-height: 1.25; margin: 0 0 8px; }
h2 { font-size: 1.05rem; text-transform: uppercase; letter-spacing: .04em; margin: 36px 0 8px; border-top: 1px dashed currentColor; padding-top: 16px; }
h3 { font-size: 1rem; margin: 24px 0 4px; }
a { color: var(--tomato); }
.meta { opacity: .7; font-size: .9rem; }
ul { padding-left: 1.2em; }