/* ═══════════════════════════════════════════════════════
   LEGAL PAGES — terms, privacy, disclaimer
   Shared stylesheet
   ═══════════════════════════════════════════════════════ */

[data-page="terms-conditions"] .navbar,
[data-page="terms-conditions"] .navbar.scrolled,
[data-page="privacy-statement"] .navbar,
[data-page="privacy-statement"] .navbar.scrolled,
[data-page="disclaimer"] .navbar,
[data-page="disclaimer"] .navbar.scrolled { background: #2b4f82; }

/* ── Hero ───────────────────────────────────────────── */
.legal-hero {
  background: #2b4f82;
  padding: 100px 60px 56px;
  border-bottom: 2px solid rgba(184,214,237,.25);
}
.legal-hero-inner { max-width: 900px; margin: 0 auto; }
.legal-label {
  font-size: 0.8125rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: rgba(184,214,237,.6);
  display: block; margin-bottom: 12px;
}
.legal-title {
  font-size: clamp(2rem, 5vw, 4rem); font-weight: 700;
  color: #b8d6ed; letter-spacing: -.03em; line-height: 1.1;
  margin-bottom: 14px;
}
.legal-updated {
  font-size: 0.875rem; color: rgba(184,214,237,.5);
}

/* ── Body ───────────────────────────────────────────── */
.legal-body { background: #fff; padding: 72px 0 100px; }
.legal-inner { max-width: 900px; margin: 0 auto; padding: 0 40px; }

/* Intro block */
.legal-intro {
  background: #f8fafc;
  border-left: 3px solid #2b4f82;
  border-radius: 0 8px 8px 0;
  padding: 24px 28px;
  margin-bottom: 56px;
}
.legal-intro p {
  font-size: 1rem; color: #333; line-height: 1.7; margin-bottom: 10px;
}
.legal-intro p:last-child { margin-bottom: 0; }

/* Sections */
.legal-section {
  margin-bottom: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid rgba(43,79,130,.08);
}
.legal-section:last-child {
  border-bottom: none; padding-bottom: 0; margin-bottom: 0;
}
.legal-section h2 {
  font-size: 1.25rem; font-weight: 700; color: #2b4f82;
  margin-bottom: 16px; letter-spacing: -.01em;
}
.legal-section h3 {
  font-size: 1rem; font-weight: 700; color: #2b4f82;
  margin: 20px 0 10px;
}
.legal-section p {
  font-size: 0.9375rem; color: #444; line-height: 1.75;
  margin-bottom: 12px;
}
.legal-section p:last-child { margin-bottom: 0; }
.legal-section ul {
  padding-left: 20px; margin: 10px 0 16px;
}
.legal-section li {
  font-size: 0.9375rem; color: #444; line-height: 1.65;
  margin-bottom: 8px;
}
.legal-section a {
  color: #2b4f82; text-decoration: underline;
  text-underline-offset: 2px;
}
.legal-section a:hover { color: #1e3a63; }
.legal-section strong { color: #2b4f82; }

@media (max-width: 600px) {
  .legal-hero { padding: 80px 20px 48px; }
  .legal-inner { padding: 0 20px; }
  .legal-intro { padding: 18px 18px; }
}