.tutorial-intro{
  max-width:960px;
  margin-inline:auto;
  margin-bottom:40px;
  text-align:center;
}
.tutorial-intro > .badge{
  margin-bottom:24px;
}
.tutorial-page > .callout{
  max-width:960px;
  margin-inline:auto;
}
.tutorial-step{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:32px;
  padding-top:48px;
  padding-bottom:48px;
  border-bottom:1px solid var(--border);
}
.tutorial-step__label{
  display:flex;
  align-items:center;
  align-self:start;
  gap:12px;
  padding-top:8px;
  color:var(--muted);
  font-size:13px;
}
.tutorial-step .prose{
  width:100%;
}
.tutorial-step .prose h2{
  margin-top:0;
}
.tutorial-step .prose > :last-child{
  margin-bottom:0;
}
.tutorial-finish{
  margin-top:48px;
}
.tutorial-finish > p{
  margin-top:12px;
}
.tutorial-reference{
  display:flex;
  flex-wrap:wrap;
  gap:12px 28px;
}
.tutorial-reference a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  font-size:14px;
}
@media(max-width:900px){
  .tutorial-step{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  .tutorial-step__label{
    padding-top:0;
  }
  .tutorial-step .prose{
    max-width:none;
  }
}
@media(max-width:640px){
  .tutorial-intro{
    margin-bottom:28px;
  }
  .tutorial-step{
    padding-top:32px;
    padding-bottom:32px;
  }
  .tutorial-finish{
    margin-top:32px;
  }
}