.legal-page { background: var(--surface-base); }
.legal-hero { padding-block: var(--space-16); background: var(--surface-raised); }
.legal-hero h1 { margin-bottom: 0; }
.legal-content { max-width: 76ch; margin-inline: auto; padding-block: var(--space-16); overflow-wrap: anywhere; }
.legal-content h2 { margin: var(--space-12) 0 var(--space-6); }
.legal-content h2:first-child { margin-top: 0; }
.legal-content p, .legal-content ul { margin-block: 0 var(--space-6); }
.legal-content p { max-width: none; }
.legal-content ul { padding-left: var(--space-6); }
.legal-content li + li { margin-top: var(--space-3); }
.legal-content a { text-decoration: underline; text-underline-offset: 0.2em; }
@media (max-width: 599px) {
  .legal-hero, .legal-content { padding-block: var(--space-12); }
}