.manual-intro {
  background: var(--navy);
  color: var(--on-navy);
  border-color: var(--navy-2);
  box-shadow: var(--shadow-lift);
}
.manual-intro h1,
.manual-intro .lead,
.manual-intro .eyebrow {
  color: var(--on-navy);
}
.manual-intro a {
  text-decoration-thickness: 1px;
}
.manual-intro a:focus-visible {
  outline-color: var(--on-navy);
}
.manual-principles {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.manual-chapter {
  padding-top: 24px;
  padding-bottom: 40px;
  scroll-margin-top: 112px;
}
.manual-chapter + .manual-chapter {
  border-top: 1px solid var(--border);
}
.manual-chapter > h2 {
  margin-top: 0;
}
.manual-chapter > :last-child {
  margin-bottom: 0;
}
.manual-chapter .table-scroll {
  margin-block: 24px;
}
@media (max-width: 640px) {
  .manual-chapter {
    scroll-margin-top: 100px;
    padding-top: 24px;
    padding-bottom: 32px;
  }
}