.reference-intro {
  background:
    radial-gradient(720px 300px at 0% 120%,var(--c-arc-2) 0%,var(--c-clear) 100%),
    var(--c-bg);
  color:var(--c-panel);
  border-radius:0 0 var(--r-section) var(--r-section);
}
.reference-intro h1 {
  color:var(--c-panel);
}
.reference-intro p {
  max-width:760px;
}
.reference-intro a {
  color:var(--c-sky);
}
.reference-intro :focus-visible {
  outline-color:var(--c-sky);
}
.reference-kicker {
  font-size:var(--fs-small);
  font-weight:var(--weight-semibold);
  letter-spacing:.06em;
  color:var(--c-sky);
}
.reference-lede {
  font-size:var(--fs-lede);
  color:var(--c-panel);
}
.reference-topics {
  margin-top:28px;
}
.reference-body .reference-chapter {
  padding-top:64px;
  padding-bottom:32px;
  border-top:1px solid var(--c-border);
  scroll-margin-top:32px;
}
.reference-body .reference-chapter:first-child {
  border-top:0;
  padding-top:16px;
}
.reference-body .reference-chapter > h2 {
  margin-top:0;
}
.reference-body .eyebrow {
  margin-bottom:16px;
}
.reference-body .reference-chapter:last-child {
  padding-bottom:0;
}
@media (max-width:768px) {
  .reference-body .reference-chapter {
    padding-top:44px;
    padding-bottom:24px;
  }
}