.reference-head {
  padding-top:64px;
  padding-bottom:88px;
  background:var(--c-stage);
  color:var(--c-on-dark);
}
.reference-head__eyebrow {
  margin:0 0 20px;
  color:var(--c-accent);
  font-size:var(--size-small);
  font-weight:var(--weight-semibold);
}
.reference-head h1 {
  margin:0;
  color:var(--c-on-dark);
}
.reference-head__light {
  font-weight:var(--weight-regular);
}
.reference-head__lead {
  max-width:660px;
  margin-top:24px;
  margin-bottom:24px;
  color:var(--c-on-dark-soft);
  font-size:var(--size-hero-lead);
  line-height:1.85;
}
.reference-head__links {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}
.reference-intro {
  padding-top:24px;
  padding-bottom:24px;
}
.reference-chapter {
  min-width:0;
  padding-top:20px;
  padding-bottom:28px;
  scroll-margin-top:100px;
}
.reference-chapter + .reference-chapter {
  border-top:var(--border-thin) solid var(--c-border);
}
.reference-chapter h2 {
  margin-top:28px;
}
.reference-chapter h3 {
  line-height:1.45;
}
.reference-chapter .table-scroll {
  margin-top:28px;
  margin-bottom:28px;
}
.reference-chapter .data-table {
  font-size:var(--size-small);
}
.reference-chapter pre {
  margin-top:28px;
  margin-bottom:28px;
}
.reference-chapter a,
.reference-intro a {
  text-decoration-color:var(--c-accent-dark);
  text-decoration-thickness:var(--border-thin);
}
.reference-chapter a:hover,
.reference-intro a:hover {
  color:var(--c-accent-dark);
}
@media (max-width:640px) {
  .reference-head {
    padding-top:40px;
    padding-bottom:72px;
  }
  .reference-head__links {
    gap:10px;
  }
  .reference-chapter {
    scroll-margin-top:96px;
  }
  .reference-chapter h3 {
    overflow-wrap:break-word;
  }
}