.tutorial-intro {
  max-width: 820px;
  margin-inline: auto;
  padding-top: 64px;
  text-align: center;
}
.tutorial-intro h1 {
  margin-top: 16px;
  margin-bottom: 24px;
}
.tutorial-intro__summary {
  color: var(--accent-dark);
  font-size: var(--fs-subtitle);
  font-weight: var(--weight-medium);
}
.tutorial-page > .toc {
  margin-top: 32px;
}
.tutorial-page > section[id] {
  scroll-margin-top: 32px;
}
.tutorial-page .shot-layout > .prose > h3:first-child,
.tutorial-page .grid-two > .prose > h3:first-child {
  margin-top: 0;
}
.tutorial-page .table-scroll {
  margin-top: 28px;
  margin-bottom: 32px;
}
.tutorial-page .group-list {
  margin-top: 28px;
}
@media (max-width: 768px) {
  .tutorial-intro {
    padding-top: 36px;
  }
  .tutorial-intro__summary {
    font-size: var(--fs-lead);
  }
}