/* Readable, responsive legal pages. All selectors are page scoped. */
.legal-page__header { background: var(--public-bg, #f6fbfd); padding: clamp(36px, 5vw, 64px) 0 30px; }
.legal-page__container { max-width: 856px; margin-inline: auto; }
.legal-page__header h1 { color: var(--public-ink); font-size: clamp(2rem, 4vw, 2.75rem); line-height: 1.2; letter-spacing: -.025em; margin: 8px 0 12px; }
.legal-page__intro { max-width: 70ch; margin: 0; color: var(--public-muted); line-height: 1.75; }
.legal-page { padding: 28px 0 clamp(56px, 6vw, 88px); }
.legal-page__content { color: var(--public-ink); line-height: 1.85; overflow-wrap: anywhere; }
.legal-page__section { padding-block: 14px 22px; border-bottom: 1px solid var(--public-faint); scroll-margin-top: 100px; }
.legal-page__section h2 { font-size: clamp(1.2rem, 2.5vw, 1.55rem); line-height: 1.4; margin: 0 0 14px; letter-spacing: -.012em; }
.legal-page__content p { margin: 0 0 14px; }
.legal-page__content p:last-child { margin-bottom: 0; }
.legal-page__content ul { padding-left: 1.35rem; margin: 0 0 16px; }
.legal-page__content li { padding-left: .2rem; margin-bottom: 10px; }
.legal-page__content a, .legal-page__related a { color: var(--public-accent-dark); text-underline-offset: 3px; }
.legal-page__content a:focus-visible, .legal-page__related a:focus-visible { outline: 3px solid var(--public-accent-dark); outline-offset: 3px; }
.legal-page__related { display: flex; flex-wrap: wrap; gap: 12px 24px; padding-top: 25px; }
@media (max-width: 575.98px) {
  .legal-page__header { padding-top: 30px; }
  .legal-page__container { width: min(100% - 28px, 856px); }
  .legal-page { padding-top: 16px; }
  .legal-page__content { font-size: .96rem; }
}