/**
 * Privacy page styles.
 * Constrains content to a readable line length and spaces section headings.
 * All color, typography, and section styles come from site.css.
 */

/* ==========================================================================
   Page Header
   ========================================================================== */

.privacy-header__layout {
  max-width: 760px;
}

.privacy-header__heading {
  font-size: var(--font-size-5xl);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--color-text-light);
  margin-bottom: var(--space-sm);
}

.privacy-header__meta {
  font-size: var(--font-size-small);
  color: var(--color-text-muted-dark);
  margin-bottom: var(--space-lg);
}

/* ==========================================================================
   Privacy Content
   ========================================================================== */

.privacy-content__layout {
  max-width: 760px;
}

.privacy-content__heading {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-text-dark);
  margin-top: var(--space-xl);
  margin-bottom: var(--space-sm);
}

.privacy-content__heading:first-child {
  margin-top: 0;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
  .privacy-header__heading {
    font-size: var(--font-size-4xl);
  }
}

@media (max-width: 480px) {
  .privacy-header__heading {
    font-size: var(--font-size-3xl);
  }
}