.tutorial-intro {
  padding-bottom: 0;
}

.tutorial-intro h1 {
  margin-top: 0;
  margin-bottom: 0;
}

.tutorial-intro .callout {
  margin-top: 40px;
  margin-bottom: 32px;
}

.tutorial-intro .toc {
  margin-bottom: 24px;
}

.tutorial-step {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: start;
  gap: 72px;
}

.tutorial-step .prose > :first-child {
  margin-top: 0;
}

.tutorial-step .prose > :last-child {
  margin-bottom: 0;
}

.tutorial-verification {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.tutorial-followup {
  max-width: 900px;
  margin-top: 40px;
}

.tutorial-next {
  max-width: 800px;
  margin-top: 64px;
  padding-top: 32px;
  border-top: 1px solid var(--c-border);
}

@media (max-width: 960px) {
  .tutorial-step {
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 32px;
  }
}

@media (max-width: 640px) {
  .tutorial-step,
  .tutorial-verification {
    grid-template-columns: minmax(0, 1fr);
  }

  .tutorial-step {
    gap: 40px;
  }
}