.tutorial-intro {
  max-width: var(--reading-width);
  padding-top: 56px;
}

.tutorial-intro h1 {
  margin-top: 22px;
  margin-bottom: 26px;
}

.tutorial-step-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--shot-width);
  align-items: start;
  gap: 64px;
}

.tutorial-step-layout > *,
.tutorial-check-layout > * {
  min-width: 0;
}

.tutorial-step > h2 {
  margin-top: 0;
  margin-bottom: 32px;
}

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

.tutorial-check-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--shot-width);
  align-items: start;
  gap: 64px;
}

.tutorial-checklist h3 {
  margin-top: 0;
}

.tutorial-checklist ol {
  padding-left: 22px;
}

.tutorial-checklist li + li {
  margin-top: 16px;
}

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

@media (max-width: 1080px) {
  .tutorial-step-layout,
  .tutorial-check-layout {
    gap: 32px;
  }
}

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

  .tutorial-intro {
    padding-top: 32px;
  }
}