/* Legal pages (privacy, terms) in the flagship design */
.legal-head { background: var(--navy); color: var(--on-dark); padding: 72px 0 56px; }
.legal-head .eyebrow { color: var(--gold); }
.legal-head h1 { color: #fff; font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; }
.legal-head p { color: var(--on-dark-muted); margin-top: 12px; }
.legal { max-width: 760px; margin: 0 auto; padding: 56px 24px 88px; }
.legal h2 { font-size: 1.35rem; font-weight: 700; margin: 40px 0 12px; }
.legal h2:first-child { margin-top: 0; }
.legal h3 { font-size: 1.05rem; font-weight: 700; margin: 24px 0 8px; }
.legal p { margin: 0 0 14px; }
.legal ul { margin: 0 0 16px; padding-left: 22px; }
.legal li { margin: 6px 0; }
.legal a { color: var(--gold-deep); }
.nav { position: sticky; top: 0; z-index: 50; background: var(--navy-2); border-bottom: 1px solid var(--border-dark); }
@media (max-width: 480px) { .legal-head { padding: 48px 0 40px; } .legal { padding: 40px 16px 64px; } }