:root { color-scheme: light; }
* { box-sizing: border-box; }
body { max-width: 760px; margin: 24px auto; padding: 0 22px 40px; background: #fbfaf7; color: #44382f; font: 16px/1.8 system-ui, sans-serif; overflow-wrap: anywhere; }
h1 { font-size: clamp(23px, 5vw, 28px); line-height: 1.45; margin-top: 26px; }
h2 { font-size: 19px; line-height: 1.5; margin-top: 28px; }
a { color: #70502d; text-underline-offset: 3px; }
nav { display: flex; flex-wrap: wrap; gap: 8px; }
nav a { padding: 5px 12px; border: 1px solid #d9cbb7; border-radius: 20px; text-decoration: none; }
nav a[aria-current="page"] { background: #e8edde; border-color: #84966a; color: #36472b; font-weight: 600; }
.legal-footer { margin-top: 32px; padding-top: 20px; border-top: 1px solid #ded5c7; }