/* ==========================================================================
   Legal pages (privacy-v2.html, 404-v2.html). Builds on css/home-v2.css.
   ========================================================================== */

.legal { padding-block: var(--s-7) var(--s-8); }
.legal-body { max-width: 760px; }
.legal h1 { font-size: clamp(2rem, 5vw, 3.25rem); letter-spacing: -0.03em; }
.legal h2 { margin-top: var(--s-7); font-size: 1.35rem; letter-spacing: -0.02em; }
.legal h3 { margin-top: var(--s-5); font-size: 1.05rem; font-weight: 500; }
.legal p { margin-top: var(--s-3); color: var(--muted); line-height: 1.65; }
.legal strong { color: var(--text); font-weight: 500; }
.legal a:not(.btn), .legal-link { color: var(--accent); }
.legal a:not(.btn):hover, .legal-link:hover { text-decoration: underline; text-underline-offset: 3px; }
.legal-link { font: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
.legal-date { font: 400 .8rem/1.4 var(--mono); color: var(--dim); }
.legal .actions { margin-top: var(--s-6); }