.legal-page {
  padding: var(--s12) 0;
}

.legal-page__inner {
  max-width: 760px;
  margin: 0 auto;
}

.legal-page h1 {
  font-size: var(--text-h2);
  letter-spacing: -0.02em;
  margin-bottom: var(--s4);
}

.legal-page p {
  margin-bottom: var(--s3);
}

.legal-page ul {
  color: var(--text-2);
  margin: 0 0 var(--s4) 1.2rem;
}

.legal-page li {
  margin-bottom: var(--s1);
  line-height: 1.7;
}

.legal-page__meta {
  padding-top: var(--s3);
  border-top: 1px solid var(--border);
  color: var(--text-3);
  font-size: var(--text-sm);
}

@media (max-width: 768px) {
  .legal-page {
    padding: var(--s8) 0;
  }
}