/* Privacy policy and terms pages */
.legal-page { padding-block: clamp(32px, 6vw, 64px) 80px; }
.legal-head { display: grid; gap: 8px; margin-bottom: clamp(24px, 4vw, 40px); }
.legal-head h1 { font-size: clamp(36px, 5vw, 56px); line-height: 1; font-weight: 800; letter-spacing: -.03em; }
.muted { color: var(--ink-muted); }
.legal-grid { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); align-items: start; }
@media (max-width: 860px) { .legal-grid { grid-template-columns: minmax(0, 1fr); } }
.legal-toc { position: sticky; top: 92px; display: grid; gap: 8px; }
@media (max-width: 860px) { .legal-toc { position: static; padding: 16px; background: var(--surface-raised); border: 1px solid var(--line); border-radius: var(--radius-md); } }
.legal-toc ol { margin: 0; padding-left: 20px; display: grid; gap: 6px; font-size: 14px; line-height: 20px; }
.legal-toc a { color: var(--ink); text-decoration: none; }
.legal-toc a:hover { color: var(--brand-text); text-decoration: underline; }
.legal-body { max-width: 68ch; display: grid; gap: 28px; }
.legal-body section { display: grid; gap: 10px; scroll-margin-top: 90px; }
.legal-body h2 { font-size: 24px; line-height: 30px; font-weight: 700; }
.legal-body p, .legal-body li { font-size: 16px; line-height: 26px; }
.legal-body ul { margin: 0; padding-left: 22px; display: grid; gap: 6px; }
.legal-body a { overflow-wrap: anywhere; }