:root {
  --deepdoc-reading:820px;
  --deepdoc-toc:208px;
  --deepdoc-gap:48px;
  --deepdoc-lead-size:18px;
  --deepdoc-title-gap:28px;
  --deepdoc-anchor:32px;
}
.deepdoc-intro {
  max-width:calc(var(--deepdoc-reading) + var(--inset) * 2);
}
.deepdoc-intro h1 {
  margin-top:var(--deepdoc-title-gap);
  margin-bottom:var(--deepdoc-title-gap);
}
.deepdoc-intro > p:not(.eyebrow) {
  line-height:1.9;
}
.deepdoc-lead {
  font-size:var(--deepdoc-lead-size);
  color:var(--muted);
}
.deepdoc-layout {
  display:grid;
  grid-template-columns:var(--deepdoc-toc) minmax(0,1fr);
  align-items:start;
  gap:var(--deepdoc-gap);
}
.deepdoc-toc {
  flex-direction:column;
  flex-wrap:nowrap;
  gap:0;
  padding-inline:16px;
  max-height:calc(100dvh - 48px);
  overflow-y:auto;
}
.deepdoc-toc-label {
  padding-top:8px;
  padding-bottom:14px;
  color:var(--muted);
  font-family:var(--font-mono);
  font-size:var(--small-size);
  font-weight:var(--weight-strong);
}
.deepdoc-toc a {
  padding-top:8px;
  padding-bottom:8px;
  line-height:1.6;
}
.deepdoc-chapters {
  min-width:0;
  max-width:var(--deepdoc-reading);
}
.deepdoc-chapter {
  min-width:0;
  padding-top:var(--space-section);
  padding-bottom:var(--space-section);
  border-bottom:1px solid var(--line);
  scroll-margin-top:var(--deepdoc-anchor);
}
.deepdoc-chapter:first-child {
  padding-top:0;
}
.deepdoc-chapter:last-child {
  padding-bottom:0;
  border-bottom:0;
}
.deepdoc-chapter > h2 {
  margin-top:0;
}
.deepdoc-chapter > h3 {
  margin-top:40px;
  margin-bottom:20px;
}
.deepdoc-chapter > p {
  margin-bottom:22px;
}
.deepdoc-chapter .table-scroll {
  margin-top:28px;
  margin-bottom:28px;
}
.deepdoc-chapter pre {
  margin-top:28px;
  margin-bottom:28px;
}
@media (max-width:1000px) {
  :root {
    --deepdoc-gap:28px;
    --deepdoc-toc:176px;
  }
}
@media (max-width:768px) {
  .deepdoc-layout {
    grid-template-columns:minmax(0,1fr);
  }
  .deepdoc-toc {
    position:static;
    flex-direction:row;
    flex-wrap:wrap;
    gap:4px 20px;
    max-height:none;
    overflow-y:visible;
  }
  .deepdoc-toc-label {
    flex-basis:100%;
    padding-bottom:8px;
  }
}
@media (max-width:640px) {
  :root {
    --deepdoc-lead-size:16px;
    --deepdoc-title-gap:24px;
    --deepdoc-anchor:24px;
  }
  .deepdoc-chapter {
    padding-top:80px;
    padding-bottom:80px;
  }
  .deepdoc-chapter:first-child {
    padding-top:28px;
  }
}