.tutorial-intro {
  padding-top: 56px;
  padding-bottom: 48px;
}
.tutorial-intro h1 {
  margin-top: 0;
  margin-bottom: 24px;
}
.tutorial-intro .wrap > p:not(.badge) {
  max-width: 760px;
  color: var(--on-dark-88);
}
.tutorial-intro__lead {
  font-size: var(--size-h3);
  font-weight: var(--weight-semibold);
}
.tutorial-intro .actions {
  margin-top: 28px;
  margin-bottom: 0;
}
.tutorial-step {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 280px);
  align-items: start;
  gap: 48px;
}
.tutorial-step > * {
  min-width: 0;
}
.tutorial-step .prose > :first-child {
  margin-top: 0;
}
.tutorial-divider {
  border-top: 1px solid var(--border);
}
@media (max-width: 900px) {
  .tutorial-step {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}
@media (max-width: 640px) {
  .tutorial-intro {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .tutorial-intro__lead {
    font-size: var(--size-body);
  }
}