.legal-page { height: auto; overflow: visible; }

.legal {
  min-height: calc(100vh - var(--navbar-height));
  padding: calc(var(--navbar-height) + 40px) 28px 80px;
  display: flex;
  justify-content: center;
}

.legal__inner {
  max-width: 720px;
  width: 100%;
}

.legal__inner h1 {
  font-size: clamp(1.6rem, 4vw, 2.2rem);
  margin-bottom: 32px;
}

.legal__block {
  margin-bottom: 28px;
}

.legal__block h2 {
  font-size: 1rem;
  color: var(--c-accent-hi);
  margin-bottom: 8px;
}

.legal__block p {
  color: var(--c-text-2);
  max-width: 62ch;
}

.legal__block a {
  color: var(--c-accent-hi);
  text-decoration: underline;
}