/* ============================================================
   Legal / policy pages — Privacy Notice, Security & Compliance,
   AI Security. One deliberately quiet template: a small header
   band, then a single reading column. Copy is transplanted
   verbatim from the live site.
   ============================================================ */

/* ── Header band ── */
.legal-hero {
  background: var(--bg, #161719);
  padding: clamp(140px, 18vh, 190px) 24px clamp(40px, 6vh, 64px);
}
.legal-hero__wrap {
  max-width: var(--wrap-max);
  margin: 0 auto;
}
.legal-hero__kicker {
  font-family: 'JetBrains Mono', monospace;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #00BDFF;
  margin-bottom: 18px;
}
.legal-hero__h1 {
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  font-size: clamp(44px, 6.5vw, 84px);
  line-height: 1.02;
  text-transform: uppercase;
  color: #F4F4F4;
  margin: 0;
}

/* ── Document body ── */
.legal-doc {
  background: #202124;
  padding: clamp(48px, 7vh, 88px) 24px clamp(72px, 10vh, 120px);
}
.legal-doc__wrap {
  max-width: var(--wrap-max);
  margin: 0 auto;
}
.legal-doc__col {
  max-width: 820px; /* reading measure inside the wrap */
}

.legal-doc h2 {
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  font-size: clamp(21px, 2.2vw, 26px);
  line-height: 1.15;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: #F4F4F4;
  margin: 2.6em 0 0.7em;
  scroll-margin-top: 110px;
}
.legal-doc__col > h2:first-child { margin-top: 0; }

/* Sub-heads inside the AI tool roster */
.legal-doc h3 {
  font-family: 'Libre Franklin', sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #00BDFF;
  margin: 2.4em 0 0.6em;
  scroll-margin-top: 110px;
}

.legal-doc p { margin: 0 0 1em; }
.legal-doc ul,
.legal-doc ol {
  font-family: 'Libre Franklin', sans-serif;
  font-size: var(--prose-size);
  line-height: 1.65;
  color: var(--prose-color);
  margin: 0 0 1.2em;
  padding-left: 1.4em;
}
.legal-doc li { margin-bottom: 0.35em; }
.legal-doc li > ul { margin: 0.35em 0 0.5em; }

.legal-doc a {
  color: #00BDFF;
  text-decoration: none;
}
.legal-doc a:hover { text-decoration: underline; }

.legal-doc hr {
  border: none;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
  margin: 3em 0;
}

/* Compliance badge (security-compliance overview) */
.legal-doc .legal-badge {
  display: block;
  width: 140px;
  max-width: 100%;
  margin: 28px 0 8px;
}

/* Small annotations (review-cadence footnote, etc.) */
.legal-doc .legal-note {
  font-size: 15px;
  color: #9A9DA1;
}

/* Contact block on the privacy notice */
.legal-doc .legal-contact p { margin-bottom: 0.2em; }