.tutorial-opening{
  padding-top:64px;
}
.tutorial-opening h1{
  margin-top:24px;
}
.tutorial-intro{
  max-width:42em;
  margin-top:24px;
  color:var(--text-muted);
  font-size:18px;
  line-height:1.85;
}
.tutorial-opening .callout{
  margin-top:36px;
  margin-bottom:32px;
}
.tutorial-route-note{
  margin-top:16px;
  color:var(--text-muted);
  font-size:13px;
  line-height:1.8;
}
.tutorial-step{
  margin-top:var(--section-space);
}
.tutorial-step-heading{
  max-width:760px;
  margin-bottom:40px;
}
.tutorial-step-heading h2{
  margin-top:20px;
}
.tutorial-step-heading>p{
  margin-top:18px;
  color:var(--text-muted);
  line-height:1.85;
}
.tutorial-step-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:64px;
  align-items:start;
}
.tutorial-step-layout>*{
  min-width:0;
}
.tutorial-step-layout .prose{
  max-width:780px;
}
.tutorial-step-layout .prose>:first-child{
  margin-top:0;
}
.tutorial-step-layout .official-shot{
  justify-self:center;
}
.tutorial-step-panel{
  padding:52px;
  background:var(--bg-panel);
  color:var(--text);
  border-radius:var(--r-section);
}
.tutorial-check-copy{
  max-width:var(--reading-max);
}
.tutorial-check-copy>:first-child{
  margin-top:0;
}
.tutorial-device-note>h2{
  margin-top:20px;
}
.tutorial-device-note>p{
  margin-top:20px;
  line-height:1.85;
}
.tutorial-device-note>.get-note{
  margin-top:14px;
}
.tutorial-finish{
  padding-top:24px;
  border-top:1px solid var(--border);
}
@media(max-width:1100px){
  .tutorial-step-layout{
    gap:36px;
    grid-template-columns:minmax(0,1fr) 250px;
  }
  .tutorial-step-panel{
    padding:36px;
  }
}
@media(max-width:768px){
  .tutorial-opening{
    padding-top:36px;
  }
  .tutorial-intro{
    font-size:16px;
  }
  .tutorial-step-layout{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
  .tutorial-step-heading{
    margin-bottom:28px;
  }
  .tutorial-step-panel{
    padding:28px;
    border-radius:var(--r-float);
  }
}
@media(max-width:420px){
  .tutorial-step-panel{
    padding:22px;
  }
  .tutorial-step-panel .badge{
    font-size:12px;
    padding-inline:10px;
  }
  .tutorial-device-note .get-actions{
    align-items:stretch;
    flex-direction:column;
  }
}