/* Legal pages: prose layout glue only (tokens only). */
.x-legal { max-width: 46rem; margin: 0 auto; padding: calc(var(--ds-space-10, 4rem)) var(--ds-space-4, 1rem) var(--ds-space-12, 6rem); }
.x-legal__kicker { font-family: var(--ds-font-label); text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; color: var(--ds-ink-muted); }
.x-legal h1 { font-family: var(--ds-font-display); font-weight: 400; font-size: clamp(2.6rem, 7vw, 4.5rem); line-height: 1; letter-spacing: -.02em; margin: .4em 0 .3em; color: var(--ds-ink); }
.x-legal h2 { font-family: var(--ds-font-display); font-weight: 400; font-size: clamp(1.5rem, 3.4vw, 2rem); margin: 2.2em 0 .5em; color: var(--ds-ink); border-top: 1px solid var(--ds-line, var(--ds-surface-3)); padding-top: .8em; }
.x-legal p, .x-legal li { font-family: var(--ds-font-sans); font-size: 1.02rem; line-height: 1.65; color: var(--ds-ink-2); }
.x-legal ul { padding-left: 1.2em; }
.x-legal a { color: var(--ds-ink-link); }
.x-legal__meta { font-family: var(--ds-font-label); font-size: .8rem; color: var(--ds-ink-muted); }
.x-legal__optout { margin-top: 1rem; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }