.tutorial-intro{
  position:relative;
  padding-top:var(--space-section);
  padding-bottom:var(--space-4);
  background:
    radial-gradient(ellipse at 12% 12%,var(--glow-peri),var(--clear) 48%),
    radial-gradient(ellipse at 90% 88%,var(--glow-apricot),var(--clear) 44%),
    linear-gradient(180deg,var(--bg-top),var(--bg));
}
.tutorial-intro h1{
  max-width:900px;
  font-weight:var(--weight-body);
}
.tutorial-lead{
  max-width:820px;
  color:var(--muted);
  font-size:var(--size-h3);
  line-height:1.7;
}
.tutorial-intro .callout{
  max-width:820px;
  margin-top:var(--space-4);
}
.tutorial-flow{
  padding-top:var(--space-3);
}
.tutorial-step{
  padding-top:var(--space-section);
  padding-bottom:var(--space-4);
}
.tutorial-step+.tutorial-step{
  border-top:1px solid var(--border);
}
.tutorial-step .prose h2:first-child{
  margin-top:0;
}
.tutorial-finish{
  max-width:820px;
  margin-top:var(--space-3);
}
.tutorial-finish>p{
  color:var(--muted);
}
@media(max-width:640px){
  .tutorial-lead{
    font-size:var(--size-body);
  }
}