/* Inner pages (legal, 404). Uses the home page tokens from styles.css. */
.legal { min-height: 100svh; padding: calc(var(--nav-h) + 140px) var(--rail) 160px; }
.legal__in { max-width: 760px; margin-inline: auto; }
.legal h1 { margin-top: 32px; font: 300 clamp(40px, 5vw, 64px)/1.08 var(--serif); letter-spacing: -.02em; }
.legal__body { margin-top: 56px; font: 400 17px/1.7 var(--sans); color: var(--ink); }
.legal__body > * + * { margin-top: 1.1em; }
.legal__body h2 { margin-top: 2em; font: 300 28px/1.2 var(--serif); letter-spacing: -.01em; }
.legal__body h3 { margin-top: 1.6em; font: 500 18px/1.3 var(--sans); }
.legal__body ul, .legal__body ol { padding-left: 1.3em; }
.legal__body li + li { margin-top: .4em; }
.legal__body a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }