.tutorial-hero .hero__stage{
  padding-top:var(--s-6);
  padding-bottom:var(--s-6);
}
.tutorial-hero h1{
  margin:var(--s-2) 0 var(--s-3);
}
.tutorial-flow{
  max-width:var(--reading-width);
}
.tutorial-flow>.callout{
  margin-top:0;
  margin-bottom:var(--s-4);
}
.tutorial-step{
  padding-top:var(--s-8);
  padding-bottom:var(--s-4);
}
.tutorial-step+.tutorial-step{
  border-top:1px solid var(--border);
}
.tutorial-step h2{
  font-size:var(--size-h2);
}
.tutorial-step>p,
.tutorial-platform p{
  line-height:1.85;
  color:var(--text-soft);
  margin-bottom:var(--s-3);
}
.tutorial-step>.eyebrow{
  color:var(--muted);
  font-size:var(--size-small);
  margin-bottom:var(--s-2);
}
.tutorial-step p a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:4px;
}
.tutorial-platform{
  margin-top:var(--s-4);
  padding:var(--s-3);
  background:var(--panel);
  border-radius:var(--r-lg);
  box-shadow:var(--hl-edge),var(--lift-sm);
}
.tutorial-platform h3{
  margin:0 0 var(--s-2);
  scroll-margin-top:var(--toc-offset);
}
.tutorial-platform p:last-child{
  margin-bottom:0;
}
.tutorial-next{
  margin-top:var(--s-4);
}
.tutorial-next h3{
  margin:0 0 var(--s-2);
}
.tutorial-next p{
  color:var(--text-soft);
  margin-bottom:var(--s-3);
}
.tutorial-step>.tutorial-note{
  margin-top:var(--s-3);
  color:var(--muted);
  font-size:var(--size-small);
}
@media(max-width:640px){
  .tutorial-step{
    padding-top:var(--s-6);
  }
  .tutorial-platform{
    padding:var(--s-2);
  }
}