/* Legal pages (privacy, terms) */

.legal-page {
  padding-top: 100px;
  padding-bottom: 80px;
  min-height: 60vh;
  background: linear-gradient(
    180deg,
    rgba(248, 249, 255, 0.95) 0%,
    var(--white) 240px
  );
}

.legal-page .legal-intro {
  color: var(--text-light);
  font-size: var(--ml-font-lead);
  line-height: var(--ml-font-lead-lh);
  margin-bottom: 2.5rem;
  max-width: 52rem;
}

.legal-page h1 {
  font-size: var(--ml-font-section);
  line-height: var(--ml-font-section-lh);
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 0.75rem;
  letter-spacing: -0.02em;
}

.legal-page h2 {
  font-size: var(--ml-font-subsection);
  line-height: var(--ml-font-subsection-lh);
  font-weight: 700;
  color: var(--text-dark);
  margin-top: 2rem;
  margin-bottom: 0.65rem;
}

.legal-page h3 {
  font-size: var(--ml-font-block);
  line-height: var(--ml-font-block-lh);
  font-weight: 600;
  color: var(--text-dark);
  margin-top: 1.25rem;
  margin-bottom: 0.5rem;
}

.legal-page p,
.legal-page li {
  color: var(--text-light);
  font-size: var(--ml-font-body);
  line-height: var(--ml-font-body-lh);
}

.legal-page p {
  margin-bottom: 1rem;
}

.legal-page ul {
  margin: 0.5rem 0 1rem 1.25rem;
  padding: 0;
}

.legal-page li {
  margin-bottom: 0.5rem;
}

.legal-page a {
  color: var(--secondary-color);
  text-decoration: none;
}

.legal-page a:hover {
  text-decoration: underline;
}

.legal-meta {
  font-size: 0.875rem;
  color: var(--text-light);
  margin-bottom: 1.5rem;
}