.reference-intro {
  max-width:var(--reading);
  margin-bottom:var(--space-xl);
}
.reference-intro h1 {
  margin-top:var(--space-sm);
}
.reference-layout {
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:var(--space-xl);
  align-items:start;
}
.reference-toc {
  flex-direction:column;
  align-self:start;
  margin-bottom:0;
}
.reference-toc a {
  justify-content:flex-start;
}
.reference-body {
  min-width:0;
  max-width:var(--reading);
}
.reference-chapter {
  scroll-margin-top:var(--space-lg);
}
.reference-chapter + .reference-chapter {
  margin-top:var(--section-space);
  padding-top:var(--space-lg);
  border-top:1px solid var(--border-strong);
}
.reference-chapter > h2:first-child {
  margin-top:0;
}
@media (max-width:1000px) {
  .reference-layout {
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-lg);
  }
  .reference-toc {
    position:static;
    flex-direction:row;
  }
}