:root { color-scheme: light dark; --paper: #f4eee5; --card: #fffaf4; --ink: #2c211b; --muted: #75675d; --accent: #8b4a22; }
@media (prefers-color-scheme: dark) { :root { --paper: #1d1510; --card: #2d2119; --ink: #f7ede3; --muted: #c1afa1; --accent: #f0a36d; } }
* { box-sizing: border-box; }
body { margin: 0; padding: 56px 20px; background: var(--paper); color: var(--ink); font: 16px/1.65 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
header, main { max-width: 700px; margin: 0 auto; }
header { margin-bottom: 34px; }
.eyebrow { margin: 0 0 8px; color: var(--accent); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(2.3rem, 9vw, 4.4rem); letter-spacing: -.05em; line-height: 1; }
.intro { margin: 16px 0 0; color: var(--muted); font-size: 1.15rem; }
section { margin-bottom: 22px; padding: 28px 30px; border-radius: 20px; background: var(--card); box-shadow: 0 2px 12px #0001; }
h2 { margin: 0 0 12px; font-size: 1.4rem; }
.lead { color: var(--accent); font-weight: 700; }
ul { padding-left: 22px; }
li { margin: 9px 0; }
a { color: var(--accent); }