/* The legal pages: one column of prose on the landing's fonts and tokens. */
body {
  margin: 0;
  background: var(--arena);
  color: var(--ink);
  font-family: var(--body);
  line-height: 1.6;
}

.legal {
  max-width: 42rem;
  margin-inline: auto;
  padding: 2.5rem 1rem 4rem;
}

.legal h1,
.legal h2 {
  font-family: var(--display);
  line-height: 1.2;
}

.legal h1 { font-size: 2rem; }
.legal h2 { font-size: 1.25rem; margin-top: 2rem; }
.legal a { color: var(--indigo); font-weight: 600; }
.legal table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.legal th,
.legal td { text-align: left; padding: 0.5rem; border-bottom: 1px solid var(--hairline); vertical-align: top; }
.legal .updated { color: var(--muted); font-size: 0.9rem; }
.legal nav { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 3rem; font-size: 0.9rem; }