:root {
  --manual-lead-size: clamp(18px, 2vw, 22px);
  --manual-text-leading: 1.95;
  --manual-chapter-gap: clamp(48px, 6vw, 76px);
}
.manual-intro {
  padding-top: 12px;
  padding-bottom: 28px;
}
.manual-intro h1 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.manual-intro__accent {
  color: var(--c-accent);
}
.manual-intro__lead {
  max-width: 32em;
  font-size: var(--manual-lead-size);
  font-weight: var(--fw-semibold);
}
.manual-intro > p:not(.manual-intro__lead) {
  color: var(--c-muted);
}
.manual-toc {
  margin-bottom: 40px;
}
.manual-body {
  line-height: var(--manual-text-leading);
}
.manual-chapter {
  padding-top: 32px;
  padding-bottom: 12px;
  border-top: 1px solid var(--c-line-pink);
  scroll-margin-top: calc(var(--nav-h) + 24px);
}
.manual-chapter + .manual-chapter {
  margin-top: var(--manual-chapter-gap);
}
.manual-chapter:nth-child(3n + 2) {
  border-top-color: var(--c-line-blue);
}
.manual-chapter:nth-child(3n) {
  border-top-color: var(--c-line-orange);
}
.manual-body .manual-chapter h2 {
  margin-top: 20px;
  margin-bottom: 28px;
}
.manual-body .manual-chapter h3 {
  margin-top: 36px;
  margin-bottom: 20px;
}
.manual-body .table-scroll {
  margin-top: 28px;
  margin-bottom: 28px;
  line-height: 1.75;
}
.manual-body .table-scroll table {
  display: table;
  margin-top: 0;
  margin-bottom: 0;
  overflow: visible;
}
@media (max-width: 640px) {
  .manual-toc {
    flex-wrap: wrap;
    overflow-x: visible;
    gap: 4px;
  }
  .manual-toc a {
    flex: 1 1 100%;
    white-space: normal;
  }
}