.guide-lead{position:relative;z-index:1;padding-top:72px;padding-bottom:76px;text-align:center}
.guide-lead h1{margin-top:18px}
.guide-lead>p{max-width:680px;margin:18px auto 0;color:var(--text-muted);font-size:18px}
.guide-lead__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:25px}
.guide-body{max-width:calc(980px + var(--gutter)*2)}
.guide-body>.callout{max-width:78ch;margin-bottom:26px;line-height:1.8}
.guide-body .toc-tabs{margin-bottom:45px}
.guide-step{display:grid;grid-template-columns:118px minmax(0,1fr);gap:27px;min-width:0;padding-top:38px;padding-bottom:46px;border-top:1px solid var(--border)}
.guide-step__rail{padding-top:7px}
.guide-step__rail span{display:inline-flex;align-items:center;min-height:30px;padding:2px 13px;border:1px solid var(--leaf-200);border-radius:var(--r-pill);background:var(--leaf-50);color:var(--leaf-700);font:600 12px/1.5 var(--f-mono)}
.guide-step__content{min-width:0}
.guide-step__content h2{margin-top:0}
.guide-step__content h3{padding-top:5px}
.guide-step__content p{line-height:1.85}
.guide-step__content p:first-of-type{margin-top:19px}
.guide-step__content a{overflow-wrap:anywhere}
@media(max-width:768px){
  .guide-lead{padding-top:55px;padding-bottom:60px}
  .guide-lead>p{font-size:16px}
  .guide-step{grid-template-columns:1fr;gap:12px;padding-top:31px;padding-bottom:37px}
  .guide-step__rail{padding-top:0}
}
@media(max-width:640px){
  .guide-lead{padding-top:42px;padding-bottom:49px}
  .guide-lead__actions .btn{padding-inline:20px}
  .guide-body .toc-tabs{margin-bottom:30px}
}