.legal-content { max-width: 840px; padding-block: 50px 80px; }
.legal-content h1 { margin-top: 28px; font-size: 40px; }
.legal-source { margin-block: 24px 44px; padding: 20px; background: var(--surface); color: var(--muted); }
.legal-content a, .legal-footer a { text-decoration: underline; text-underline-offset: 5px; }
.legal-content article p { white-space: pre-wrap; overflow-wrap: anywhere; margin-bottom: 24px; }
.legal-footer { padding-block: 32px 50px; display: flex; flex-wrap: wrap; gap: 20px; }
.legal-footer p { width: 100%; color: var(--muted); }
@media (max-width: 760px) {
  .legal-content { padding-top: 18px; }
  .legal-content h1 { font-size: 32px; }
  .site-header { min-height: 84px; }
  .site-header > a:last-child { font-size: 14px; }
}