/* =============================================================================
   PRIVACY PAGE — Legal Page Styles
   Standard legal text layout, no marketing sections.
   ============================================================================= */

/* ─── HERO (matches /outcomes/ pattern) ──────────────────────────────────── */
.privacy-hero {
  background: var(--color-navy);
  padding-top: clamp(140px, 16vw, 200px);
  padding-bottom: 0;
}

.privacy-hero-inner {
  padding-bottom: clamp(64px, 8vw, 96px);
}

.privacy-hero .h1 {
  color: #ffffff;
  max-width: 640px;
}

.privacy-hero .body-copy {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.55);
  max-width: 560px;
}

/* ─── LEGAL CONTENT — Prose sections with proper typographic rhythm ─────── */
.privacy-legal-content {
  max-width: 780px;
}

.privacy-prose {
  margin-top: 28px;
}

.privacy-prose p {
  font-size: var(--font-body-size);
  line-height: 1.68;
  color: var(--color-text);
  margin-bottom: 16px;
}

.privacy-prose p:last-child {
  margin-bottom: 0;
}

.privacy-prose h3 {
  font-size: var(--font-h3-size);
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-ink);
  margin-top: 36px;
  margin-bottom: 12px;
}

.privacy-prose h3:first-child {
  margin-top: 0;
}

.privacy-prose ul,
.privacy-prose ol {
  padding-left: 24px;
  margin-bottom: 16px;
}

.privacy-prose li {
  font-size: var(--font-body-size);
  line-height: 1.68;
  color: var(--color-text);
  margin-bottom: 8px;
}

.privacy-prose a {
  color: var(--color-accent);
}

.legal-last-updated {
  font-size: var(--font-small-size);
  color: var(--color-muted);
  padding-top: 20px;
  border-top: 1px solid var(--color-border);
}