.reference-intro .lede {
  max-width:32em;
}
.reference-intro .paper-panel {
  align-self:center;
}
.reference-intro .paper-panel h2 {
  font-size:28px;
}
.reference-intro .paper-panel li {
  padding-block:6px;
}
.reference-intro .muted a {
  text-decoration:underline;
  text-decoration-color:var(--c-accent-dark);
  text-underline-offset:4px;
}
.reference-layout {
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  align-items:start;
  gap:64px;
  padding-top:64px;
  padding-bottom:88px;
}
.reference-toc {
  flex-direction:column;
  align-self:start;
  gap:4px;
  margin-bottom:0;
}
.reference-toc a {
  white-space:normal;
}
.reference-body {
  min-width:0;
  max-width:var(--w-reading);
}
.reference-chapter {
  padding-top:40px;
  padding-bottom:56px;
  border-bottom:1px solid var(--c-border);
  scroll-margin-top:24px;
}
.reference-chapter:first-child {
  padding-top:0;
}
.reference-chapter:last-child {
  border-bottom:0;
  padding-bottom:0;
}
.reference-label {
  margin-bottom:18px;
  color:var(--c-text-muted);
  font-family:var(--f-mono);
  font-size:13px;
  letter-spacing:.04em;
}
.reference-chapter > h2 {
  margin-top:0;
}
.reference-chapter > p:not(.reference-label) {
  color:var(--c-text);
}
.reference-chapter .table-scroll {
  margin-block:32px;
}
.reference-chapter .faq-list {
  margin-block:32px;
}
@media (max-width:1080px) {
  .reference-layout {
    grid-template-columns:180px minmax(0,1fr);
    gap:32px;
  }
  .reference-toc {
    padding:10px;
  }
  .reference-toc a {
    padding-inline:10px;
  }
}
@media (max-width:800px) {
  .reference-layout {
    grid-template-columns:minmax(0,1fr);
    gap:40px;
    padding-top:40px;
    padding-bottom:56px;
  }
  .reference-toc {
    position:static;
    flex-direction:row;
    flex-wrap:wrap;
  }
  .reference-body {
    max-width:100%;
  }
}
@media (max-width:640px) {
  .reference-intro .paper-panel h2 {
    font-size:24px;
  }
  .reference-chapter {
    padding-top:32px;
    padding-bottom:40px;
  }
  .reference-toc a {
    font-size:13px;
  }
}