.legal {
  max-width: 70ch;
  margin-inline: auto;
  padding: clamp(2.5rem, 8vw, 5rem) var(--pad) 6rem;
}

.legal-back {
  display: inline-block;
  margin-bottom: 2.5rem;
  font-size: .9rem; font-weight: 700;
  color: var(--muted); text-decoration: none;
}
.legal-back:hover { color: var(--fg); }

.legal h1 {
  font-size: clamp(2rem, 1.4rem + 2.4vw, 3.2rem);
  font-weight: 850;
  margin-bottom: .5rem;
}

.legal h2 {
  margin-top: 2.5rem;
  font-size: 1.15rem;
  font-weight: 750;
  color: var(--accent-2);
}

.legal p {
  margin-top: .9rem;
  color: var(--muted);
}

.legal a { color: var(--accent-2); text-underline-offset: 3px; }