:root { --ink: #1f1d1a; --muted: #5d5850; --paper: #fbf8f1; --line: #e3dccd; --gold: #c98a12; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 17px/1.65 ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 64px 16px 48px; }
h1 { font: 700 clamp(2rem, 6vw, 2.8rem)/1.15 Georgia, 'Times New Roman', serif; margin: 0 0 8px; }
h2 { font: 700 1.3rem/1.3 Georgia, serif; margin: 36px 0 8px; }
.mark { display: inline-block; width: 44px; height: 44px; border-radius: 50%; background: var(--gold); margin-bottom: 20px; }
.lede { font-size: 1.15rem; color: var(--muted); margin: 0 0 24px; }
a { color: #8a5a00; text-underline-offset: 2px; }
footer { max-width: 680px; margin: 0 auto; padding: 20px 16px 48px; border-top: 1px solid var(--line); color: var(--muted); font-size: .9rem; }