.reference-intro{
  padding-top:64px;
  padding-bottom:56px;
  background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom));
}
.reference-heading{
  max-width:1000px;
  margin-inline:auto;
}
.reference-heading h1{
  margin-top:24px;
}
.reference-summary{
  max-width:760px;
  margin-top:28px;
  font-size:var(--size-h3);
  line-height:1.6;
}
.reference-lead{
  max-width:880px;
  margin-top:20px;
  color:var(--muted);
  line-height:1.85;
}
.reference-lead a{
  color:var(--accent-dark);
  text-decoration:underline;
  text-underline-offset:4px;
}
.reference-facts{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.reference-document{
  padding-top:8px;
  padding-bottom:var(--section-space);
}
.reference-chapter{
  padding-top:8px;
  padding-bottom:40px;
}
.reference-chapter + .reference-chapter{
  border-top:1px solid var(--border);
}
.reference-chapter p{
  line-height:1.95;
}
.reference-chapter h3{
  line-height:1.5;
}
.reference-chapter .table-scroll{
  margin-top:24px;
  margin-bottom:28px;
}
.reference-chapter .table-scroll table{
  font-size:var(--size-small);
  line-height:1.8;
}
.reference-chapter pre{
  margin-top:24px;
  margin-bottom:24px;
  line-height:1.9;
  font-size:var(--size-small);
}
.reference-chapter code{
  font-family:var(--font-mono);
}
.reference-chapter .callout{
  line-height:1.85;
}
.reference-chapter .callout p:first-child{
  margin-top:0;
}
@media(max-width:768px){
  .reference-intro{
    padding-top:36px;
    padding-bottom:36px;
  }
  .reference-summary{
    font-size:var(--size-body);
  }
  .reference-chapter{
    padding-bottom:32px;
  }
  .reference-chapter h2{
    font-size:var(--size-h2);
  }
  .reference-chapter pre{
    padding:20px;
  }
}