/* Privacy and Terms pages. Uses the landing page's tokens, type scale and spacing from v3.css. */

.legal { padding: clamp(28px, 4vw, 56px) 0 calc(var(--space-section) * 2); }
.legal-inner { max-width: 46rem; }
.legal-title { font-family: var(--font-head); font-weight: 600; font-size: var(--fs-h2); line-height: var(--lh-h2); letter-spacing: -0.028em; }
.legal-meta { margin-top: 10px; font-size: var(--fs-small); color: var(--muted); }
.legal-intro { margin-top: var(--space-related); font-size: var(--fs-intro); line-height: var(--lh-intro); color: var(--muted); }

.legal h2 { font-family: var(--font-head); font-weight: 600; font-size: var(--fs-h3); line-height: var(--lh-h3); letter-spacing: -0.02em; margin-top: var(--space-steps); }
.legal h2 + p, .legal h2 + ul { margin-top: 12px; }
.legal p + p, .legal ul + p, .legal p + ul { margin-top: 14px; }
.legal ul { display: grid; gap: 8px; padding-left: 0; }
.legal li { position: relative; padding-left: 22px; }
.legal li::before { content: ''; position: absolute; left: 4px; top: .7em; width: 6px; height: 6px; border-radius: 50%; background: var(--teal); }
.legal a { color: var(--teal); text-underline-offset: 3px; }
.legal strong { font-weight: 600; }

/* Draft markers: visible to reviewers, removed before publishing */
.draft-banner { margin-top: var(--space-related); padding: 14px 16px; border: 2px dashed var(--amber); border-radius: 14px; background: #FFF8EF; color: #3D2A14; font-size: var(--fs-small); line-height: 1.5; }
.draft-banner b { color: #6B3F12; }
.tbc { display: inline; padding: 1px 6px; border-radius: 6px; background: #F6EBDD; color: #7A4A16; font-size: .94em; font-weight: 600; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.tbc::before { content: 'To confirm: '; font-weight: 700; }

.legal-back { margin-top: var(--space-steps); }

.legal code { font-size: .92em; padding: 1px 5px; border-radius: 5px; background: var(--soft); }