.guide-intro{padding-top:108px;padding-bottom:42px}
.guide-intro h1{max-width:19em;margin:22px 0 0}
.guide-intro__lead{max-width:48em;margin:24px 0 0;color:var(--text-muted);font-size:18px;line-height:1.8}
.guide-intro__lead a{color:var(--text);text-underline-offset:4px}
.guide-intro__facts{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.guide-intro__facts span{max-width:100%;padding:7px 13px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-panel);color:var(--text-muted);font:12px/1.5 var(--font-mono)}
.guide-body{padding-top:40px}
.guide-step{position:relative;padding-bottom:72px;border-bottom:1px solid var(--border)}
.guide-step+.guide-step{padding-top:68px}
.guide-step__marker{color:var(--text-muted);font:12px/1.5 var(--font-mono);letter-spacing:.06em}
.guide-step h2{margin:12px 0 30px;scroll-margin-top:96px}
.guide-step h2:first-of-type{margin-top:12px}
.guide-step p{max-width:46em;margin:0 0 20px;color:var(--text-muted)}
.guide-step p:last-child{margin-bottom:0}
.guide-step a{color:var(--text)}
.guide-next{padding-top:80px;padding-bottom:50px}
.guide-next h2{margin:16px 0}
.guide-next p{max-width:44em;color:var(--text-muted)}
.guide-next .btn{margin-top:12px}
@media(max-width:640px){
  .guide-intro{padding-top:64px;padding-bottom:30px}
  .guide-intro__lead{font-size:16px}
  .guide-body{padding-top:22px}
  .guide-step{padding-bottom:52px}
  .guide-step+.guide-step{padding-top:52px}
  .guide-next{padding-top:64px}
}