.handbook-main{position:relative;z-index:1;min-height:100svh;max-width:1600px;margin:0 auto;padding:120px 4.5vw 80px;display:grid;grid-template-columns:260px minmax(0,780px) 230px;grid-template-areas:"crumb crumb crumb" "side doc toc";gap:34px clamp(32px,4vw,72px);align-items:start}
.handbook-main>.ambient{z-index:-1}
.handbook-breadcrumbs{grid-area:crumb;display:flex;flex-wrap:wrap;gap:9px;color:#6f7b86;font:600 .65rem "Oxanium",sans-serif;letter-spacing:.11em;text-transform:uppercase}
.handbook-breadcrumbs a{color:#8d98a3;text-decoration:none}
.handbook-breadcrumbs a:hover{color:var(--signal)}
.handbook-breadcrumbs i{font-style:normal;color:#3e4852}
.handbook-sidebar{grid-area:side;position:sticky;top:118px;max-height:calc(100svh - 150px);overflow:auto;padding:22px;border:1px solid rgba(245,247,248,.14);background:rgba(12,18,26,.8)}
.handbook-sidebar>.media-code{margin:0 0 16px}
.handbook-sidebar ul{list-style:none;margin:0;padding:0}
.handbook-sidebar ul ul{margin:5px 0 8px 13px;padding-left:13px;border-left:1px solid rgba(245,247,248,.12)}
.handbook-sidebar li{margin:5px 0}
.handbook-sidebar a,.handbook-sidebar span{display:block;padding:5px 7px;color:#929da8;text-decoration:none;font-size:.86rem;line-height:1.35}
.handbook-sidebar span{color:#66717b}
.handbook-sidebar a:hover,.handbook-sidebar a.is-current{color:var(--signal);background:rgba(34,211,166,.07)}
.handbook-doc{grid-area:doc;min-width:0}
.handbook-head{margin-bottom:44px;padding-bottom:34px;border-bottom:1px solid rgba(245,247,248,.14)}
.handbook-head h1{margin:14px 0 18px;font:600 clamp(2.5rem,5vw,4.7rem)/.95 "Oxanium",sans-serif;letter-spacing:-.05em}
.handbook-head>p:last-child{margin:0;color:#aeb8c1;font-size:1.1rem;line-height:1.65}
.handbook-doc .doc-body{max-width:none}
.handbook-doc .doc-nav{margin-top:58px}
.handbook-toc{grid-area:toc;position:sticky;top:118px}

@media(max-width:1150px){
  .handbook-main{grid-template-columns:230px minmax(0,780px);grid-template-areas:"crumb crumb" "side doc";justify-content:center}
  .handbook-toc{display:none}
}

@media(max-width:760px){
  .handbook-main{padding:108px 22px 60px;display:block}
  .handbook-breadcrumbs{margin-bottom:24px}
  .handbook-sidebar{position:static;max-height:none;margin-bottom:38px}
  .handbook-head{margin-bottom:34px}
}