.manual-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 56px;
  align-items: center;
}
.manual-intro > * {
  min-width: 0;
}
.manual-intro h1 {
  margin-top: 18px;
  margin-bottom: 22px;
}
.manual-lede {
  max-width: 660px;
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.8;
  color: var(--c-text);
}
.manual-intro .chip-row {
  margin-top: 26px;
}
.manual-map {
  background: linear-gradient(145deg, var(--c-tint), var(--c-bg));
}
.manual-map h2 {
  margin-top: 16px;
  font-size: 26px;
}
.manual-map ol {
  display: grid;
  gap: 20px;
  margin: 26px 0;
  padding-left: 24px;
}
.manual-map li {
  padding-left: 6px;
}
.manual-map li::marker {
  color: var(--c-accent-dark);
  font-family: var(--f-mono);
}
.manual-map li strong,
.manual-map li span {
  display: block;
}
.manual-map li span {
  margin-top: 5px;
  color: var(--c-muted);
  font-size: 14px;
}
.manual-map > p:last-child {
  margin-bottom: 0;
  font-size: 14px;
}
.manual-body {
  padding-bottom: 96px;
}
.manual-body > .toc {
  margin-top: 0;
  margin-bottom: 48px;
}
.manual-chapter {
  max-width: var(--reading-width);
  margin-inline: auto;
  padding-top: 48px;
  padding-bottom: 64px;
  scroll-margin-top: calc(var(--header-height) + 104px);
}
.manual-chapter + .manual-chapter {
  border-top: 1px solid var(--c-border);
}
.manual-chapter.prose h2 {
  margin-top: 14px;
  margin-bottom: 30px;
}
.manual-chapter > p:not(.eyebrow) {
  margin-top: 22px;
  margin-bottom: 22px;
}
.manual-chapter .table-scroll {
  margin-top: 28px;
  margin-bottom: 28px;
}
.manual-chapter:last-child {
  padding-bottom: 0;
}
@media (max-width: 960px) {
  .manual-intro {
    grid-template-columns: minmax(0, 1fr);
    gap: 36px;
  }
}
@media (max-width: 768px) {
  .manual-lede {
    font-size: 18px;
  }
  .manual-map h2 {
    font-size: 24px;
  }
  .manual-body {
    padding-bottom: 64px;
  }
  .manual-chapter {
    padding-top: 32px;
    padding-bottom: 44px;
  }
  .manual-body > .toc {
    margin-bottom: 24px;
  }
}