/* === LEGAL PAGES === */
.legal-wrapper {
  background: var(--cream);
  padding: 4rem 5% 6rem;
  min-height: 60vh;
}

.legal-container {
  max-width: 720px;
  margin: 0 auto;
  background: var(--white);
  border: 1.5px solid var(--cream-dark);
  border-radius: 20px;
  padding: 3rem 3.5rem;
  box-shadow: 0 2px 16px rgba(27,67,50,0.04);
}

.legal-title {
  font-family: 'DM Serif Display', serif;
  font-size: 2.2rem;
  color: var(--forest);
  margin-bottom: 0.5rem;
  letter-spacing: -0.02em;
}

.legal-date {
  font-size: 0.85rem;
  color: var(--ink-30);
  margin-bottom: 2.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--cream-dark);
}

.legal-section {
  margin-bottom: 2rem;
}

.legal-section:last-child {
  margin-bottom: 0;
}

.legal-section h2 {
  font-family: 'DM Serif Display', serif;
  font-size: 1.15rem;
  color: var(--forest);
  margin-bottom: 0.75rem;
  letter-spacing: -0.01em;
}

.legal-section p {
  font-size: 0.95rem;
  color: var(--ink-60);
  line-height: 1.75;
  font-weight: 300;
}

@media (max-width: 600px) {
  .legal-container {
    padding: 2rem 1.5rem;
  }
  .legal-title {
    font-size: 1.75rem;
  }
}