/* Legal pages (Privacy, Terms): long-form reading layout. Header, page head
   and footer come from site.css, as on the Support page. */
.legal { max-width: 760px; margin: 0 auto; padding: 40px var(--gutter) 88px; }
.legal .summary { margin-top: 0; padding: 20px 22px; border-radius: var(--radius-sm); background: var(--bg-soft); border-left: 4px solid var(--orange); }
.legal .summary p + p { margin-top: 8px; }
.legal nav.toc { margin-top: 28px; }
.legal nav.toc ol { margin: 8px 0 0; padding-left: 20px; columns: 2; column-gap: 32px; font-size: 15px; }
.legal nav.toc li { margin: 0; padding: 3px 0; break-inside: avoid; }
@media (max-width: 600px) { .legal nav.toc ol { columns: 1; } }
.legal h2 { font-size: 22px; font-weight: 700; margin: 44px 0 12px; scroll-margin-top: 72px; }
.legal h3 { font-size: 18px; font-weight: 700; margin: 24px 0 8px; }
.legal p, .legal li { color: var(--text); }
.legal p + p { margin-top: 12px; }
.legal ul, .legal ol { padding-left: 22px; }
.legal li + li { margin-top: 6px; }
.legal a { color: var(--accent-text); }
.legal address { font-style: normal; margin-top: 8px; line-height: 1.6; }
.legal table { width: 100%; border-collapse: collapse; margin-top: 12px; font-size: 15px; }
.legal th, .legal td { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--line); }
.legal th { background: var(--bg-soft); font-weight: 600; }
.legal .table-scroll { overflow-x: auto; }
.legal .caps { text-transform: uppercase; font-size: 15px; }