.deepdoc-intro {
  padding-top: 72px;
  padding-bottom: 64px;
}
.deepdoc-intro h1 {
  margin-top: 20px;
}
.deepdoc-intro > p:not(.eyebrow) {
  margin-top: 24px;
  color: var(--text-soft);
  line-height: 1.9;
}
.deepdoc-intro .deepdoc-lede {
  font-size: 20px;
  color: var(--text);
}
.deepdoc-intro .callout {
  margin-top: 32px;
}
.deepdoc-body {
  padding-bottom: var(--section-space);
}
.deepdoc-article {
  padding-top: 56px;
}
.deepdoc-article > section {
  padding-top: var(--section-space);
  padding-bottom: var(--section-space);
  border-bottom: 1px solid var(--border);
}
.deepdoc-article > section:first-child {
  padding-top: 56px;
}
.deepdoc-article > section:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.deepdoc-article > section > h2 {
  margin-top: 0;
}
.deepdoc-article section[id] {
  scroll-margin-top: calc(var(--head-h) + 110px);
}
.deepdoc-article .table-scroll {
  margin-top: 28px;
  margin-bottom: 28px;
}
.deepdoc-article .callout {
  margin-top: 32px;
}
.deepdoc-article .callout p {
  color: var(--text-soft);
}
@media (max-width: 768px) {
  .deepdoc-intro {
    padding-top: 40px;
  }
  .deepdoc-intro .deepdoc-lede {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .deepdoc-article {
    padding-inline: 0;
  }
}