.reference-opening {
  max-width: var(--reading-max);
  padding-top: var(--space-10);
  padding-bottom: var(--section-space);
}

.reference-opening h1 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-6);
}

.reference-lead {
  font-size: var(--size-h3);
  line-height: var(--leading-body);
}

.reference-opening .facts-row {
  margin-top: var(--space-7);
}

.reference-opening .callout {
  margin-bottom: 0;
}

.reference-chapter {
  padding-top: var(--section-space);
}

.reference-chapter:first-child {
  padding-top: 0;
}

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

.reference-chapter > :last-child {
  margin-bottom: 0;
}

.reference-chapter .table-scroll {
  margin-top: var(--space-7);
  margin-bottom: var(--space-7);
}

@media (max-width: 900px) {
  .reference-opening {
    padding-bottom: var(--space-10);
  }

  .doc-body {
    padding-top: var(--space-10);
  }
}

@media (max-width: 640px) {
  .reference-opening {
    padding-top: var(--space-8);
  }

  .reference-lead {
    font-size: var(--size-body);
  }
}