/* The privacy notice.
   Rides on landing.css for the nav, the page box and the language picker, and
   adds only what a page of prose needs. The measure is deliberately narrower
   than the landing's: this is the one page somebody actually reads end to end,
   and 68 characters is where a line stops being work. */
.legal {
  padding-top: var(--s-6);
  padding-bottom: var(--s-8);
}
.legal h1 {
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 200;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin: 0 0 var(--s-3);
  max-width: 20ch;
  text-wrap: balance;
}
.legal .eyebrow {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--color-accent-700);
  margin: 0 0 var(--s-3);
}
.legal-meta {
  font-size: var(--fs-meta);
  color: var(--bn-muted);
  margin: 0 0 var(--s-7);
}
.legal-section {
  max-width: 68ch;
  margin-bottom: var(--s-6);
}
.legal-section h2 {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.015em;
  margin: 0 0 var(--s-2);
  color: var(--bn-ink);
}
.legal-section p {
  margin: 0;
  font-size: var(--fs-body-sm);
  line-height: 1.7;
  color: var(--bn-muted);
  text-wrap: pretty;
}
/* The consent checkbox in the member app links here; someone arriving from it
   should land on prose, not on a wall of chrome. */
.foot { margin-top: auto; }