/* legal.css — Privacy & Terms. Minimal, reuses the site's tokens and chrome
   (.page-head / .shell). No cards, boxes or shadows — just a readable column. */

.legal-section { padding: 52px 0 100px; }
.legal-body { max-width: 680px; margin: 0 auto; }

.legal-body .updated { color: var(--muted); font-size: 13.5px; margin-bottom: 36px; }

.legal-body .lead {
  font-size: clamp(16px, 1.8vw, 19px); font-weight: 300; line-height: 1.6;
  color: var(--muted); margin-bottom: 36px;
}

.legal-body h2 { font-size: 21px; font-weight: 600; letter-spacing: -0.01em; margin: 40px 0 10px; }
.legal-body h3 { font-size: 15px; font-weight: 600; margin: 22px 0 6px; }

.legal-body p, .legal-body li { font-size: 15.5px; font-weight: 300; line-height: 1.7; color: var(--fg); }
.legal-body p { margin-bottom: 14px; }
.legal-body ul { margin: 0 0 16px 20px; }
.legal-body li { margin-bottom: 7px; }

.legal-body a { color: var(--accent-fg); text-underline-offset: 2px; }
.legal-body strong { font-weight: 600; }

.legal-body .back-link { display: inline-block; margin-top: 48px; color: var(--muted); text-decoration: none; font-size: 14px; }
.legal-body .back-link:hover { color: var(--fg); }