.reference-opening {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);
  align-items:center;
  gap:var(--space-5);
}
.reference-opening > * {
  min-width:0;
}
.reference-title {
  margin-top:var(--space-3);
}
.reference-title > span {
  display:block;
  font-weight:var(--weight-light);
}
.reference-title > strong {
  display:block;
  color:var(--accent);
  font-weight:var(--weight-heavy);
}
.reference-opening .flow-svg {
  max-width:420px;
  margin-inline:auto;
}
.reference-toc {
  margin-top:var(--space-4);
}
.reference-toc ul {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-1) var(--space-3);
}
.reference-chapter .prose > h2:first-child {
  margin-top:0;
}
.reference-chapter .prose h2,
.reference-chapter .prose h3 {
  scroll-margin-top:var(--space-3);
}
.reference-chapter .prose > .table-scroll,
.reference-chapter .prose > pre {
  margin-block:var(--space-3);
}
@media (max-width:1000px) {
  .reference-opening {
    grid-template-columns:minmax(0,1fr);
    align-items:start;
    gap:var(--space-4);
  }
  .reference-toc ul {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px) {
  .reference-toc ul {
    grid-template-columns:minmax(0,1fr);
  }
}