/* =============================================================
   legal.css — Privacy Policy / Terms and Conditions page styles
   ============================================================= */

.legal-page {
  padding: clamp(24px, 6vw, 48px) clamp(20px, 5vw, 32px) var(--space-3xl);
}

.legal-page__back {
  display: inline-block;
  margin-bottom: var(--space-lg);
  color: var(--color-primary-light);
  text-decoration: none;
  font-size: var(--text-sm);
}

@media (hover: hover) {
  .legal-page__back:hover {
    text-decoration: underline;
  }
}

.legal-page__title {
  font-size: var(--text-2xl);
  color: var(--text-primary);
  margin-bottom: clamp(6px, 2vw, 8px);
  line-height: 1.4;
}

.legal-page__updated {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin-bottom: clamp(24px, 6vw, 32px);
}

.legal-page section {
  margin-bottom: clamp(28px, 7vw, 40px);
}

.legal-page h2 {
  font-size: var(--text-lg);
  color: var(--color-primary-light);
  margin-bottom: clamp(12px, 3.5vw, 16px);
  line-height: 1.5;
}

.legal-page p,
.legal-page li {
  color: var(--text-secondary);
  font-size: var(--text-base);
  margin-bottom: clamp(12px, 3vw, 16px);
  line-height: 1.8;
}

.legal-page ul {
  padding-left: clamp(20px, 5vw, 32px);
}

.legal-page a {
  color: var(--color-primary-light);
}

.legal-page code {
  font-size: var(--text-sm);
  background: rgba(255, 255, 255, 0.08);
  padding: 2px 6px;
  border-radius: 4px;
  color: var(--color-accent);
}

/* legal.css footer overrides removed — inherited from main.css .site-footer */