.tutorial-page {
  padding-top: 64px;
  padding-bottom: 64px;
}

.tutorial-intro {
  max-width: 800px;
  padding-bottom: 48px;
}

.tutorial-intro h1 {
  margin-top: 20px;
  margin-bottom: 24px;
}

.tutorial-intro__lead {
  max-width: 40em;
  margin-bottom: 0;
  color: var(--text-muted);
  font-size: var(--fs-lead);
  line-height: 1.85;
}

.tutorial-body {
  max-width: 900px;
}

.tutorial-platform {
  margin-top: 32px;
}

.tutorial-preparation {
  padding-bottom: 16px;
}

.tutorial-step {
  margin-top: 56px;
  padding-top: 40px;
  padding-bottom: 8px;
  border-top: 1px solid var(--border);
  scroll-margin-top: 100px;
}

.tutorial-step > h2 {
  margin-top: 14px;
}

.tutorial-step > p:not(.eyebrow),
.tutorial-preparation > p,
.tutorial-finish > p {
  margin-bottom: 24px;
}

.tutorial-finish {
  padding-bottom: 16px;
}

@media (max-width: 768px) {
  .tutorial-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .tutorial-step {
    margin-top: 40px;
    padding-top: 32px;
  }

  .tutorial-intro__lead {
    font-size: var(--fs-body);
  }
}