:root { color-scheme: dark; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { background: #2e1808; color: #fcf8ef; margin: 0; min-height: 100vh; }
header { border-bottom: 1px solid #b5813a66; padding: 22px max(20px, calc((100vw - 880px) / 2)); }
.brand { color: #fcf8ef; font-size: 1.15rem; font-weight: 900; letter-spacing: .04em; text-decoration: none; }
.brand span, a { color: #f3c948; }
main { margin: auto; max-width: 880px; padding: 64px 22px 90px; }
h1 { font-size: clamp(2.2rem, 6vw, 4.4rem); letter-spacing: -.05em; line-height: .98; margin: 0 0 18px; }
h2 { color: #f7efdd; font-size: 1.25rem; margin-top: 40px; }
p, li { color: #d7c9aa; font-size: 1rem; line-height: 1.72; }
.eyebrow { color: #f3c948; font-size: .75rem; font-weight: 800; letter-spacing: .15em; }
.updated { border-bottom: 1px solid #b5813a55; padding-bottom: 30px; }
.card { background: #164a2c; border: 1px solid #b5813a66; border-radius: 18px; margin-top: 28px; padding: 24px; }
nav { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 34px; }
nav a { color: #efe0c0; font-weight: 700; }
footer { border-top: 1px solid #b5813a55; color: #b8a681; font-size: .84rem; margin-top: 60px; padding-top: 28px; }