.legal-page { min-height: 100svh; display: flex; flex-direction: column; }
.legal-main { width: min(760px, calc(100% - 96px)); flex: 1; margin: 0 auto; padding: 80px 0 96px; }
.legal-main h1 { font-size: 48px; line-height: 1; margin-bottom: 24px; }
.legal-intro { font-size: 20px; line-height: 28px; color: var(--muted); }
.legal-updated { margin-top: 16px; color: var(--muted); font-size: 14px; line-height: 20px; }
.legal-main section { margin-top: 48px; }
.legal-main h2 { font-size: 24px; line-height: 32px; margin-bottom: 12px; letter-spacing: -.02em; }
.legal-main section p { max-width: 72ch; font-size: 16px; line-height: 24px; margin: 0 0 16px; }
.legal-main section p:last-child { margin-bottom: 0; }
.legal-main section a { text-decoration: underline; text-decoration-color: #ffffff66; overflow-wrap: anywhere; }
.legal-main section a:hover { text-decoration-color: #ffffff; }
@media (max-width: 760px) {
  .legal-main { width: calc(100% - 48px); padding: 48px 0 64px; }
  .legal-main h1 { font-size: 36px; line-height: 40px; }
  .legal-intro { font-size: 18px; line-height: 28px; }
  .legal-main section { margin-top: 32px; }
}