:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif; color: #2f2b2a; background: #f5f3f0; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: radial-gradient(circle at 90% 0, #ffe8bd 0, transparent 30%), #f5f3f0; }
main { width: min(820px, calc(100% - 32px)); margin: 0 auto; padding: 44px 0 72px; }
.eyebrow { margin: 0 0 8px; color: #d94f47; font-weight: 800; letter-spacing: .06em; }
h1 { margin: 0 0 12px; font-size: clamp(30px, 7vw, 48px); }
.updated, .lead { color: #706966; line-height: 1.65; }
section { margin-top: 18px; padding: 24px; border: 1px solid rgba(255,255,255,.9); border-radius: 24px; background: rgba(255,252,246,.9); box-shadow: 0 14px 36px rgba(72,55,43,.08); }
h2 { margin: 0 0 10px; font-size: 20px; }
p, li { line-height: 1.75; }
a { color: #c9453f; font-weight: 700; }
.button { display: inline-block; margin-top: 8px; padding: 12px 18px; border-radius: 14px; color: white; background: #d94f47; text-decoration: none; }
footer { margin-top: 30px; color: #837b77; font-size: 13px; text-align: center; }
@media (prefers-color-scheme: dark) {
  :root { color: #f2edeb; background: #121416; }
  body { background: radial-gradient(circle at 90% 0, #482b20 0, transparent 32%), #121416; }
  section { border-color: rgba(255,255,255,.1); background: rgba(33,31,30,.92); box-shadow: none; }
  .updated, .lead, footer { color: #b8afab; }
}