/* ═══════════════════════════════════════════
   LEGAL PAGES (Terms, Privacy) — VNEXT
   ═══════════════════════════════════════════ */

.legal-hero {
  background: linear-gradient(175deg, #f6faf8 0%, #f7f9fb 50%, #faf8f3 100%);
  border-bottom: 1px solid rgba(26,43,60,0.08);
  padding: 48px 24px;
  text-align: center;
}
.legal-breadcrumb {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 13px; color: #8c9caa; margin-bottom: 16px;
}
.legal-breadcrumb a { color: #2a9d8f; text-decoration: none; }
.legal-breadcrumb a:hover { text-decoration: underline; }
.legal-hero h1 {
  font-family: 'Poppins', system-ui, sans-serif;
  font-size: 36px; font-weight: 800; color: #1a2b3c;
  letter-spacing: -0.8px; margin: 0;
}
.legal-content {
  max-width: 800px; margin: 0 auto; padding: 48px 24px 80px;
}
.legal-content p {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px; line-height: 1.8; color: #647484; margin-bottom: 16px;
}
.legal-content em { color: #8c9caa; }
.legal-content b, .legal-content strong { color: #1a2b3c; font-weight: 700; }
.legal-content ul, .legal-content ol { margin: 0 0 20px 24px; }
.legal-content li {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 15px; line-height: 1.8; color: #647484; margin-bottom: 8px;
}
.legal-content h2, .legal-content h3, .legal-content h4 {
  font-family: 'Poppins', system-ui, sans-serif; color: #1a2b3c;
}
.legal-content h2 { font-size: 22px; font-weight: 800; margin: 32px 0 12px; }
.legal-content h3 { font-size: 20px; font-weight: 700; margin: 32px 0 12px; }
.legal-content h4 { font-size: 17px; font-weight: 700; margin: 28px 0 10px; }

@media (max-width: 640px) {
  .legal-hero h1 { font-size: 28px; }
  .legal-content { padding: 32px 16px 60px; }
}