.manual-head {
  background:var(--c-cobalt);
  color:var(--c-on-dark);
}
.manual-head .stack > p {
  color:var(--c-on-dark-muted);
}
.manual-head .stack > .manual-head__lead {
  font-size:var(--text-lead);
  color:var(--c-on-dark);
  font-weight:var(--weight-semibold);
}
.manual-head .stack > p a {
  color:var(--c-on-dark);
  text-decoration:underline;
  text-underline-offset:4px;
}
.manual-head a:focus-visible {
  outline-color:var(--c-on-dark);
}
.manual-map {
  border-bottom:8px solid var(--c-edge);
}
.manual-map__steps {
  display:grid;
  gap:16px;
  margin:24px 0;
  padding:0;
  list-style:none;
}
.manual-map__steps li {
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:4px 14px;
}
.manual-map__steps li > span {
  display:grid;
  place-items:center;
  grid-row:1 / 3;
  border:var(--line) solid var(--c-border);
  border-radius:var(--r-inner);
  background:var(--c-panel);
  color:var(--c-cobalt);
  font-size:var(--text-sm);
  font-weight:var(--weight-bold);
}
.manual-map__steps strong {
  font-size:var(--text-base);
  font-weight:var(--weight-bold);
}
.manual-map__steps small,
.manual-map > p {
  color:var(--c-muted);
  font-size:var(--text-sm);
}
.manual-body {
  max-width:var(--reading);
  margin-inline:auto;
  margin-top:40px;
}
.manual-chapter {
  padding-top:20px;
  padding-bottom:36px;
}
.manual-chapter + .manual-chapter {
  border-top:var(--line) solid var(--c-border);
}
.manual-chapter > h2 {
  margin-top:20px;
}
.manual-chapter > h3 {
  color:var(--c-cobalt);
}
.manual-chapter:nth-of-type(even) > h2 {
  border-left:4px solid var(--c-accent);
  padding-left:16px;
}
@media (max-width:640px) {
  .manual-body {
    margin-top:28px;
  }
  .manual-map__steps li {
    grid-template-columns:48px minmax(0,1fr);
    gap:4px 10px;
  }
}