/* ==========================================================================
   NoLie Labs. privacy.css
   A narrow reading column for policy text. Everything shared lives in base.css.
   ========================================================================== */

.reading {
  max-width: 680px;
}

.reading__intro {
  margin-top: 28px;
}

.reading__date {
  margin-top: 16px;
}

.reading h2 {
  margin-top: 56px;
  font-weight: 700;
  font-size: clamp(22px, 20.3px + .44vw, 26px);
  line-height: 1.15;
  letter-spacing: -.03em;
  color: var(--text);
}

.reading h2 + p {
  margin-top: 14px;
}

.reading p + p {
  margin-top: 12px;
}

.reading h2 {
  scroll-margin-top: 24px;
}

.reading__updated {
  margin-top: 64px;
  padding-top: 24px;
  border-top: 1px solid var(--rule);
}

@media (min-width: 720px) {
  .reading__intro {
    margin-top: 36px;
  }
  .reading h2 {
    margin-top: 72px;
  }
}