/* The legal pages: privacy, terms, accessibility. Every value comes from design/tokens.css. */
.legal{padding-block:var(--space-8) var(--section-pad)}
.legal__head{max-width:var(--measure-head)}
.legal__kicker{font-size:var(--text-small);color:var(--color-ink-muted)}
.legal h1{margin-top:var(--space-2);font-size:var(--text-title-sm);line-height:var(--leading-title);font-weight:var(--weight-bold);text-wrap:balance}
.legal__lead{max-width:var(--measure-text);margin-top:var(--space-5);font-size:var(--text-lead);line-height:var(--leading-body);text-wrap:pretty}
.legal__date{margin-top:var(--space-4);font-size:var(--text-small);color:var(--color-ink-muted)}
.legal__toc{max-width:var(--measure-text);margin-top:var(--space-6);padding-block:var(--space-4);border-block:var(--border-hair) solid var(--color-line)}
.legal__toc ol{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-5);margin:0;padding:0;list-style:none;font-size:var(--text-small)}
.legal__toc a{display:inline-flex;align-items:center;min-height:var(--size-tap);text-decoration:underline;text-underline-offset:var(--underline-offset);text-decoration-thickness:var(--border-hair)}
.legal__section{max-width:var(--measure-text);margin-top:var(--space-7);scroll-margin-top:var(--space-7)}
.legal h2{font-size:var(--text-subtitle);line-height:var(--leading-snug);font-weight:var(--weight-bold)}
.legal__section p,.legal__section ul{margin-top:var(--space-3);text-wrap:pretty}
.legal__section ul{padding-inline-start:var(--space-5)}
.legal__section li+li{margin-top:var(--space-2)}
.legal__section a,.legal__lead a{color:var(--color-accent);text-decoration:underline;text-underline-offset:var(--underline-offset);text-decoration-thickness:var(--border-hair)}
.legal__section strong{font-weight:var(--weight-bold)}
.legal__back{margin-top:var(--space-8)}
.legal :focus-visible{outline:var(--focus-width) solid var(--color-accent);outline-offset:var(--focus-offset)}