/* Privacy and accessibility pages: one readable column of plain text. Values come from assets/tokens.css. */
.legal { display: grid; gap: var(--space-7); max-width: 46rem; }
.legal-block { display: grid; gap: var(--space-3); }
.legal-block h2 { font-family: var(--font-display); font-size: var(--fs-answer); font-weight: 600; letter-spacing: -0.01em; line-height: 1.25; color: var(--ink); }
.legal-block p, .legal-block li { font-size: var(--fs-body); line-height: 1.75; color: var(--ink-2); text-wrap: pretty; }
.legal-block ul { margin: 0; padding-inline-start: var(--space-5); display: grid; gap: var(--space-2); }
.legal-block a { color: var(--ink); text-underline-offset: 3px; }
.legal-meta { font-size: var(--fs-small); color: var(--muted); }

/* The two legal links in the footer row. */
.footer-legal { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); font-size: var(--fs-small); }
.footer-legal a { text-decoration: none; transition: color var(--dur-fast) linear; }
.footer-legal a:hover, .footer-legal a[aria-current="page"] { color: var(--ink); }

/* 404 */
.not-found-links { display: flex; flex-wrap: wrap; gap: var(--space-3) var(--space-5); margin-block-start: var(--space-5); font-size: var(--fs-body); }