.document-shell {
  padding-top: var(--s10);
}

.document-intro {
  max-width: var(--reading);
  padding-bottom: var(--s9);
}

.document-intro .lead {
  margin-top: var(--s6);
}

.document-intro .lead a {
  font-weight: var(--bold);
  text-decoration: underline;
  text-underline-offset: var(--s1);
}

.document-body {
  position: relative;
}

.document-chapter {
  max-width: var(--reading);
  margin-inline: auto;
  scroll-margin-top: var(--s6);
  border-bottom: var(--rule) solid var(--border);
}

.chapter-heading {
  margin-bottom: var(--s7);
}

.chapter-heading > * + * {
  margin-top: var(--s4);
}

.chapter-heading > p:last-child {
  color: var(--muted);
  font-size: var(--lead);
  line-height: var(--wide);
}

.chapter-number {
  color: var(--blue);
  font-family: var(--mono);
  font-size: var(--caption);
  font-weight: var(--bold);
  letter-spacing: var(--tracking);
}

.document-chapter .prose h3 {
  padding-top: var(--s2);
}

.document-chapter .prose .callout,
.document-chapter .prose .table-scroll,
.document-chapter .prose pre {
  margin-top: var(--s7);
  margin-bottom: var(--s7);
}

.document-chapter .data-table {
  min-width: calc(var(--reading) - var(--s10));
}

.document-chapter .data-table code {
  font-size: var(--small);
}

.document-chapter pre {
  white-space: normal;
}

.document-chapter pre code {
  display: block;
}

.document-chapter .callout a {
  font-weight: var(--bold);
}

@media (max-width: 900px) {
  .document-shell {
    padding-top: var(--s8);
  }

  .document-intro {
    padding-bottom: var(--s7);
  }

  .document-chapter {
    max-width: 100%;
  }
}

@media (max-width: 640px) {
  .document-shell {
    padding-top: var(--s7);
  }

  .document-intro {
    padding-bottom: var(--s6);
  }

  .chapter-heading {
    margin-bottom: var(--s6);
  }

  .chapter-heading > p:last-child {
    font-size: var(--body-size);
  }

  .document-chapter .prose .callout,
  .document-chapter .prose .table-scroll,
  .document-chapter .prose pre {
    margin-top: var(--s6);
    margin-bottom: var(--s6);
  }

  .document-chapter .data-table {
    min-width: var(--reading);
  }
}