/* Shared styles for legal pages (Terms of Service, Privacy Policy) */

.legal-section .section-content-container {
  display: block;
}

.legal-container {
  width: 100%;
  max-width: 861px;
  margin: 0 auto;
}

.legal-title {
  text-align: center;
  margin-bottom: 2.5rem;
}

.legal-body {
  color: var(--ds-cream-deep);
  font-family: var(--ds-font-workhorse);
  font-size: var(--ds-text-base);
  font-weight: var(--ds-weight-regular);
  line-height: var(--ds-leading-relaxed);
}

.legal-body h2 {
  color: var(--ds-olive-deep);
  font-family: var(--ds-font-display);
  font-size: var(--ds-text-xl);
  font-weight: var(--ds-weight-bold);
  line-height: var(--ds-leading-tight);
  letter-spacing: var(--ds-tracking-tight);
  margin: 2.5rem 0 0.75rem;
}

.legal-body h3 {
  color: var(--ds-olive-deep);
  font-family: var(--ds-font-display);
  font-size: var(--ds-text-md);
  font-weight: var(--ds-weight-semibold);
  line-height: var(--ds-leading-tight);
  letter-spacing: var(--ds-tracking-tight);
  margin: 1.25rem 0 0.35rem;
}

.legal-body p {
  margin: 0 0 1rem;
}

.legal-body strong {
  font-weight: 500;
}

.legal-body ul {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
}

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

.legal-body a {
  color: var(--ds-terracotta-dark-1);
  text-decoration: underline;
}