/* Page styles of /privacy, /terms and the 404 page (redesign). Tokens and components come from vizwalk.css. */

/* Legal: a quiet title, then a reading column on paper with the contents beside it on wide screens */
.legal-intro{padding-bottom:var(--s7)}
.legal-intro .chapter-head{margin-bottom:0}
.legal-cols{display:grid;gap:var(--s6)}
@media (min-width:900px){.legal-cols{grid-template-columns:17rem minmax(0,1fr);gap:var(--s8)}.legal-nav{position:sticky;top:calc(var(--head-h) + 24px);align-self:start}}
.legal-nav h2{font:600 .8125rem/1.4 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin:0 0 var(--s3)}
.legal-nav ol{margin:0 0 var(--s4);padding-inline-start:1.25rem;display:grid;gap:8px;font-size:.9375rem}
.legal-nav a{color:var(--ink-2)}
.legal-text{font-size:1.0625rem}
.legal-text section{padding-top:var(--s5);border-top:1px solid var(--line);margin-bottom:var(--s6);scroll-margin-top:calc(var(--head-h) + 16px)}
.legal-text h2{font-size:1.375rem;margin:0 0 var(--s3)}
.legal-text .legal-n{color:var(--accent-ink)}
.legal-text p{color:var(--ink-2)}

/* 404: one centred line over the dimmed Gallery */
.fs-notfound{text-align:center}
.notfound{max-width:40rem;margin-inline:auto}
.notfound .display-l,.notfound .lead-media{margin-inline:auto}
.notfound .label{color:#F3EFE7}
.notfound-links{justify-content:center;margin:var(--s6) 0 var(--s5);gap:var(--s3) var(--s4)}
.notfound-links .link{color:#F3EFE7}
.notfound-hint{max-width:46ch;margin:0 auto var(--s2);color:#ECE7DE;font-size:.9375rem;text-shadow:0 1px 10px rgba(0,0,0,.5)}