/* Privacy and Terms pages. */
.legal-page .header-inner { justify-content: space-between; }
.legal-back { margin-inline-start: auto; }
.legal { max-width: 820px; padding-block: 56px 96px; }
.legal h1 { font-size: clamp(38px, 5vw, 56px); }
.legal-meta { margin-top: 12px; color: var(--dim); }
.legal h2 { font-size: 24px; margin: 44px 0 12px; scroll-margin-top: 90px; }
.legal p, .legal li { color: var(--ink-2); }
.legal p + p { margin-top: 14px; }
.legal ul { display: grid; gap: 10px; margin: 14px 0; padding-inline-start: 22px; list-style: disc; }
.legal li::marker { color: var(--teal); }
.legal > p:first-of-type + p, .legal-meta + p { margin-top: 28px; }
.toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 32px 0 8px; padding: 18px; border-radius: 20px; background: var(--surface); border: 1px solid var(--outline); }
.toc a { padding: 6px 12px; border-radius: 999px; background: var(--inset); color: var(--ink-2); font-size: 14px; font-weight: 600; text-decoration: none; transition: background-color .25s, color .25s; }
.toc a:hover { background: var(--teal-soft); color: var(--teal-ink); }
mark.todo { background: var(--sun-soft); color: var(--sun-ink); padding: 0 4px; border-radius: 4px; font-weight: 700; }
.legal-page .site-footer { padding-top: 0; }
.legal-page .footer-bottom a { color: #A9B6C0; }