/* AxisBench legal pages (privacy, terms). Reuses the landing tokens and fonts. */
.legal { max-width: 720px; margin: 0 auto; padding: 48px 20px 96px; }
.legal__back { display: inline-flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; margin-bottom: 40px; }
.legal__back svg { width: 28px; height: 28px; }
.legal__back span { font: 400 21px/1 var(--display); }
.legal h1 { font: 400 clamp(34px, 6vw, 48px)/1.05 var(--display); margin: 0 0 8px; color: var(--ink); }
.legal__meta { font: 13px/1.5 var(--mono); color: var(--ink-3); margin: 0 0 40px; }
.legal h2 { font: 600 19px/1.3 var(--sans); margin: 40px 0 10px; color: var(--ink); }
.legal p, .legal li { font: 16px/1.65 var(--sans); color: var(--ink-2); }
.legal ul { padding-left: 20px; }
.legal a { color: var(--thermal); }