/* Styling for the Privacy Policy and Terms pages, layered on top of styles.css (shared tokens,
   nav, footer). Kept in its own file since these pages don't need the marketing page's hero,
   feature-grid, or chart styles. */

.legal {
  padding: 56px 0 96px;
  max-width: 720px;
}

.legal h1 { margin-bottom: 0.2em; }

.legal-effective {
  font-family: var(--font-mono);
  font-size: 0.85rem;
  color: var(--ink-faint);
  margin-bottom: 2.5em;
}

.legal section {
  margin-bottom: 2em;
}

.legal h2 {
  font-family: var(--font-body);
  font-weight: 700;
  font-size: 1.05rem;
  margin-bottom: 0.5em;
}

.legal p {
  color: var(--ink-soft);
  font-size: 0.96rem;
  line-height: 1.65;
}

.legal a {
  color: var(--dusk);
  font-weight: 600;
  text-decoration: underline;
}