/* Legal pages (/terms, /privacy). Layered on site.css. A plain document:
   title, date, numbered sections. */

.legal-hero { padding: 88px 0 40px; border-bottom: 1px solid var(--border-faint); }
.legal-hero .eyebrow { margin-bottom: 20px; }
.legal-date { margin-top: 16px; font-size: 0.875rem; color: var(--text-tertiary); }

.legal-body { padding: 56px 0 120px; }
.legal-doc { max-width: 720px; }
.legal-doc h2 {
  margin: 44px 0 12px;
  font-size: 1.125rem; font-weight: 500; letter-spacing: -0.005em; line-height: 1.4;
  color: var(--text-primary); scroll-margin-top: 96px;
}
.legal-doc h2:first-child { margin-top: 0; }
.legal-doc h3 { margin: 22px 0 6px; font-size: 0.9375rem; font-weight: 500; color: var(--text-primary); }
.legal-doc p, .legal-doc li { font-size: 0.9375rem; line-height: 1.75; color: var(--text-secondary); }
.legal-doc p + p { margin-top: 12px; }
.legal-doc ul { margin: 12px 0 0 1.1em; display: flex; flex-direction: column; gap: 8px; }
.legal-doc strong { color: var(--text-primary); font-weight: 500; }
.legal-doc a { color: var(--text-primary); text-decoration: underline; text-decoration-color: var(--border-strong); text-underline-offset: 3px; }

@media (max-width: 768px) {
  .container { padding: 0 16px; }
  .nav-links { display: none; }
  .legal-hero { padding: 56px 0 28px; }
  .legal-body { padding: 36px 0 88px; }
}