main {
  padding-top: var(--space-16);
}

.privacy-hero {
  margin-bottom: var(--space-10);
  text-align: left;
}

.privacy-eyebrow {
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--color-text-muted);
  margin-bottom: var(--space-2);
}

.privacy-title {
  font-size: var(--font-size-4xl);
  margin-bottom: var(--space-4);
}

.privacy-intro {
  font-size: var(--font-size-lg);
}

.privacy-card {
  margin-top: var(--space-4);
}

.privacy-section + .privacy-section {
  border-top: 1px solid var(--color-border-subtle);
  margin-top: var(--space-8);
  padding-top: var(--space-8);
}

.privacy-section h2 {
  margin-bottom: var(--space-3);
}

.privacy-section h3 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-2);
}

.privacy-section ul {
  margin-top: var(--space-2);
}

.privacy-section a {
  font-weight: 500;
}

@media (max-width: 768px) {
  main {
    padding-top: var(--space-12);
  }

  .privacy-title {
    font-size: var(--font-size-3xl);
  }

  .privacy-card {
    padding: var(--space-5);
  }
}