/* legal pages: one reading column on the kit's own tokens */
.legal { padding-top: calc(var(--nav) + var(--s-9)); padding-bottom: var(--s-9); }
.legal__col { max-width: 720px; }
.legal h1 { font: var(--display-weight) clamp(36px, 3vw + 20px, 64px)/1.05 var(--font-display); letter-spacing: var(--display-tracking-xl); margin: 0 0 var(--s-4); }
.legal .updated { color: var(--muted); margin: 0 0 var(--s-8); }
.legal h2 { font: var(--display-weight) clamp(24px, 1vw + 18px, 32px)/1.15 var(--font-display); letter-spacing: var(--display-tracking); margin: var(--s-8) 0 var(--s-3); }
.legal p, .legal li { font-size: 17px; line-height: 1.7; color: var(--ink); }
.legal p { margin: 0 0 var(--s-4); }
.legal ul { margin: 0 0 var(--s-4); padding-left: var(--s-5); list-style: disc; }
.legal li::marker { color: var(--accent); }
.legal li { margin-bottom: var(--s-2); }
.legal a { color: var(--ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--accent); }
.legal code { font: 400 15px/1.4 var(--font-mono); background: var(--surface); padding: 2px 6px; border-radius: 6px; }
.legal .callout { background: var(--surface); border-radius: var(--r-lg); padding: var(--s-5) var(--s-6); margin: 0 0 var(--s-6); }
.legal .callout p:last-child { margin: 0; }