.deepdoc-hero{
  position:relative;
  overflow:hidden;
  padding-top:88px;
  padding-bottom:72px;
  border-bottom:1px solid var(--color-border);
  background:var(--color-panel-alt)
}
.deepdoc-hero-inner{
  position:relative;
  text-align:center
}
.deepdoc-glow{
  position:absolute;
  top:-190px;
  left:50%;
  width:760px;
  height:480px;
  transform:translateX(-50%);
  border-radius:var(--radius-pill);
  background:
    radial-gradient(circle at 30% 52%,var(--color-glow-blue),transparent 58%),
    radial-gradient(circle at 70% 44%,var(--color-glow-cyan),transparent 56%),
    radial-gradient(circle at 52% 70%,var(--color-glow-violet),transparent 62%);
  filter:blur(18px);
  pointer-events:none
}
.deepdoc-title{
  position:relative;
  max-width:900px;
  margin:22px auto 0
}
.deepdoc-lead{
  position:relative;
  max-width:780px;
  margin:22px auto 0;
  color:var(--color-muted);
  font-size:clamp(17px,2vw,21px)
}
.deepdoc-facts{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 24px;
  margin-top:28px;
  color:var(--color-accent-dark);
  font:700 13px/1.5 var(--font-mono)
}
.deepdoc-facts span{
  display:inline-flex;
  align-items:center;
  min-height:28px
}
.deepdoc-facts span+span::before{
  content:"";
  width:5px;
  height:5px;
  margin-right:24px;
  border-radius:var(--radius-pill);
  background:var(--color-border)
}
.deepdoc-layout{
  padding-top:72px;
  padding-bottom:112px
}
.deepdoc-article{
  max-width:960px;
  margin-inline:auto
}
.manual-intro{
  margin-bottom:34px;
  color:var(--color-muted);
  font-size:17px
}
.manual-intro a{
  font-weight:750
}
.manual-section{
  position:relative;
  padding-top:42px;
  padding-bottom:56px
}
.manual-section+.manual-section{
  border-top:1px solid var(--color-border)
}
.chapter-mark{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  color:var(--color-accent);
  font:750 12px/1.4 var(--font-mono);
  letter-spacing:.12em
}
.chapter-mark::before{
  content:"";
  width:10px;
  height:10px;
  flex:0 0 auto;
  border:2px solid var(--color-accent);
  border-radius:var(--radius-pill);
  background:var(--color-panel);
  box-shadow:0 0 0 5px var(--color-panel-alt)
}
.manual-section h2{
  max-width:800px;
  margin-top:0
}
.manual-section h3{
  position:relative;
  margin-top:38px;
  padding-left:20px;
  font-size:clamp(21px,2.4vw,27px)
}
.manual-section h3::before{
  content:"";
  position:absolute;
  top:.42em;
  left:0;
  width:8px;
  height:8px;
  border-radius:var(--radius-pill);
  background:var(--color-success)
}
.manual-section p{
  line-height:1.9
}
.manual-section .callout,
.manual-section .table-scroll,
.manual-section pre{
  margin-top:28px;
  margin-bottom:28px
}
.manual-section .table-scroll{
  box-shadow:var(--shadow-soft)
}
.manual-section pre{
  border:1px solid var(--color-accent-dark);
  box-shadow:var(--shadow-card)
}
.manual-section code{
  font-size:13px
}
.manual-section::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-34px;
  width:1px;
  background:var(--color-border)
}
.manual-section::after{
  content:"";
  position:absolute;
  top:48px;
  left:-39px;
  width:11px;
  height:11px;
  border:2px solid var(--color-accent);
  border-radius:var(--radius-pill);
  background:var(--color-bg)
}
@media (max-width:1080px){
  .manual-section::before,
  .manual-section::after{
    display:none
  }
}
@media (max-width:768px){
  .deepdoc-hero{
    padding-top:64px;
    padding-bottom:54px
  }
  .deepdoc-glow{
    top:-130px;
    width:520px;
    height:360px
  }
  .deepdoc-layout{
    padding-top:52px;
    padding-bottom:84px
  }
  .manual-intro{
    padding:22px;
    font-size:16px
  }
  .manual-section{
    padding-top:34px;
    padding-bottom:46px
  }
  .manual-section h3{
    margin-top:32px
  }
}
@media (max-width:640px){
  .deepdoc-hero{
    padding-top:48px;
    padding-bottom:46px
  }
  .deepdoc-facts{
    align-items:center;
    flex-direction:column;
    gap:5px
  }
  .deepdoc-facts span+span::before{
    display:none
  }
  .deepdoc-layout{
    padding-top:38px;
    padding-bottom:68px
  }
  .manual-intro{
    padding:18px
  }
  .manual-section h3{
    padding-left:17px
  }
  .manual-section .callout{
    padding-right:18px
  }
}