/* Legal documents (terms, privacy, DPA): long-form reading, composed from the page tokens. */
.legal { padding: 88px 0 110px; }
.legal article { max-width: 760px; }
.legal h1 { margin-bottom: 18px; font-size: clamp(42px, 4.2vw, 62px); line-height: 1; letter-spacing: -.055em; }
.legal h2 { margin: 56px 0 16px; font-size: 28px; font-weight: 500; line-height: 1.15; letter-spacing: -.035em; }
.legal h3 { margin: 32px 0 10px; font-size: var(--text-lg); }
.legal p, .legal li { font-size: var(--text-md); line-height: var(--leading-body); }
.legal ul, .legal ol { margin: 0 0 16px; padding-left: 22px; }
.legal li { margin-bottom: 8px; }
.legal article a, .legal-links a { padding-bottom: 2px; border-bottom: 1px solid var(--ag-ink); font-weight: 700; }
.legal-table { margin: 0 0 24px; overflow-x: auto; border-top: 1px solid var(--ag-gray); border-bottom: 1px solid var(--ag-gray); }
.legal-table table { width: 100%; border-collapse: collapse; }
.legal-table th { padding: 12px 16px 12px 0; border-bottom: 1px solid var(--ag-gray-light); color: var(--color-text-muted); font: 700 var(--text-xs)/1.3 var(--font-mono); letter-spacing: .12em; text-align: left; text-transform: uppercase; }
.legal-table td { padding: 14px 16px 14px 0; border-bottom: 1px solid var(--ag-gray-light); font-size: var(--text-md); line-height: 1.45; vertical-align: top; }
.legal-table tbody tr:last-child td { border-bottom: 0; }
.legal-links { display: flex; flex-wrap: wrap; gap: 14px 32px; margin-top: 72px; padding-top: 24px; border-top: 1px solid var(--ag-gray); }
.legal-links a[aria-current="page"] { border-bottom-color: transparent; color: var(--color-text-muted); }

@media (max-width: 680px) {
  .legal { padding: 62px 0 72px; }
  .legal h2 { margin-top: 44px; font-size: 24px; }
  .legal-table th, .legal-table td { padding-right: 12px; overflow-wrap: break-word; }
}

@media (max-width: 360px) {
  .legal-table th, .legal-table td { hyphens: auto; overflow-wrap: anywhere; }
}