.deepdoc-hero{
  position:relative;
  overflow-x:clip;
  padding-top:clamp(4rem,8vw,7rem);
  padding-bottom:clamp(3.5rem,7vw,6rem);
  border-bottom:1px solid var(--color-line);
}
.deepdoc-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);
  align-items:end;
  gap:clamp(2rem,6vw,5rem);
}
.deepdoc-intro{
  min-width:0;
  max-width:52rem;
}
.deepdoc-intro h1{
  max-width:12em;
  margin-top:1rem;
}
.deepdoc-intro .lead{
  max-width:44rem;
}
.deepdoc-facts{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:1.7rem;
}
.deepdoc-facts span{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:.35rem .8rem;
  border:1px solid var(--color-line);
  border-radius:var(--radius-pill);
  background:var(--color-surface);
  color:var(--color-ink-soft);
  font-family:var(--font-mono);
  font-size:.76rem;
}
.deepdoc-guide-card{
  position:relative;
  min-width:0;
}
.deepdoc-guide-card h2{
  font-size:clamp(1.45rem,2.4vw,2rem);
}
.deepdoc-guide-card p:last-child{
  margin-bottom:0;
}
.deepdoc-guide-card a,
.deepdoc-section a{
  color:var(--color-accent);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.2em;
}
.deepdoc-orbits{
  position:absolute;
  top:50%;
  left:8%;
  width:32rem;
  height:32rem;
  transform:translateY(-50%);
  pointer-events:none;
  opacity:.62;
}
.deepdoc-orbits span{
  position:absolute;
  inset:0;
  border:1px solid var(--color-line);
  border-radius:50%;
}
.deepdoc-orbits span:nth-child(2){
  transform:rotate(34deg) scaleY(.44);
}
.deepdoc-orbits span:nth-child(3){
  transform:rotate(-28deg) scaleY(.6);
}
.deepdoc-article{
  padding-top:2rem;
  padding-bottom:var(--section-space);
}
.deepdoc-article>.toc-tabs{
  margin-bottom:0;
}
.deepdoc-section{
  position:relative;
  max-width:980px;
  padding-top:var(--section-space);
  padding-bottom:var(--section-space);
  margin-inline:auto;
  border-bottom:1px solid var(--color-line);
}
.deepdoc-section:last-of-type{
  border-bottom:0;
}
.deepdoc-section .section-head{
  max-width:830px;
}
.deepdoc-section p,
.deepdoc-section li{
  color:var(--color-ink-soft);
}
.deepdoc-section>p,
.deepdoc-section>h3,
.deepdoc-section>.callout,
.deepdoc-section>pre{
  max-width:var(--line-readable);
}
.deepdoc-section h3{
  margin-top:2.4rem;
  margin-bottom:.8rem;
}
.deepdoc-section .table-scroll{
  margin-top:2rem;
  margin-bottom:2rem;
}
.chapter-mark{
  position:absolute;
  top:var(--section-space);
  right:0;
  color:var(--color-line);
  font-family:var(--font-mono);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.15em;
  writing-mode:vertical-rl;
}
.workflow-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:2rem;
  margin-bottom:2rem;
}
.workflow-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
}
.workflow-card h3{
  margin-top:1rem;
}
.workflow-card p{
  margin-bottom:0;
}
.deepdoc-article>.end-promo{
  margin-top:var(--section-space);
}
@media(max-width:980px){
  .deepdoc-hero-grid{
    grid-template-columns:1fr;
    align-items:start;
  }
  .deepdoc-guide-card{
    max-width:46rem;
  }
  .deepdoc-orbits{
    left:auto;
    right:-10rem;
  }
}
@media(max-width:768px){
  .deepdoc-hero{
    padding-top:3rem;
    padding-bottom:3rem;
  }
  .deepdoc-orbits{
    display:none;
  }
  .deepdoc-section{
    padding-top:var(--section-space);
    padding-bottom:var(--section-space);
  }
  .chapter-mark{
    display:none;
  }
  .workflow-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .deepdoc-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .deepdoc-facts span{
    justify-content:center;
    text-align:center;
  }
}