/* ============================================================
   90-legal-content — plain prose content pages (Privacy Policy,
   Join Our Team, and any future simple content page reusing this
   pattern). Scoped under .sec-90-legal-content.

   CLIENT-FEEDBACK FIX (2026-08-18): this component shipped with NO
   spacing rules at all -- base.css's global reset zeroes every
   element's margin, and section-specific spacing is always supposed
   to live in a matching css/sections/*.css file, but this one never
   had one. Every heading and paragraph ran flush against the next
   with zero vertical rhythm. Added here.
   ============================================================ */

.sec-90-legal-content h2 {
  margin-top: clamp(2.25rem, 2vw + 1.5rem, 3rem);
  margin-bottom: 1rem;
}
.sec-90-legal-content h2:first-child {
  margin-top: 0;
}

.sec-90-legal-content h3 {
  margin-top: clamp(1.75rem, 1.5vw + 1.25rem, 2.25rem);
  margin-bottom: 0.75rem;
}
.sec-90-legal-content h3:first-child {
  margin-top: 0;
}

.sec-90-legal-content p {
  margin-bottom: 1.15rem;
}

.sec-90-legal-content ul,
.sec-90-legal-content ol {
  margin-bottom: 1.15rem;
  padding-left: 1.25rem;
}

.sec-90-legal-content li {
  margin-bottom: 0.4rem;
}

.sec-90-legal-content a {
  color: var(--accent-strong);
  text-decoration: underline;
  text-decoration-color: hsl(var(--accent-h) 60% 60% / 0.4);
  text-underline-offset: 2px;
}
.sec-90-legal-content a:hover,
.sec-90-legal-content a:focus-visible {
  text-decoration-color: currentColor;
}

.sec-90-legal-content .btn {
  margin-top: 0.5rem;
}