.tutorial-intro {
  padding-top:64px;
  padding-bottom:48px;
}
.tutorial-intro h1 {
  margin-top:18px;
  margin-bottom:20px;
  overflow-wrap:break-word;
}
.tutorial-summary {
  max-width:680px;
  margin-bottom:24px;
  color:var(--c-muted);
  font-size:var(--text-lede);
  line-height:1.85;
}
.tutorial-facts {
  justify-content:flex-start;
}
.tutorial-note {
  margin-bottom:0;
  font-size:var(--text-sm);
}
.tutorial-body {
  padding-bottom:var(--section-gap);
}
.tutorial-step {
  padding-top:48px;
}
.tutorial-step + .tutorial-step {
  margin-top:var(--section-gap);
  border-top:1px solid var(--c-border);
}
.tutorial-step h2 {
  margin-top:16px;
  scroll-margin-top:32px;
}
.tutorial-step .panel {
  margin-top:28px;
}
.tutorial-step .panel p {
  margin-bottom:0;
}
.tutorial-step .table-scroll {
  margin-top:24px;
  margin-bottom:28px;
  border:1px solid var(--c-border);
  border-radius:var(--r-card);
}
.tutorial-step .data-table {
  display:table;
  overflow:visible;
  max-width:none;
}
.tutorial-step .data-table th,
.tutorial-step .data-table td {
  min-width:10em;
}
.tutorial-step .data-table tbody th {
  font-weight:var(--weight-medium);
}
.tutorial-step .data-table tbody tr:last-child > * {
  border-bottom:0;
}
@media (max-width:768px) {
  .tutorial-intro h1 {
    font-size:var(--title-h2);
  }
}
@media (max-width:640px) {
  .tutorial-intro {
    padding-top:40px;
    padding-bottom:24px;
  }
  .tutorial-step {
    padding-top:32px;
  }
}