/*
  The legal pages (privacy.html): one column of plain text on the site's dark
  ground, in its type and colors (the tokens and fonts come from base.css).
  The measure is held to about 70 characters, so the paragraphs stay easy to
  read.
*/
body.legal {
  font-family: var(--text-font);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.6;
}
.legal-head {
  padding: 28px max(16px, var(--site-padding-x));
}
.legal-mark {
  font-family: var(--serif-font);
  font-size: 28px;
  letter-spacing: var(--wordmark-tracking);
  text-decoration: none;
}
.legal-body {
  max-width: 680px;
  margin: 0 auto;
  padding: 48px 16px 120px;
}
.legal-body h1 {
  font-family: var(--serif-font);
  font-weight: 400;
  font-size: clamp(44px, 8vw, 72px);
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 0;
}
.legal-date {
  font-family: var(--mono-font);
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgb(243 235 220 / 0.6);
  margin: 16px 0 40px;
}
.legal-body p {
  margin: 0 0 20px;
}
.legal-body strong {
  font-weight: 600;
}
.legal-body a {
  text-underline-offset: 0.2em;
}
.legal-body a:hover {
  color: var(--color-accent);
}