.guide-intro{padding-top:72px;padding-bottom:64px;background:var(--bg-top)}
.guide-intro-inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);align-items:center;gap:clamp(28px,5vw,72px)}
.guide-intro h1{margin-top:20px}
.guide-lead{max-width:750px;margin-top:22px;font-size:19px;line-height:1.75;color:var(--muted)}
.guide-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.guide-notice{align-self:center}
.guide-body{padding-bottom:80px}
.guide-body>.toc-tabs{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
.guide-step{display:grid;grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);padding-block:64px;border-bottom:1px solid var(--border)}
.guide-step-label{display:flex;align-items:flex-start;gap:16px;color:var(--accent);font-weight:700}
.guide-step-line{height:1px;flex:1;margin-top:14px;background:var(--border)}
.guide-step-content{min-width:0;max-width:860px}
.guide-step-content h2{margin-bottom:24px}
.guide-step-content p{line-height:1.85}
.guide-step-content .text-link{display:inline-block;margin-top:18px}
.guide-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-block:28px}
.guide-platform{min-width:0;padding:24px;border-radius:var(--r-md);background:var(--panel);box-shadow:inset 0 0 0 1px var(--border)}
.guide-platform h3{margin-bottom:12px}
.guide-step-last{border-bottom:0}
@media(max-width:768px){.guide-intro{padding-block:48px}.guide-intro-inner,.guide-step{grid-template-columns:1fr}.guide-step{gap:20px;padding-block:48px}.guide-notice{max-width:650px}}
@media(max-width:640px){.guide-platforms{grid-template-columns:1fr}.guide-platform{padding:20px}}
