.handbook{
  padding-top:72px;
  padding-bottom:112px;
}
.handbook-intro{
  padding:38px 42px;
  margin-bottom:28px;
  background:linear-gradient(145deg,var(--surface),var(--bg-panel));
  border:1px solid var(--glass-line);
  border-radius:var(--radius-lg);
  box-shadow:0 28px 64px -32px var(--shadow-tint),inset 0 1px 0 var(--surface);
}
.handbook-intro h1{
  margin:20px 0 18px;
  font-size:clamp(52px,5vw,68px);
  line-height:1.12;
}
.handbook-intro .badge{max-width:100%}
.handbook-intro p:last-child{margin-bottom:0}
.handbook-lead{
  font-size:19px;
  line-height:1.7;
  color:var(--text);
  font-weight:550;
}
.handbook .toc-tabs{margin-bottom:42px}
.handbook-chapter{
  padding-bottom:36px;
  border-bottom:1px solid var(--border);
}
.handbook-chapter:last-child{border-bottom:0}
.handbook-chapter h2{margin-top:1.6em}
.handbook-chapter:first-of-type h2{margin-top:0}
.handbook-chapter h3{
  font-size:23px;
  margin-top:1.6em;
}
.handbook-chapter p{color:var(--text-muted)}
.handbook-chapter p a,
.handbook-intro p a{
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.handbook .callout{
  margin:26px 0;
  line-height:1.85;
}
.handbook .table-scroll{
  margin:26px 0;
}
.handbook .table-scroll table{min-width:640px}
.handbook .table-scroll th,
.handbook .table-scroll td{
  vertical-align:top;
  line-height:1.55;
}
.handbook pre{
  margin:22px 0;
  border:1px solid var(--border-soft);
  background:var(--bg-panel2);
}
@media(max-width:768px){
  .handbook{padding-top:40px;padding-bottom:76px}
  .handbook-intro{padding:28px}
  .handbook-intro h1{font-size:clamp(28px,6vw,40px)}
}
@media(max-width:640px){
  .handbook-intro{padding:24px 20px}
  .handbook-lead{font-size:17px}
  .handbook .toc-tabs{margin-bottom:28px}
  .handbook-chapter h3{font-size:21px}
}