.tutorial-heading {
  background: var(--accent-dark);
  color: var(--on-dark);
}
.tutorial-heading h1 {
  margin-top: 20px;
  color: var(--on-dark);
}
.tutorial-intro {
  max-width: 42em;
  margin-bottom: 0;
  color: var(--on-dark-muted);
  font-size: var(--fs-intro);
}
.tutorial-heading a:focus-visible {
  outline-color: var(--sun);
}
.tutorial-content > .callout {
  margin-top: 0;
}
.tutorial-step {
  padding-top: 28px;
  padding-bottom: 28px;
  scroll-margin-top: 112px;
}
.tutorial-step + .tutorial-step {
  border-top: 1px solid var(--border);
}
.tutorial-step h2 {
  margin-top: 16px;
}
.tutorial-step > :last-child {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .tutorial-intro {
    font-size: var(--fs-body);
  }
  .tutorial-step {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}