.legal-page {
  padding-block: var(--spacing-xl);
}

.legal-page h1 {
  margin-block: var(--spacing-l) var(--spacing-m);
}

.legal-date {
  color: var(--color-muted);
  font-size: var(--text-s);
  margin-block-end: var(--spacing-xl);
}

.legal-section {
  margin-block-end: var(--spacing-xl);
}

.legal-section h2 {
  font-size: var(--text-l);
  margin-block-end: var(--spacing-s);
}

.legal-section p {
  margin-block-end: var(--spacing-m);
  line-height: 1.6;
}

.legal-section ul {
  margin-block: var(--spacing-s);
  padding-inline-start: var(--spacing-l);
}

.legal-section li {
  margin-block-end: var(--spacing-xs);
  line-height: 1.6;
  color: var(--color-text);
}

.legal-section strong {
  font-weight: 600;
}