:root {
  --manual-intro-gap: 36px;
  --manual-chapter-gap: 64px;
  --manual-anchor-offset: 28px;
}

.manual__intro {
  margin-bottom: var(--manual-intro-gap);
}

.manual > .toc {
  position: static;
}

.manual__chapter {
  padding-top: var(--manual-chapter-gap);
  scroll-margin-top: var(--manual-anchor-offset);
}

.manual__chapter > h2:first-child {
  margin-top: 0;
}

.manual__chapter pre,
.manual__chapter .table-scroll {
  margin-top: var(--manual-intro-gap);
  margin-bottom: var(--manual-intro-gap);
}

@media (max-width: 640px) {
  :root {
    --manual-intro-gap: 28px;
    --manual-chapter-gap: 48px;
  }
}