.reference-page {
  min-width: 0;
}
.reference-opening {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding-top: 76px;
}
.reference-opening__field {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(180deg, var(--c-bg-clear), var(--c-bg) 88%),
    linear-gradient(100deg, var(--g-peach), var(--g-pink), var(--g-lilac), var(--g-sky));
}
.reference-eyebrow,
.reference-chapter__index {
  margin-bottom: 16px;
  color: var(--c-muted);
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: var(--weight-semibold);
  letter-spacing: 0.04em;
}
.reference-opening h1 {
  margin-top: 0;
  margin-bottom: 22px;
}
.reference-intro {
  margin-bottom: 24px;
  font-size: 21px;
  font-weight: var(--weight-semibold);
}
.reference-chapters {
  padding-top: var(--section-space);
}
.reference-chapter + .reference-chapter {
  margin-top: var(--section-space);
}
.reference-chapter.prose h2 {
  margin-top: 0;
  margin-bottom: 30px;
}
.reference-chapter__index {
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 2px solid var(--f-blue);
}
.reference-chapter:nth-of-type(3n + 2) .reference-chapter__index {
  border-bottom-color: var(--f-pink);
}
.reference-chapter:nth-of-type(3n) .reference-chapter__index {
  border-bottom-color: var(--f-peach);
}
.reference-chapter > :last-child {
  margin-bottom: 0;
}
.reference-chapter .table-scroll {
  margin-top: 28px;
  margin-bottom: 28px;
}
.reference-related {
  margin-top: var(--section-space);
}
@media (max-width: 768px) {
  .reference-opening {
    padding-top: 48px;
  }
  .reference-intro {
    font-size: 18px;
  }
}
@media print {
  .reference-opening__field {
    display: none;
  }
  .reference-chapters {
    padding-top: 48px;
  }
  .reference-chapter + .reference-chapter {
    margin-top: 48px;
  }
  .reference-chapter h2,
  .reference-chapter h3 {
    break-after: avoid;
  }
}