.connection-guide{max-width:1080px;margin-inline:auto}
.connection-guide strong[lang=en]{direction:ltr;unicode-bidi:isolate}
.connection-guide [hidden]{display:none!important}
.guide-preview-label,.guide-eyebrow{color:#78c9ff;font-size:14px;font-weight:700;letter-spacing:.035em}
.guide-picker{padding:24px;margin:28px 0;border:1px solid var(--line);border-radius:12px;background:#081425}
.guide-picker h2{font-size:20px;margin:0 0 12px}
.guide-picker h2:not(:first-child){margin-top:22px}
.guide-choices{display:flex;gap:12px;flex-wrap:wrap}
.guide-choices .btn{flex:1;min-width:100px;min-height:48px;cursor:pointer}
.guide-choices [aria-pressed=true]{background:#164b75;border-color:#80cfff;box-shadow:0 0 0 1px #80cfff;color:white}
.connection-guide :focus-visible{outline:3px solid #ffb06c;outline-offset:4px}
#guide-choice-status{margin:16px 0 0;color:#bdd0e7}
.guide-image-note,.guide-hint,.guide-version{color:#b4c3d7;font-size:14px;line-height:1.6}
.guide-client{scroll-margin-top:25px;margin:32px 0 42px}
.guide-client>header{border-bottom:1px solid var(--line);padding:0 0 15px}
.guide-client h2{font-size:32px;margin:8px 0}
.guide-stage{padding:26px 0;border-bottom:1px solid var(--line)}
.guide-stage-heading{display:flex;align-items:center;gap:14px}
.guide-stage-heading>span{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#164b75;color:white;border:1px solid #65c6ff;border-radius:50%;font-weight:800}
.guide-stage h3{font-size:23px;margin:0}
.guide-stage-copy{max-width:860px}
.guide-stage p,.guide-recovery p{line-height:1.65}
.guide-downloads{display:flex;gap:10px;flex-wrap:wrap}
.guide-downloads a{min-height:44px}
.guide-blocker{border-left:3px solid #fbbf72;padding:10px 14px;background:#261d16;color:#ffe0bb;font-size:14px}
.guide-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;margin:22px 0 0}
.guide-shot{margin:0;min-width:0;background:#07111f;border:1px solid #34445a;border-radius:10px;overflow:hidden}
.guide-shot>a{display:block;background:#111820;cursor:zoom-in}
.guide-shot img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain}
.guide-shot figcaption{padding:13px 15px;font-size:14px;line-height:1.6;color:#e2eaf5}
.guide-shot figcaption span{display:block;color:#9cb7d8;font-size:12px;margin-top:5px}
.guide-small{max-width:800px}
.guide-detail{max-width:360px}
.guide-stage>.guide-shot{max-width:420px;margin-top:20px}
.guide-recovery{border:1px solid var(--line);padding:18px 22px;border-radius:10px;margin-top:24px}
.guide-recovery p{margin:8px 0 0}
.guide-first-launch summary{padding:14px 0;cursor:pointer}
.guide-first-launch{max-width:850px}
.guide-lightbox-bar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;position:sticky;top:0;background:#101c2d;padding-bottom:12px}
.guide-lightbox-bar h2{font-size:20px;margin:0;flex:1}
.guide-lightbox-bar button{min-height:44px;cursor:pointer}
#guide-lightbox{width:min(1280px,94vw);max-width:94vw;max-height:94vh;border:1px solid #7b9fc4;border-radius:10px;padding:18px;background:#101c2d;color:#f2f7ff}
#guide-lightbox::backdrop{background:#000c}
.guide-lightbox-scroll{overflow:auto;max-height:70vh;background:#080e17}
.guide-lightbox-scroll img{display:block;width:auto;max-width:none;height:auto;margin:auto}
#guide-zoom-caption{line-height:1.5}
body.guide-modal-open{overflow:hidden}
@media(max-width:700px){.guide-picker{padding:18px}
.guide-choices{gap:8px}
.guide-choices .btn{min-width:0;padding:10px 8px;font-size:14px}
.guide-client h2{font-size:28px}
.guide-stage{padding:22px 0}
.guide-stage h3{font-size:21px}
.guide-pictures{grid-template-columns:minmax(0,1fr);gap:18px}
.guide-shot{max-width:100%}
.guide-small{max-width:100%}
.guide-downloads{display:grid}
.guide-downloads a{text-align:center}
.guide-lightbox-bar{gap:10px}
.guide-lightbox-bar a{font-size:14px}
}