.tutorial-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:56px;
  padding-bottom:48px;
}
.tutorial-intro h1 {
  margin-bottom:24px;
}
.tutorial-intro .lead {
  margin-bottom:24px;
}
.tutorial-scene {
  padding-bottom:20px;
}
.tutorial-page > .toc {
  margin-top:40px;
}
.tutorial-chapter {
  margin-inline:auto;
  padding-top:32px;
  padding-bottom:40px;
  scroll-margin-top:112px;
}
.tutorial-chapter h2 {
  margin-top:0;
}
.tutorial-chapter + .tutorial-chapter {
  border-top:1px solid var(--border);
}
.tutorial-next {
  margin-top:40px;
}
.tutorial-next h2 {
  font-size:var(--h3-size);
}
.tutorial-next .actions {
  gap:16px 28px;
}
@media (max-width:980px) {
  .tutorial-intro {
    grid-template-columns:minmax(0,1fr);
    gap:36px;
  }
  .tutorial-scene {
    max-width:640px;
    width:100%;
    margin-inline:auto;
  }
}
@media (max-width:640px) {
  .tutorial-intro {
    padding-bottom:24px;
  }
  .tutorial-chapter {
    padding-top:28px;
    padding-bottom:28px;
    scroll-margin-top:24px;
  }
  .tutorial-page > .toc {
    margin-top:28px;
  }
}