/* The privacy and terms pages: the same field and type as the landing page, set for reading. Nothing moves. */
.legal {
  display: block;
  justify-items: normal;
  width: min(100%, 44rem);
  margin-inline: auto;
  padding: 2rem 1.25rem 4rem;
  text-align: left;
  line-height: 1.65;
}
.legal h1 {
  margin-bottom: 0.6em;
  font-size: clamp(3rem, 9vw, 5rem);
}
.legal h2 {
  margin: 2.2em 0 0.5em;
  font: italic 560 1.6rem / 1.2 var(--serif);
}
.legal p,
.legal ul {
  margin-bottom: 1em;
}
.legal ul {
  padding-left: 1.2em;
}
.legal li {
  margin-bottom: 0.5em;
}
.legal li::marker {
  color: var(--ball);
}