.manual {
  padding-top: var(--space-18);
  padding-bottom: var(--section-space);
}
.manual-intro {
  margin-bottom: var(--space-12);
}
.manual-intro h1 {
  margin-top: var(--space-6);
  margin-bottom: var(--space-6);
}
.manual-intro .fact-row {
  margin-top: var(--space-8);
}
.manual-chapter {
  padding-top: var(--section-space);
}
.manual-chapter > .sect-head {
  margin-bottom: var(--space-10);
}
.manual-chapter > .sect-head > h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.manual-chapter .table-scroll {
  margin-top: var(--space-6);
  margin-bottom: var(--space-8);
}
.manual-chapter .callout {
  margin-top: var(--space-8);
  margin-bottom: var(--space-8);
}
.manual-chapter > :last-child {
  margin-bottom: 0;
}
.manual-chapter pre:focus-visible {
  outline: var(--focus-width) solid var(--accent);
  outline-offset: var(--space-1);
}
@media (max-width: 768px) {
  .manual {
    padding-top: var(--space-10);
  }
  .manual-intro .lead {
    font-size: var(--size-body);
  }
  .manual-intro .fact-row {
    justify-content: flex-start;
  }
}