/* Legal pages (privacy.html, consent.html): readable long text on the site's dark theme */
.legal { max-width: 820px; padding-top: 22px; padding-bottom: 72px; }
.legal h1 { font: 600 clamp(28px, 4vw, 48px)/1.1 var(--display); letter-spacing: -.02em; margin: 10px 0 12px; text-wrap: balance; }
.legal .meta { color: var(--muted); font: 400 13px var(--mono); margin: 0 0 36px; }
.legal h2 { font: 600 clamp(18px, 2vw, 22px)/1.3 var(--display); margin: 40px 0 12px; color: var(--gold-hi); }
.legal p, .legal li { color: #d6ccba; font-size: 16px; line-height: 1.65; }
.legal ul, .legal ol { padding-left: 22px; }
.legal li + li { margin-top: 6px; }
.legal a { color: var(--gold-hi); }
.legal .card-req { margin: 18px 0; padding: 20px 22px; border-radius: 16px; border: 1px solid var(--line); background: var(--glass); }
.legal .card-req p { margin: 4px 0; }
/* fields the owner must fill in before launch — deliberately loud */
mark.fill { background: rgba(224, 102, 79, .18); color: #ffb3a3; border: 1px dashed #e0664f; border-radius: 4px; padding: 0 5px; }