/* The two legal documents (splash/legal/privacy.html, splash/legal/terms.html):
   a long-form reading page on the site's own tokens, light and dark alike. */
.legal-page { position: relative; z-index: 1; max-width: var(--measure-reading, 760px); margin: 0 auto; padding: 96px 24px 120px; color: var(--ink); font-family: var(--font-sans); }
.legal-page .site-logo { position: absolute; top: 28px; left: 24px; color: var(--ink); text-decoration: none; }
.legal-page h1 { font-family: var(--font-display, var(--font-sans)); font-size: clamp(30px, 4.4vw, 46px); line-height: 1.1; margin: 0 0 8px; }
.legal-page .legal-updated { color: var(--ink-soft); font-size: 15px; margin: 0 0 36px; }
.legal-page h2 { font-size: 21px; line-height: 1.3; margin: 48px 0 12px; scroll-margin-top: 24px; }
.legal-page h3 { font-size: 17px; margin: 28px 0 8px; }
.legal-page p, .legal-page li { color: var(--ink-soft); font-size: 16px; line-height: 1.65; }
.legal-page p { margin: 0 0 14px; }
.legal-page ul { margin: 0 0 14px; padding-left: 22px; }
.legal-page li { margin: 0 0 6px; }
.legal-page strong { color: var(--ink); }
.legal-page .in-short { font-style: italic; }
.legal-page a { color: var(--brand-blue, var(--accent)); text-decoration: underline; text-underline-offset: 2px; word-break: break-word; }
.legal-page .legal-toc { list-style: none; padding: 0; columns: 2 280px; column-gap: 32px; }
.legal-page .legal-toc li { break-inside: avoid; }
.legal-page table { width: 100%; border-collapse: collapse; margin: 8px 0 18px; font-size: 15px; }
.legal-page th, .legal-page td { border: 1px solid var(--paper-line, var(--card-border)); padding: 8px 10px; text-align: left; vertical-align: top; color: var(--ink-soft); }
.legal-page th { color: var(--ink); }
.legal-page .legal-caps { text-transform: none; }
.legal-page address { font-style: normal; color: var(--ink-soft); line-height: 1.65; margin: 0 0 14px; }
.legal-page .legal-back { margin-top: 56px; }
@media (max-width: 640px) { .legal-page { padding: 84px 16px 96px; } .legal-page .site-logo { left: 16px; } }
