:root { --bg: #faf7f0; --fg: #302b27; --muted: #74695f; --line: #e6ddd0; --accent: #99472f; --card: #f0ebe2; color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #1c2226; --fg: #ebe8de; --muted: #abb7bc; --line: #33403f; --accent: #e7ba91; --card: #293137; color-scheme: dark; }
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--fg); font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
main { max-width: 680px; margin: 0 auto; padding: 40px 20px 64px; }
h1, h2, h3 { font-family: "New York", ui-serif, Georgia, serif; font-weight: 500; line-height: 1.25; }
h1 { font-size: 2.1rem; margin: 4px 0 6px; }
h2 { font-size: 1.35rem; margin: 36px 0 8px; }
h3 { font-size: 1.08rem; margin: 22px 0 4px; }
.eyebrow { text-transform: uppercase; letter-spacing: .18em; font-size: .72rem; font-weight: 600; color: var(--muted); margin: 0; }
.muted { color: var(--muted); font-size: .92rem; margin-top: 0; }
.note { background: var(--card); border-radius: 12px; padding: 12px 16px; }
a { color: var(--accent); }
ul { padding-left: 1.2em; }
li { margin: 6px 0; }
footer { margin-top: 48px; padding-top: 16px; border-top: 1px solid var(--line); font-size: .92rem; }