.tutorial-intro .eyebrow {
  margin-bottom:20px;
}
.tutorial-intro h1 {
  margin-bottom:24px;
}
.tutorial-summary {
  max-width:38em;
  margin-bottom:28px;
  color:var(--on-field-2);
  line-height:1.85;
}
.tutorial-stage {
  display:inline-flex;
  align-items:center;
  min-height:32px;
  max-width:100%;
  padding:5px 10px;
  overflow:hidden;
  border:1px solid var(--on-field-line);
  border-radius:var(--r-ctl);
  background:var(--on-field-fill);
  color:var(--on-field);
  font-size:var(--size-small);
}
.tutorial-document > .callout:first-child {
  margin-top:0;
}
.tutorial-document .toc a {
  text-decoration:none;
  color:var(--text);
}
.tutorial-document .toc a:hover {
  color:var(--accent-ink);
}
.tutorial-document section > h2 {
  padding-top:24px;
  border-top:1px solid var(--border);
}
.tutorial-document section:last-child > p:last-child {
  margin-bottom:0;
}
@media (max-width:640px) {
  .tutorial-document .toc {
    gap:4px;
  }
  .tutorial-document .toc a {
    flex:1 1 45%;
    padding-inline:8px;
  }
}