.legal-main {
  padding: 56px 0 80px;
  background-color: var(--warm-cream);
}

.legal-container {
  max-width: 860px;
  margin: 0 auto;
  padding: 0 24px;
}

.legal-container h1 {
  color: var(--ocean-blue-dark);
  font-size: 2rem;
}

.legal-updated {
  color: var(--eucalyptus-dark);
  font-weight: 600;
  margin-bottom: 32px;
}

.legal-container h2 {
  margin-top: 36px;
  font-size: 1.25rem;
  color: var(--charcoal);
}

.legal-container p, .legal-container li {
  color: #3d3d3d;
}

.legal-container ul {
  list-style: disc;
  padding-left: 24px;
  margin-bottom: 16px;
}

.legal-container li {
  margin-bottom: 8px;
}

@media (max-width: 600px) {
  .legal-container h1 { font-size: 1.6rem; }
  .legal-main { padding: 40px 0 56px; }
}