.deepdoc-hero {
  position: relative;
  padding-top: clamp(64px, 9vw, 112px);
  padding-bottom: clamp(54px, 8vw, 92px);
  overflow-x: clip;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-page);
}

.deepdoc-hero::before,
.deepdoc-hero::after {
  position: absolute;
  z-index: 0;
  border: 1px solid var(--color-arc-accent);
  border-radius: 50%;
  content: "";
  pointer-events: none;
}

.deepdoc-hero::before {
  top: -210px;
  right: -160px;
  width: 520px;
  height: 520px;
}

.deepdoc-hero::after {
  top: -118px;
  right: -68px;
  width: 336px;
  height: 336px;
  border-color: var(--color-arc-rose);
}

.deepdoc-hero .reading-wrap {
  position: relative;
  z-index: 1;
}

.deepdoc-hero h1 {
  max-width: 790px;
  margin-top: 20px;
}

.deepdoc-hero .lead {
  max-width: 790px;
  margin-bottom: 0;
}

.deepdoc-badges {
  margin-top: 28px;
}

.deepdoc-intro {
  max-width: 790px;
  margin-top: 30px;
  padding: 22px 26px;
}

.deepdoc-intro p {
  margin-bottom: 0;
  color: var(--color-muted);
}

.deepdoc-intro strong {
  color: var(--color-text);
}

.deepdoc-body {
  padding-top: clamp(52px, 7vw, 88px);
}

.deepdoc-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 48px;
}

.deepdoc-layout > .jump-toc,
.deepdoc-layout > .deepdoc-article {
  grid-column: 1;
}

.deepdoc-layout .jump-toc {
  top: 12px;
}

.deepdoc-article {
  width: 100%;
  max-width: var(--reading-max);
  margin-inline: auto;
}

.manual-chapter {
  scroll-margin-top: 100px;
}

.manual-chapter + .manual-chapter {
  margin-top: clamp(84px, 10vw, 124px);
}

.manual-chapter h2 {
  margin-top: 0;
  padding-top: 8px;
}

.manual-chapter h3 {
  margin-top: 42px;
}

.manual-chapter p {
  margin-bottom: 20px;
  font-size: 16.5px;
  line-height: 1.9;
}

.manual-chapter .table-scroll {
  margin-top: 28px;
  margin-bottom: 30px;
}

.manual-chapter .data-table {
  font-size: 14px;
  line-height: 1.65;
}

.manual-chapter pre {
  margin-top: 30px;
  margin-bottom: 28px;
}

.client-check-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.client-check-grid .card {
  box-shadow: none;
}

.client-check-grid h3 {
  margin-top: 10px;
}

.client-check-grid ol {
  margin-bottom: 0;
  padding-left: 22px;
  color: var(--color-muted);
}

.client-check-grid li + li {
  margin-top: 8px;
}

.deepdoc-article .end-download-card {
  max-width: 100%;
  margin-top: clamp(84px, 10vw, 124px);
}

@media (min-width: 1080px) {
  .deepdoc-layout {
    grid-template-columns: minmax(220px, 280px) minmax(0, var(--reading-max));
    align-items: start;
    justify-content: center;
    gap: clamp(42px, 5vw, 72px);
  }

  .deepdoc-layout > .jump-toc {
    grid-column: 1;
    display: grid;
    align-self: start;
  }

  .deepdoc-layout > .deepdoc-article {
    grid-column: 2;
  }

  .deepdoc-layout .jump-toc a {
    width: 100%;
  }
}

@media (max-width: 700px) {
  .deepdoc-hero::before {
    top: -150px;
    right: -180px;
    width: 390px;
    height: 390px;
  }

  .deepdoc-hero::after {
    top: -82px;
    right: -112px;
    width: 250px;
    height: 250px;
  }

  .deepdoc-intro {
    padding: 20px;
  }

  .deepdoc-layout {
    gap: 38px;
  }

  .deepdoc-layout .jump-toc {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .deepdoc-layout .jump-toc a {
    justify-content: center;
  }

  .manual-chapter p {
    font-size: 16px;
    line-height: 1.82;
  }

  .client-check-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .deepdoc-layout .jump-toc {
    grid-template-columns: 1fr;
  }

  .deepdoc-layout .jump-toc a {
    justify-content: flex-start;
  }
}