/* Shared styling for legal/reference pages (Privacy, Terms) — no particle canvas,
   no dissolve-on-hover. Text here needs to stay reliably readable, not become
   part of the site's decorative effects. */
.legal { padding: 130px 0 120px; }
.legal .eyebrow { margin-bottom: 10px; }
.legal h1 {
  font-size: clamp(32px, 5vw, 48px);
  font-weight: 700;
  margin: 0 0 16px;
  text-transform: none;
}
.legal-updated {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12.5px;
  color: var(--muted-foreground);
  margin: 0 0 48px;
}
.legal-summary {
  border: 1px solid var(--border);
  border-radius: 4px;
  background: var(--panel);
  padding: 24px 28px;
  margin-bottom: 64px;
}
.legal-summary p { margin: 0 0 12px; font-size: 14.5px; color: var(--foreground); }
.legal-summary p:last-child { margin-bottom: 0; }
.legal-summary strong { color: var(--cyan); }
.legal section { max-width: 760px; margin: 0 0 56px; }
.legal section:last-of-type { margin-bottom: 0; }
.legal h2 {
  font-size: 20px;
  font-weight: 600;
  text-transform: none;
  margin: 0 0 16px;
  letter-spacing: normal;
}
.legal p {
  font-size: 14.5px;
  line-height: 1.7;
  color: var(--muted-foreground);
  margin: 0 0 14px;
}
.legal p strong { color: var(--foreground); font-weight: 600; }
.legal ul {
  margin: 0 0 14px;
  padding-left: 20px;
  color: var(--muted-foreground);
  font-size: 14.5px;
  line-height: 1.7;
}
.legal li { margin-bottom: 8px; }
.legal .note {
  border-left: 2px solid var(--pending);
  padding: 4px 0 4px 16px;
  font-size: 13.5px;
  color: var(--muted-foreground);
}
.legal .note strong { color: var(--pending); }
.legal code { font-size: 0.85em; }