:root {
  color-scheme: light;
  --background: #f7f4ef;
  --surface: #fffdf9;
  --text: #221f1b;
  --muted: #6f6860;
  --accent: #df6048;
  --border: #e7dfd5;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--background); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.65; }
main { width: min(780px, calc(100% - 32px)); margin: 48px auto; padding: clamp(28px, 6vw, 64px); background: var(--surface); border: 1px solid var(--border); border-radius: 28px; box-shadow: 0 18px 55px rgba(50, 37, 25, 0.07); }
h1, h2 { line-height: 1.2; }
h1 { margin: 0 0 8px; font-size: clamp(36px, 7vw, 56px); }
h2 { margin: 38px 0 10px; font-size: 22px; }
p, li { color: var(--muted); }
ul { padding-left: 22px; }
a { color: var(--accent); }
.eyebrow { color: var(--accent); font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.updated { margin-bottom: 36px; font-size: 14px; }
.links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 42px; padding-top: 24px; border-top: 1px solid var(--border); }
@media (max-width: 560px) { main { margin: 16px auto; border-radius: 20px; } }