.visual-guide{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,290px);gap:32px;align-items:center;padding:32px 0;margin:26px 0;border-top:1px solid #d8d9ce;scroll-margin-top:25px}.visual-guide figure{margin:0}.visual-kicker{font:700 10px/1.4 Arial,sans-serif;letter-spacing:1.6px;color:#786434;margin-bottom:14px}.visual-copy h3{font-size:27px;margin:0 0 20px}.visual-copy ol{padding:0;list-style:none;counter-reset:visualstep}.visual-copy li{position:relative;padding-left:35px;margin:20px 0;font-size:15px;line-height:1.65;counter-increment:visualstep}.visual-copy li:before{content:counter(visualstep);position:absolute;left:0;top:0;border-radius:50%;width:25px;height:25px;background:#ffc531;color:#24251e;text-align:center;font:700 13px/25px Arial}.capture-note{font-size:11px!important;line-height:1.6;color:#717166!important;margin:18px 0 0!important}.screen-zoom{display:block;background:none;border:0;padding:0;width:100%;cursor:zoom-in;color:inherit;text-align:center}.screen-stage{display:block;position:relative;width:100%;line-height:0;border-radius:12px;overflow:hidden;box-shadow:0 10px 28px #17191a15;border:1px solid #deddd5}.screen-stage img{display:block;width:100%;height:auto!important;max-height:none!important}.screen-mark{position:absolute;border:3px solid #ffc531;border-radius:7px;box-shadow:0 0 0 1px #614e1380;pointer-events:none}.screen-mark b{position:absolute;left:-5px;top:-11px;width:23px;height:23px;border-radius:50%;font:700 13px/23px Arial;background:#ffc531;color:#1b211a;box-shadow:0 1px 4px #0003}.zoom-caption{display:block;font-size:11px;margin-top:10px;color:#6d6c60}.guide-photo{margin:28px 0}.guide-photo img{width:100%;height:auto;max-height:none;border-radius:10px}.guide-photo figcaption{font-size:12px;color:#6e6c61;margin-top:10px;line-height:1.6}.desktop-guide{margin:28px 0;padding:22px;background:#eeeee3;border:1px solid #d8d9ce;border-radius:12px}.desktop-guide figcaption strong{font-size:20px}.desktop-guide figcaption p{font-size:14px;margin:10px 0 20px}.desktop-reference{background:#10131a;padding:14px;border-radius:10px;color:#eaeef5;font:14px/1.5 Arial,sans-serif;overflow:hidden;pointer-events:none}.desktop-reference h3{font:700 17px/1.4 Arial,sans-serif;letter-spacing:0}.desktop-reference button{outline:3px solid #ffc531;outline-offset:3px;margin:5px}.desktop-reference input{box-sizing:border-box}.visual-tour{max-width:960px;margin:auto;padding:35px 25px 70px}.visual-tour h1{font-size:clamp(42px,5vw,62px)}.tour-intro{max-width:650px;font-size:18px;color:#686b60;margin:24px 0}.tour-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.tour-jumps a{font-size:12px;padding:9px 14px;border:1px solid #cdd2c0;border-radius:30px}.visual-tour-link{margin:30px auto;max-width:720px;background:#e9ebde;border-radius:10px;padding:22px}.visual-tour-link a{display:block;color:#252b22;text-decoration:none}.visual-tour-link span{display:block;font-size:14px;margin-top:7px}.guide-lightbox{border:0;padding:25px;background:#fbf6ee;max-width:min(650px,95vw);max-height:94vh;border-radius:12px;overflow:auto}.guide-lightbox::backdrop{background:#0f1115d9}.guide-lightbox .lightbox-close{position:sticky;top:0;z-index:3;display:block;margin:0 0 20px auto;background:#151820;color:white;border:0;border-radius:5px;padding:12px 20px;cursor:pointer}.guide-lightbox .screen-stage{max-width:480px;margin:auto}.guide-lightbox h2{font-size:22px;margin:0 0 20px}.guide-lightbox .screen-mark b{width:28px;height:28px;font-size:16px;line-height:28px}@media(max-width:620px){.visual-guide{grid-template-columns:1fr;gap:20px}.visual-guide figure{width:min(290px,100%);margin:0 auto}.visual-copy h3{font-size:24px}.desktop-guide{padding:15px}.desktop-reference{padding:8px}.guide-lightbox{padding:15px}.visual-tour{padding:25px 22px 60px}}
.screen-mark b{left:0}