/* ==========================================================================
   legal.css — extra styles for text-heavy policy pages (privacy.html).
   Loaded after style.css and reuses its colour variables.
   ========================================================================== */
.legal-page {
  padding: 140px 0 90px;
  background: var(--white);
}
.legal-inner {
  max-width: 760px;
}
.legal-page h1 {
  font-size: clamp(2rem, 4vw, 2.8rem);
  color: var(--navy);
  margin: 8px 0 6px;
}
.legal-updated {
  color: var(--text-light);
  font-size: 0.88rem;
  margin-bottom: 34px;
}
.legal-page h2 {
  font-size: 1.25rem;
  color: var(--navy);
  margin: 38px 0 12px;
}
.legal-page p {
  color: #3a4550;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 16px;
}
.legal-page a { color: var(--teal-deep); text-decoration: underline; }
.legal-back {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--border);
}