:root {
  --tutorial-shot-width: 280px;
}

.tutorial-intro {
  color: var(--c-text-muted);
  font-size: var(--text-lead);
  line-height: 1.85;
}

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

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

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

.section-head > .chip {
  margin-bottom: var(--s-4);
}

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

  .tutorial-intro {
    font-size: var(--text-base);
  }
}