.reference-heading{
  max-width:960px;
  margin-inline:auto;
  padding-top:12px;
  padding-bottom:44px;
  text-align:center;
}
.reference-heading h1{
  margin-top:24px;
}
.reference-deck{
  max-width:54ch;
  margin:24px auto 0;
  color:var(--text-muted);
  font-size:var(--small-heading-size);
  line-height:1.7;
}
.reference-scope{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:24px;
}
.reference-intro{
  max-width:68ch;
  margin:24px auto 0;
  color:var(--text-muted);
  line-height:1.85;
  text-align:left;
}
.reference-document{
  margin-inline:auto;
}
.reference-chapter{
  padding-top:8px;
  padding-bottom:36px;
  border-bottom:1px solid var(--border);
}
.reference-chapter:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.reference-chapter>*+*{
  margin-top:20px;
}
.reference-chapter h2{
  padding-left:20px;
  border-left:4px solid var(--accent);
}
.reference-chapter h3{
  margin-top:32px;
}
.reference-chapter .table-scroll{
  margin-top:28px;
  margin-bottom:28px;
}
.reference-chapter .callout{
  margin-top:28px;
  margin-bottom:28px;
}
@media(max-width:768px){
  .reference-heading{
    padding-top:0;
    padding-bottom:32px;
  }
  .reference-heading h1{
    margin-top:20px;
  }
  .reference-deck{
    font-size:var(--body-size);
  }
  .reference-chapter h2{
    padding-left:14px;
  }
  .reference-chapter{
    padding-bottom:28px;
  }
}