:root{
  --reference-heading-width:940px;
  --reference-reading-width:840px;
  --reference-title-gap:28px;
  --reference-chapter-gap:72px;
  --reference-paragraph-gap:24px;
}
.reference-head{
  padding-top:var(--section-space);
  padding-bottom:var(--section-space);
  background:linear-gradient(180deg,var(--wash-top),var(--wash-bottom));
  border-bottom:1px solid var(--border);
}
.reference-heading{
  max-width:var(--reference-heading-width);
  margin-inline:auto;
}
.reference-heading h1{
  margin-top:var(--reference-title-gap);
  margin-bottom:var(--reference-title-gap);
}
.reference-lede{
  max-width:var(--reference-reading-width);
  color:var(--muted);
  line-height:1.85;
}
.reference-note{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
  margin-top:var(--reference-paragraph-gap);
  font-size:var(--fs-small);
}
.reference-intro{
  max-width:var(--reference-reading-width);
  margin-top:var(--reference-paragraph-gap);
  line-height:1.9;
}
.reference-intro a{
  color:var(--accent);
  text-underline-offset:4px;
}
.reference-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:var(--reference-paragraph-gap);
}
.reference-chapter{
  max-width:var(--reference-reading-width);
  margin-inline:auto;
  padding-top:var(--reference-chapter-gap);
}
.reference-chapter+.reference-chapter{
  margin-top:var(--reference-paragraph-gap);
  border-top:1px solid var(--border);
}
.reference-chapter>h2{
  margin-top:0;
  margin-bottom:var(--reference-title-gap);
  color:var(--accent-dark);
}
.reference-copy{
  width:100%;
}
.reference-copy>h3:first-child{
  margin-top:0;
}
.reference-copy .table-scroll{
  margin-block:var(--reference-paragraph-gap);
}
.reference-copy .callout p{
  margin-bottom:0;
}
@media(max-width:768px){
  :root{
    --reference-chapter-gap:48px;
    --reference-title-gap:24px;
  }
}