/* The privacy policy page: a single readable column on the shared theme from styles.css. */
.legal { max-width: 760px; margin: 0 auto; padding: 48px 24px 72px; }
.legal h1 { font-size: clamp(34px, 5vw, 52px); font-weight: 800; letter-spacing: -0.03em; }
.legal .meta { color: var(--muted); font-size: 14.5px; margin: 12px 0 0; }
.legal .summary { margin: 32px 0 8px; }
.legal .summary h2 { font-size: 20px; margin-bottom: 10px; }
.legal > section { max-width: none; margin: 40px 0 0; padding: 0; }
.legal h2 { font-size: clamp(22px, 3vw, 28px); font-weight: 800; margin-bottom: 12px; scroll-margin-top: 90px; }
.legal h3 { font-size: 17px; margin: 22px 0 6px; }
.legal p, .legal li { color: var(--soft); }
.legal p { margin: 0 0 12px; }
.legal ul { margin: 0 0 12px; padding-left: 22px; }
.legal li { margin: 4px 0; }
.legal li::marker { color: var(--accent-2); }
.legal strong { color: var(--text); }
.legal a { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal .toc { columns: 2; column-gap: 32px; list-style: none; padding: 0; margin: 0; }
.legal .toc li { break-inside: avoid; margin: 3px 0; }
.legal .toc a { text-decoration: none; color: var(--accent-2); }
.foot-links { display: flex; gap: 20px; }

@media (max-width: 640px) {
  .legal { padding: 32px 16px 56px; }
  .legal .toc { columns: 1; }
  .nav-links { display: none; }
}