:root {
  --bg: #e7e7e3; --raised: #f4f4f1; --text: #141414; --soft: #6f6f6a; --accent: #c93f0c;
  --mono: Menlo, Consolas, monospace;
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; padding: 48px 16px; background: var(--bg); color: var(--text); font: 16px/1.6 var(--sans); }
main { max-width: 640px; margin: 0 auto; padding: 32px; background: var(--raised); border-radius: 14px; }
h1 { margin: 0 0 8px; font-size: 28px; line-height: 1.2; }
h2 { margin: 28px 0 4px; font: 600 13px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .06em; color: var(--soft); }
p { margin: 8px 0; }
a { color: var(--accent); }
.meta { color: var(--soft); font: 13px/1.5 var(--mono); }