.solution-steps{padding:clamp(1.75rem,1.286rem + 1.91vw,3rem) 0}.solution-steps .narrow-container{max-width:760px}.solution-steps .steps-lead{color:#555;font-size:clamp(.9375rem,.891rem + .2vw,1.0625rem);line-height:1.65;margin:0 auto clamp(1.375rem,1.189rem + .77vw,1.875rem);max-width:640px;text-align:center}.solution-steps .steps-list{display:flex;flex-direction:column;gap:clamp(.875rem,.736rem + .58vw,1.25rem);list-style:none;margin:0;padding:0}.solution-steps .step-item{background:#fff;border:1px solid #ececec;border-radius:12px;display:flex;gap:16px;padding:clamp(1rem,.861rem + .58vw,1.375rem)}.solution-steps .step-number{align-items:center;background:#1e96eb17;border-radius:50%;color:var(--brand);display:flex;flex-shrink:0;font-size:15px;font-weight:500;height:32px;justify-content:center;width:32px}.solution-steps .step-title{color:#000;font-size:16px;font-weight:500;letter-spacing:-.01em;margin:4px 0 6px}.solution-steps .step-body{color:#555;font-size:15px;line-height:1.6;margin:0}.solution-steps .steps-code{margin-top:clamp(1rem,.861rem + .58vw,1.375rem)}.solution-steps .steps-code pre{background:#16181d;border-radius:12px;margin:0;overflow-x:auto;padding:clamp(1rem,.861rem + .58vw,1.375rem)}.solution-steps .steps-code code{color:#d6e4f5;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:13.5px;line-height:1.7;white-space:pre}.solution-steps .steps-code .code-caption{color:#9a9a9a;font-size:12px;margin:8px 4px 0}html.dark .solution-steps .steps-lead{color:#a0a0a0}html.dark .solution-steps .step-item{background:#1a1a1a;border-color:#2a2a2a}html.dark .solution-steps .step-number{background:#1e96eb29}html.dark .solution-steps .step-title{color:#fff}html.dark .solution-steps .step-body{color:#a0a0a0}html.dark .solution-steps .steps-code pre{background:#101216;border:1px solid #2a2a2a}
