.reference-intro {
  padding-top: 64px;
}

.reference-intro__lede {
  max-width: 720px;
  color: var(--text-soft);
  font-size: var(--h3-size);
  line-height: 1.75;
}

.reference-document {
  margin-top: 64px;
  padding-bottom: 40px;
}

.reference-body .reference-chapter {
  min-width: 0;
  padding-top: var(--section-space);
  scroll-margin-top: calc(var(--nav-h) + 100px);
}

.reference-body .reference-chapter > h2:first-child {
  margin-top: 0;
}

.reference-body .reference-chapter > h3 {
  margin-top: 36px;
}

.reference-body .table-scroll {
  margin-top: 28px;
  margin-bottom: 28px;
}

.reference-body .callout p {
  margin-top: 0;
}

@media (max-width: 768px) {
  .reference-intro {
    padding-top: 40px;
  }

  .reference-intro__lede {
    font-size: var(--h4-reference);
  }

  .reference-document {
    margin-top: 40px;
  }
}

:root {
  --h4-reference: 18px;
}