:root { --bg: #d5cdb8; --ink: #1f221e; --muted: #4a4e44; --accent: #b23a24; --amber: #e8a33d; --card: #e6e1d3; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #171a17; --ink: #e6e1d3; --muted: #9c9884; --accent: #e8a33d; --card: #232619; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 "Saira Semi Condensed", system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 48px 16px 64px; }
h1, h2 { font-family: "Saira Condensed", system-ui, sans-serif; font-weight: 800; letter-spacing: .02em; line-height: 1.1; }
h1 { font-size: 44px; margin: 0 0 8px; }
h2 { font-size: 24px; margin: 32px 0 8px; border-bottom: 2px solid var(--ink); padding-bottom: 4px; }
.kicker { font: 600 12px/1 "IBM Plex Mono", monospace; letter-spacing: .2em; color: var(--accent); text-transform: uppercase; }
.meta { font: 13px "IBM Plex Mono", monospace; color: var(--muted); }
a { color: var(--accent); }
.card { background: var(--card); padding: 20px; margin: 24px 0; border-left: 4px solid var(--amber); }
footer { margin-top: 48px; font: 12px "IBM Plex Mono", monospace; color: var(--muted); }