.legal-page {
  padding: 140px 0 96px;
  background: var(--bg-base);
}

.legal-page__header {
  margin-bottom: 40px;
  max-width: 900px;
}

.legal-page__title {
  font-family: var(--font-display);
  font-size: var(--text-h1);
  color: var(--text-primary);
  margin-bottom: 12px;
}

.legal-page__subtitle {
  font-family: var(--font-body);
  color: var(--text-secondary);
}

.legal-page__content {
  max-width: 900px;
  display: grid;
  gap: 28px;
}

.legal-section {
  border: 1px solid var(--border-subtle);
  padding: 28px;
  background: var(--bg-surface);
}

.legal-section__title {
  font-family: var(--font-display);
  font-size: var(--text-h3);
  color: var(--text-primary);
  margin-bottom: 12px;
}

.legal-section__text {
  font-family: var(--font-body);
  color: var(--text-secondary);
  line-height: 1.75;
}

.legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}

.legal-links a {
  font-family: var(--font-body);
  font-size: var(--text-small);
  color: var(--text-secondary);
  border: 1px solid var(--border-subtle);
  padding: 8px 14px;
  transition: all var(--transition-normal);
}

.legal-links a:hover {
  color: var(--text-primary);
  border-color: var(--text-primary);
}