.diagnosis-intro {
  max-width: 960px;
  margin-bottom: 48px;
}
.diagnosis-intro h1 {
  margin-top: 12px;
  margin-bottom: 20px;
}
.diagnosis-intro > p:not(.toc-cap):not(.desc) {
  max-width: var(--reading-width);
  margin-top: 22px;
  line-height: 1.85;
}
.diagnosis-intro .callout {
  max-width: var(--reading-width);
}
.diagnosis-layout {
  padding-bottom: 32px;
}
.diagnosis-toc-note {
  margin-top: 20px;
}
.diagnosis-toc-note a {
  text-decoration: underline;
  text-underline-offset: 4px;
}
.diagnosis-body {
  max-width: var(--reading-width);
}
.diagnosis-chapter {
  padding-top: 44px;
  padding-bottom: 44px;
  border-top: 1px solid var(--border);
  scroll-margin-top: 24px;
}
.diagnosis-chapter:first-child {
  padding-top: 0;
  border-top: 0;
}
.diagnosis-chapter > h2 {
  margin-top: 0;
}
.diagnosis-chapter > :last-child {
  margin-bottom: 0;
}
.diagnosis-chapter .code,
.diagnosis-chapter .table-wrap {
  margin-bottom: 26px;
}
.diagnosis-chapter .code pre {
  border: 0;
  border-radius: 0;
}
.diagnosis-chapter [id] {
  scroll-margin-top: 24px;
}
@media (max-width: 1060px) {
  .diagnosis-layout > .toc ol {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 16px;
  }
  .diagnosis-layout > .toc a {
    min-height: 44px;
  }
}
@media (max-width: 640px) {
  .diagnosis-intro {
    margin-bottom: 32px;
  }
  .diagnosis-layout > .toc ol {
    grid-template-columns: 1fr;
  }
  .diagnosis-chapter {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}