.manual-intro {
  padding-top: 64px;
  padding-bottom: 64px;
  background: var(--accent-dark);
  color: var(--on-dark);
}
.manual-intro h1 {
  margin: 0 0 24px;
}
.manual-intro h1 > span {
  display: block;
  margin-top: 8px;
  color: var(--coral);
}
.manual-intro p:not(.tag) {
  color: var(--on-dark-muted);
}
.manual-intro .manual-intro__lede {
  margin-bottom: 24px;
  font-size: var(--text-lg);
  color: var(--on-dark);
}
.manual-intro a {
  color: var(--on-dark);
  text-decoration: underline;
  text-underline-offset: 4px;
}
.manual-intro a:focus-visible {
  outline: var(--focus-ring-dark);
}
.manual-intro .chips {
  margin-top: 28px;
}
.manual-intro .chip {
  background: var(--on-dark-wash);
  color: var(--on-dark);
  border-color: var(--on-dark-line);
}
.manual-body {
  padding-top: 40px;
}
.manual-body > .toc {
  margin-bottom: 56px;
}
.manual-chapter {
  min-width: 0;
  scroll-margin-top: 28px;
}
.manual-chapter + .manual-chapter {
  margin-top: 64px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}
.manual-chapter > h2:first-child {
  margin-top: 0;
  color: var(--accent);
}
.manual-chapter .table-scroll {
  margin-top: 28px;
  margin-bottom: 28px;
}
.manual-chapter .table-scroll > .data-table {
  display: table;
  overflow: visible;
}
.manual-chapter .faq {
  margin-top: 28px;
  margin-bottom: 28px;
}
@media (max-width: 640px) {
  .manual-intro {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .manual-body {
    padding-top: 24px;
  }
  .manual-body > .toc {
    margin-bottom: 40px;
  }
  .manual-chapter + .manual-chapter {
    margin-top: 48px;
  }
}