.guide-panel{gap:18px}.guide-panel>h2{margin:0}.guide-need{display:grid;gap:10px;padding:14px 16px;border:1px solid var(--onb-line);border-radius:14px;background:var(--onb-card)}.guide-need-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.guide-need-list li{position:relative;padding-left:22px;font-size:14px;line-height:1.45;font-weight:400;color:var(--onb-ink)}.guide-need-list li:before{content:"";position:absolute;left:2px;top:.45em;width:9px;height:9px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px var(--onb-lime)}.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:none}.guide-step{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:18px;align-items:center;padding:16px;border:1px solid var(--onb-line);border-radius:14px;background:var(--onb-card);scroll-margin-top:12px}.guide-step-text{display:flex;gap:12px;align-items:flex-start;min-width:0}.guide-step-num{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--onb-lime);color:var(--onb-on-ink);font-size:13px;font-weight:600}.guide-step .onb-title{margin:0 0 6px}.guide-step .onb-note{margin:0 0 10px}.guide-points{list-style:none;margin:0;padding:0;display:grid;gap:6px}.guide-points li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.5;font-weight:400;color:var(--onb-ink)}.guide-points li:before{content:"";position:absolute;left:2px;top:.62em;width:5px;height:5px;border-radius:50%;background:var(--onb-lime)}.guide-links{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0 0;font-size:13px}.guide-links a{color:var(--onb-ink);text-decoration:underline;text-underline-offset:3px;font-weight:500}.guide-links a:hover{color:var(--onb-lime);text-decoration-color:var(--onb-lime)}.guide-art{display:block;width:100%;max-width:200px;height:auto;justify-self:end}.guide-art .ga-card{fill:rgba(255,255,255,.04);stroke:rgba(255,255,255,.22);stroke-width:1}.guide-art .ga-card-on{fill:rgba(255,255,255,.1);stroke:var(--onb-lime);stroke-width:1.5}.guide-art .ga-card-stroke{stroke:var(--onb-paper);stroke-width:2;fill:none}.guide-art .ga-field{fill:rgba(255,255,255,.1);stroke:rgba(255,255,255,.34);stroke-width:1}.guide-art .ga-field-strong{fill:rgba(255,255,255,.12);stroke:rgba(255,255,255,.5);stroke-width:1}.guide-art .ga-line{fill:rgba(255,255,255,.5)}.guide-art .ga-line-soft{fill:rgba(255,255,255,.28)}.guide-art .ga-line-stroke{stroke:rgba(255,255,255,.6);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.guide-art .ga-line-ring{fill:none;stroke:rgba(255,255,255,.6);stroke-width:2.5}.guide-art .ga-ink,.guide-art .ga-ink-fill{fill:#FFFFFF}.guide-art .ga-lime{fill:var(--onb-lime)}.guide-art .ga-lime-stroke{stroke:var(--onb-lime);stroke-width:3;stroke-linecap:round;fill:none}.guide-art .ga-on-lime{fill:var(--onb-on-ink)}.guide-art .ga-on-lime-stroke{stroke:var(--onb-on-ink);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.guide-art .ga-hero{fill:rgba(255,255,255,.1)}.guide-art .ga-whale{fill:rgba(255,255,255,.88)}.guide-art .ga-pill{fill:transparent;stroke:var(--onb-lime);stroke-width:1.5}.guide-actions{position:sticky;bottom:0;margin-top:auto;padding:14px 0 20px;background:var(--onb-paper);border-top:1px solid var(--onb-line);display:flex;gap:10px;flex-wrap:wrap}.guide-actions .auth-btn{flex:1 1 180px;width:auto}@media(max-width:1100px){.guide-step{grid-template-columns:1fr}.guide-art{justify-self:start;max-width:260px}}@media(max-width:850px){.guide-panel{padding:28px 20px 0}.guide-step{padding:14px}}@media(prefers-reduced-motion:reduce){.guide-links a{transition:none}}