:root { --paper: #fbf9f3; --ink: #1f1d1b; --soft: #6a645b; --ribbon: #a22d27; --desk: #efe9dc; }
@media (prefers-color-scheme: dark) { :root { --desk: #1d1a17; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--desk); font-family: "Courier Prime", "Courier New", Courier, monospace; color: var(--ink); line-height: 1.6; }
main { max-width: 720px; margin: 40px auto; padding: 48px 56px; background: var(--paper); box-shadow: 0 6px 24px rgba(0,0,0,.18); }
@media (max-width: 760px) { main { margin: 0; padding: 32px 20px; box-shadow: none; } }
.kicker { font-family: Futura, "Trebuchet MS", sans-serif; letter-spacing: .25em; font-size: 12px; color: var(--ribbon); text-transform: uppercase; }
h1 { font-weight: normal; font-size: 28px; margin: 8px 0 24px; }
h2 { font-weight: normal; font-size: 19px; margin-top: 32px; }
a { color: var(--ribbon); }
.soft { color: var(--soft); }
footer { margin-top: 40px; font-size: 13px; color: var(--soft); }