/* ==========================================================================
   /privacy -- a plain document, not a marketing page.

   design/docs/04-pages.md: "typographic care, no decoration... single column
   about 720px wide, Atkinson 20px / 1.6, Bebas headings (--fs-title-m for
   the page title, 40px section headings), links underlined." No art, no
   email capture -- this file has no component styles, only type.
   ========================================================================== */

.privacy {
  max-width: 720px;
}

.privacy__title {
  font-size: var(--fs-title-m);
  line-height: var(--lh-title-m);
}

.privacy__intro {
  margin-top: var(--space-5);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body-l);
  color: var(--muted);
}

.privacy__heading {
  margin-top: var(--space-8);
  font-family: var(--font-display);
  /* Fixed, not fluid: the design spec gives this one page a literal 40px,
     unlike the marketing pages' clamp() scales. */
  font-size: 40px;
  line-height: 1;
  text-transform: uppercase;
}

.privacy p {
  margin-top: var(--space-4);
  font-size: 20px;
  line-height: 1.6;
}

.privacy p + p { margin-top: var(--space-3); }

.privacy a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .12em;
}