/* Reusable legal-page presentation; shared pages keep their existing styles. */
.legal-page { max-width: 890px; padding-block: 40px 56px; }
.legal-intro { margin-bottom: 28px; }
.legal-page h1, .legal-page h2 { color: var(--color-dark-blue); font-family: var(--font-heading); font-weight: 600; }
.legal-page h1 { margin: 0 0 12px; font-size: clamp(32px, 4vw, 44px); line-height: 1.2; }
.legal-page h2 { margin: 0 0 16px; font-size: clamp(24px, 3vw, 30px); line-height: 1.3; }
.legal-page p { margin: 0 0 16px; }
.legal-page .legal-updated { color: var(--color-dark-blue); font-weight: 500; }
.legal-reading { padding: 36px 40px; background: var(--color-white); border: 1px solid var(--color-pale-blue); border-radius: 8px; }
.legal-reading section + section { margin-top: 32px; }
.legal-reading section > :last-child, .legal-intro > :last-child { margin-bottom: 0; }
.legal-page ul { margin: 0 0 16px; padding-left: 24px; }
.legal-page li + li { margin-top: 8px; }
.legal-page a { color: var(--color-primary); text-underline-offset: 3px; }
.legal-page a:hover { color: var(--color-dark-blue); }
.legal-page { overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .legal-page { padding-inline: 20px; padding-block: 28px 36px; }
  .legal-reading { padding: 24px 20px; }
  .legal-reading section + section { margin-top: 28px; }
}