/* ==========================================================================
   NEXORA — Legal Pages (Privacy Policy, Terms of Service)
   Page-scoped styles for privacy.html / terms.html. Reuses global tokens/
   typography — just a readable single-column layout.
   ========================================================================== */

.legal-hero {
  padding-block: clamp(120px, 16vh, 152px) clamp(24px, 4vw, 40px);
  text-align: center;
}

.legal-hero .text-eyebrow {
  justify-content: center;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: var(--space-4);
}

.legal-hero__heading {
  font-size: var(--text-h2);
  line-height: 1.05;
  letter-spacing: -0.025em;
  margin-bottom: var(--space-3);
}

.legal-hero__updated {
  font-size: var(--text-sm);
  color: var(--text-muted);
}

.legal-content {
  max-width: 720px;
  margin-inline: auto;
  padding-block: 0 clamp(64px, 8vw, 96px);
}

.legal-content section {
  margin-bottom: var(--space-8);
}

.legal-content h2 {
  font-size: var(--text-xl);
  margin-bottom: var(--space-3);
  padding-top: var(--space-2);
}

.legal-content p {
  font-size: var(--text-body);
  color: var(--text-secondary);
  line-height: var(--lh-normal);
  margin-bottom: var(--space-4);
}

.legal-content ul {
  list-style: disc;
  padding-left: 1.4em;
  margin-bottom: var(--space-4);
}

.legal-content li {
  font-size: var(--text-body);
  color: var(--text-secondary);
  line-height: var(--lh-normal);
  margin-bottom: var(--space-2);
}

.legal-content a {
  color: var(--accent-primary);
  border-bottom: 1px solid transparent;
  transition: border-color 0.25s ease;
}

.legal-content a:hover {
  border-color: var(--accent-primary);
}

.legal-content strong {
  color: var(--text-primary);
}