.tutorial-intro {
  padding-top:56px;
  padding-bottom:56px;
}
.tutorial-intro .hero-copy {
  position:relative;
  z-index:1;
}
.tutorial-intro .lede {
  max-width:620px;
}
.tutorial-body {
  max-width:920px;
}
.tutorial-body > .callout {
  margin-top:0;
  margin-bottom:28px;
}
.tutorial-step {
  padding-top:48px;
  padding-bottom:24px;
}
.tutorial-step + .tutorial-step {
  margin-top:24px;
  border-top:1px solid var(--border);
}
.tutorial-step.prose h2 {
  margin-top:18px;
}
.tutorial-step > .btn {
  margin-top:8px;
  text-decoration:none;
}
.tutorial-step > .btn-ink {
  color:var(--white);
}
.tutorial-step > .btn-line {
  color:var(--text);
}
.tutorial-step h3[id] {
  scroll-margin-top:var(--toc-landing);
}
@media (max-width:640px) {
  .tutorial-intro {
    padding-top:36px;
    padding-bottom:40px;
  }
  .tutorial-step {
    padding-top:32px;
    padding-bottom:16px;
  }
  .tutorial-step + .tutorial-step {
    margin-top:16px;
  }
}