.handbook-hero{
  position:relative;
  max-width:100%;
  overflow-x:clip;
  padding-top:76px;
  padding-bottom:82px;
  background:linear-gradient(180deg,var(--hero-top),var(--hero-bottom));
}
.handbook-hero::before{
  position:absolute;
  right:5%;
  bottom:-110px;
  width:min(52vw,680px);
  height:420px;
  pointer-events:none;
  content:"";
  background:radial-gradient(ellipse,var(--accent-wash),var(--transparent) 70%);
  filter:blur(34px);
  opacity:.72;
}
.handbook-hero-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  align-items:center;
  gap:72px;
}
.handbook-hero-copy{min-width:0}
.handbook-hero h1{
  max-width:780px;
  margin-top:18px;
}
.handbook-lede{
  max-width:720px;
  margin-top:20px;
  color:var(--text-muted);
  font-size:19px;
  line-height:1.75;
}
.handbook-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.handbook-actions .btn{white-space:nowrap;flex-shrink:0}
.handbook-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin-top:24px;
  color:var(--text-muted);
  font:600 13px/1.5 var(--font-mono);
  list-style:none;
}
.handbook-facts li{
  position:relative;
  padding-left:13px;
}
.handbook-facts li::before{
  position:absolute;
  top:.58em;
  left:0;
  width:6px;
  height:6px;
  border-radius:var(--radius-round);
  background:var(--success);
  content:"";
}
.handbook-index-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:var(--radius-l);
  background:var(--bg-panel);
  box-shadow:var(--shadow-panel);
  transform:rotate(1.5deg);
}
.handbook-card-bar{
  display:flex;
  gap:7px;
  padding:13px 15px;
  border-bottom:1px solid var(--border-soft);
  background:var(--bg-side);
}
.handbook-card-dot{
  display:block;
  width:10px;
  height:10px;
  border-radius:var(--radius-round);
}
.handbook-card-dot.dot-red{background:var(--traffic-red)}
.handbook-card-dot.dot-yellow{background:var(--traffic-yellow)}
.handbook-card-dot.dot-green{background:var(--traffic-green)}
.handbook-card-body{padding:28px}
.handbook-card-label{
  color:var(--text-soft);
  font:650 11px/1 var(--font-mono);
  letter-spacing:.12em;
}
.handbook-card-body strong{
  display:block;
  margin-top:11px;
  color:var(--accent);
  font:800 25px/1.25 var(--font-display);
}
.handbook-card-route{
  display:grid;
  gap:9px;
  margin-top:25px;
}
.handbook-card-route span{
  padding:9px 11px;
  border:1px solid var(--border-soft);
  border-radius:var(--radius-s);
  color:var(--text);
  background:var(--bg-side);
  font-weight:700;
}
.handbook-card-route i{
  width:1px;
  height:12px;
  margin-left:20px;
  background:var(--border-strong);
}
.handbook-card-platforms{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:24px;
}
.handbook-card-platforms span{
  padding:5px 7px;
  border-radius:var(--radius-xs);
  color:var(--accent);
  background:var(--accent-soft);
  font:650 10px/1.2 var(--font-mono);
}
.handbook-article{position:relative}
.handbook-intro,
.manual-section{
  width:100%;
  max-width:900px;
  margin-inline:auto;
}
.handbook-intro{
  padding:28px;
  border:1px solid var(--border);
  border-radius:var(--radius-l);
  background:var(--bg-panel);
  box-shadow:var(--shadow-soft);
  font-size:16px;
}
.manual-section{
  padding-top:82px;
  padding-bottom:8px;
}
.manual-section + .manual-section{
  margin-top:72px;
  border-top:1px solid var(--border);
}
.manual-section-head{
  margin-bottom:34px;
}
.manual-section-head h2{margin-top:8px}
.manual-section-head > p{
  max-width:760px;
  margin-top:13px;
  color:var(--text-muted);
  font-size:17px;
}
.manual-chapter{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:5px 10px;
  border-radius:var(--radius-xs);
  color:var(--accent);
  background:var(--accent-soft);
  font:700 12px/1.2 var(--font-mono);
}
.manual-section h3{
  position:relative;
  padding-left:17px;
}
.manual-section h3::before{
  position:absolute;
  top:.3em;
  bottom:.3em;
  left:0;
  width:4px;
  border-radius:var(--radius-round);
  background:var(--warning);
  content:"";
}
.manual-section p,
.manual-section li{
  font-size:16px;
  line-height:1.9;
}
.manual-section .table-scroll{margin-top:28px}
.manual-section .table-scroll + p{margin-top:24px}
.manual-section table th{
  white-space:nowrap;
  word-break:keep-all;
}
.manual-section table td{word-break:keep-all}
.manual-section pre{
  margin-top:22px;
  margin-bottom:22px;
}
.manual-section .callout{margin-top:28px}
.manual-finish{
  margin-top:48px;
  padding:28px;
  border:1px solid var(--border);
  border-radius:var(--radius-l);
  background:linear-gradient(145deg,var(--warning-soft),var(--bg-panel));
  box-shadow:var(--shadow-soft);
}
.manual-finish h3{color:var(--warning-dark)}
.manual-finish ul{margin-top:20px}
.manual-finish p{margin-top:24px}
@media (max-width:960px){
  .handbook-hero-inner{
    grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);
    gap:38px;
  }
}
@media (max-width:768px){
  .handbook-hero{
    padding-top:58px;
    padding-bottom:64px;
  }
  .handbook-hero-inner{grid-template-columns:1fr}
  .handbook-index-card{display:none}
  .handbook-lede{font-size:17px}
  .manual-section{
    padding-top:66px;
  }
  .manual-section + .manual-section{
    margin-top:56px;
  }
}
@media (max-width:640px){
  .handbook-hero{
    padding-top:46px;
    padding-bottom:54px;
  }
  .handbook-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .handbook-actions .btn{width:100%}
  .handbook-facts{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .handbook-intro{padding:21px}
  .manual-section{
    padding-top:56px;
  }
  .manual-section + .manual-section{
    margin-top:46px;
  }
  .manual-section p,
  .manual-section li{
    font-size:15.5px;
    line-height:1.85;
  }
  .manual-finish{padding:21px}
}