.manual-hero{
  padding-top:clamp(52px,7vw,92px);
  padding-bottom:clamp(58px,8vw,104px);
  background:
    linear-gradient(135deg,var(--color-panel),var(--color-wash-mint) 58%,var(--color-wash-blue));
}
.manual-hero::before{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(var(--color-shadow-soft) 1px,transparent 1px),
    linear-gradient(90deg,var(--color-shadow-soft) 1px,transparent 1px);
  background-size:32px 32px;
  content:"";
  pointer-events:none;
}
.manual-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);
  gap:clamp(38px,7vw,88px);
  align-items:center;
}
.manual-hero-copy{max-width:690px}
.manual-hero-copy h1{max-width:650px}
.manual-hero-copy .lead{max-width:650px;margin-top:22px}
.manual-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.manual-chips{margin-top:24px}
.manual-map{
  position:relative;
  padding:clamp(22px,3vw,32px);
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  background:var(--color-panel);
  color:var(--color-text);
  box-shadow:var(--shadow-layered);
  transform:rotate(1deg);
}
.manual-map::after{
  position:absolute;
  z-index:-1;
  inset:14px -14px -14px 14px;
  border:1px solid var(--color-border);
  border-radius:var(--radius-xl);
  background:var(--color-panel-soft);
  content:"";
}
.manual-map-head{
  display:flex;
  align-items:center;
  gap:10px;
  padding-bottom:16px;
  border-bottom:1px solid var(--color-border);
}
.manual-map-head .mono{
  margin-left:auto;
  color:var(--color-muted);
  font-size:.7rem;
  letter-spacing:.08em;
}
.manual-map-dot{
  width:9px;
  height:9px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--color-success);
  box-shadow:0 0 0 5px var(--color-success-ring);
}
.manual-map-list{
  display:grid;
  gap:0;
  margin-top:12px;
  padding:0;
  list-style:none;
}
.manual-map-list li{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:13px 0;
  border-bottom:1px solid var(--color-border);
}
.manual-map-list li>span{
  color:var(--color-accent-deep);
  font-family:var(--font-mono);
  font-size:.76rem;
  font-weight:700;
}
.manual-map-list strong,.manual-map-list small{display:block}
.manual-map-list small{margin-top:2px;color:var(--color-muted);font-size:.78rem}
.manual-intro{padding-top:40px}
.manual-toc-wrap{padding-top:28px;padding-bottom:12px}
.manual-toc-wrap .toc{top:12px}
.manual-content{
  max-width:920px;
  padding-bottom:clamp(72px,9vw,120px);
}
.manual-chapter{
  scroll-margin-top:92px;
  padding-top:clamp(66px,9vw,108px);
}
.manual-chapter+.manual-chapter{
  margin-top:clamp(18px,3vw,36px);
  border-top:1px solid var(--color-border);
}
.chapter-index{
  margin-bottom:12px;
  color:var(--color-accent-deep);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.08em;
}
.manual-chapter h2{margin-bottom:30px}
.manual-chapter h3{margin-top:1.9em;margin-bottom:.7em}
.manual-chapter p+p{margin-top:1em}
.manual-chapter .callout,
.manual-chapter pre,
.manual-chapter .data-table{margin-top:28px}
.manual-chapter .data-table{
  max-width:100%;
  overflow-x:auto;
  border-radius:var(--radius-md);
  -webkit-overflow-scrolling:touch;
}
.manual-chapter table{min-width:680px}
.manual-chapter pre{
  border-color:var(--color-accent-deep);
  box-shadow:var(--shadow-mid);
}
.diagnosis-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:32px;
}
.diagnosis-grid .card{padding:20px}
.diagnosis-grid h3{margin-top:0;font-size:1.05rem}
.diagnosis-grid p{margin-top:9px;font-size:.9rem}
@media (max-width:900px){
  .manual-hero-grid{grid-template-columns:1fr}
  .manual-map{max-width:680px;transform:none}
  .diagnosis-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .manual-hero{
    padding-top:44px;
    padding-bottom:62px;
  }
  .manual-hero-grid{gap:36px}
  .manual-map{padding:20px}
  .manual-map::after{inset:8px -8px -8px 8px}
  .manual-map-head .mono{display:none}
  .manual-intro{padding-top:26px}
  .manual-toc-wrap{padding-top:20px}
  .manual-chapter{padding-top:58px}
  .manual-chapter table{min-width:620px}
  .manual-actions{align-items:stretch;flex-direction:column}
}