.reference-page{
  max-width:1160px;
}
.reference-intro{
  padding-top:16px;
  padding-bottom:40px;
}
.reference-intro h1{
  margin:24px 0;
}
.reference-lead{
  max-width:40em;
  color:var(--text);
  font-size:var(--subheading-size);
  line-height:1.65;
  font-weight:var(--weight-medium);
}
.reference-intro>.muted{
  max-width:58em;
  line-height:1.85;
}
.reference-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.reference-chapter{
  padding-top:40px;
  padding-bottom:40px;
  border-top:1px solid var(--border);
}
.reference-heading{
  margin-bottom:32px;
  padding:var(--space-card);
  border:1px solid var(--border-soft);
  border-radius:var(--r-xl);
  background:var(--panel);
  box-shadow:var(--shadow-soft),var(--hi-edge);
}
.reference-heading>.mono{
  font-size:var(--small-size);
  letter-spacing:.06em;
}
.reference-heading h2{
  margin:14px 0;
}
.reference-heading>p{
  margin-bottom:0;
  color:var(--muted);
  line-height:1.8;
}
.reference-prose{
  margin-inline:auto;
}
.reference-prose h3:first-child{
  margin-top:0;
}
.reference-prose .table-scroll{
  margin-top:28px;
  margin-bottom:32px;
}
.reference-prose .callout{
  font-size:var(--body-size);
}
@media(max-width:768px){
  .reference-intro{
    padding-top:0;
    padding-bottom:28px;
  }
  .reference-intro h1{
    margin-top:20px;
    margin-bottom:20px;
  }
  .reference-lead{
    font-size:var(--body-size);
    line-height:1.85;
  }
  .reference-chapter{
    padding-top:28px;
    padding-bottom:28px;
  }
  .reference-heading{
    margin-bottom:24px;
  }
  .reference-heading>.mono{
    letter-spacing:0;
  }
}