.legal-page { min-height: 100vh; background: var(--ivory); }
.legal-header { border-bottom: 1px solid var(--line); background: var(--paper); }
.legal-header .container { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.legal-back { color: var(--emerald); font-size: 12px; font-weight: 700; }
.legal-main { width: min(820px, calc(100% - 40px)); margin: 0 auto; padding: 90px 0 110px; }
.legal-main h1 { margin-bottom: 20px; font-size: clamp(48px, 8vw, 76px); }
.legal-intro { margin-bottom: 45px; padding-bottom: 30px; color: var(--muted); border-bottom: 1px solid var(--line); font-size: 17px; }
.legal-main h2 { margin: 42px 0 14px; font-size: 31px; }
.legal-main p, .legal-main li { color: var(--muted); }
.legal-main ul { padding-left: 20px; }
.legal-note { margin-top: 50px; padding: 22px; border-left: 3px solid var(--gold); background: var(--paper); }
@media (max-width: 560px) {
  .legal-header .brand-copy { display: none; }
  .legal-main { padding: 65px 0 80px; }
}