.usb-guide-page{max-width:1180px;padding-block:40px 72px}.usb-guide{margin:28px 0 40px;--usb-accent:#edb500}.usb-guide p{line-height:1.7}.usb-guide-intro{margin-bottom:20px}.usb-guide-intro h2{margin:10px 0}.usb-prepare,.usb-finish{padding:20px 24px;border-radius:12px;background:#edf5fc;border-left:4px solid #3878b6;margin:20px 0}.usb-prepare p,.usb-finish p{margin-bottom:0}.usb-finish{background:#edf8f1;border-color:#318268}.usb-steps{list-style:none;padding:0!important;margin:24px 0!important;counter-reset:none}.usb-step{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,1fr);gap:26px;align-items:center;padding:24px 0;border-top:1px solid #d9e2e9}.usb-step:last-child{border-bottom:1px solid #d9e2e9}.usb-lcd-frame{padding:14px;background:linear-gradient(135deg,#39433f,#192722);border-radius:14px;box-shadow:0 8px 24px #18342c1a}.usb-lcd-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px;color:#d1ded6;font-size:10px;letter-spacing:1px}.usb-lcd-label strong{font-size:18px}.usb-lcd{display:block;position:relative;aspect-ratio:3/2;overflow:hidden;background:#000;border:3px solid #101b16;border-radius:3px}.usb-lcd img{display:block;width:100%;height:auto!important;max-height:none!important;border-radius:0!important;margin:0!important;image-rendering:pixelated}.usb-lcd svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.usb-tap{fill:none;stroke:#ffe14b;stroke-width:3}.usb-tap-outer{fill:none;stroke:#000;stroke-width:6}.usb-step-number{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:50%;background:#e6f0fa;color:#28639c;font-weight:800;margin-right:8px}.usb-step-text h3{margin:14px 0 10px;font-size:20px;line-height:1.35}.usb-step-text p{margin:0}.usb-channels{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:24px}.usb-channels a{padding:8px 12px;border:1px solid #b4c9da;border-radius:7px;text-decoration:none}.usb-channels a[aria-current]{color:#fff;background:#28659b;border-color:#28659b}.usb-guide-links{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.usb-other{padding:16px;border:1px solid #d9e2e9;border-radius:10px}.usb-other summary{cursor:pointer;font-weight:700}.usb-other a{display:block;margin-top:12px}.usb-guide a:focus-visible{outline:3px solid #e8ae00;outline-offset:3px}@media(max-width:760px){.usb-step{grid-template-columns:1fr;gap:18px}.usb-step-text{padding:0 4px 8px}.usb-lcd-frame{padding:10px}.usb-prepare,.usb-finish{padding:16px}.usb-guide-page{padding-top:25px}}

.usb-login{margin-top:20px}.usb-login .usb-lcd-frame{max-width:520px;margin:16px auto 0}

/* Keep tap outlines above both classic and METRO images, including Safari. */
.usb-guide .usb-lcd{isolation:isolate}
.usb-guide .usb-lcd>svg{display:block;z-index:2;max-width:none;max-height:none;pointer-events:none}
.usb-guide .usb-lcd>svg>.usb-tap-outer{fill:none;stroke:#000;stroke-width:8;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.usb-guide .usb-lcd>svg>.usb-tap{fill:none;stroke:#ffe14b;stroke-width:4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.guide-theme-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 18px;background:#f4f7fa;border:1px solid #cbd8e4;border-radius:12px}.guide-theme-switch strong{font-size:13px;margin-right:auto}.guide-theme-switch button{font:inherit;font-weight:700;font-size:13px;border:1px solid #9cb6cf;border-radius:7px;padding:10px 18px;background:#fff;color:#204966;cursor:pointer}.guide-theme-switch button[aria-pressed=true]{background:#236aa9;color:#fff;border-color:#236aa9}.guide-theme-switch button:focus-visible{outline:3px solid #e8ae00;outline-offset:3px}.guide-metro-pin-note{display:none}.usb-guide[data-guide-theme=metro] .guide-metro-pin-note{display:block}.usb-guide[data-guide-theme=metro] .usb-lcd img{image-rendering:auto}.guide-screen-dialog{border:1px solid #7e98ad;border-radius:12px;background:#24322d;padding:14px;max-width:min(1050px,96vw);width:960px;max-height:96vh;overflow:auto;color:#fff}.guide-screen-dialog::backdrop{background:#07121bbd}.guide-screen-close{display:block;margin:0 0 12px auto;background:#fff;color:#203b4b;border:0;border-radius:6px;padding:9px 15px;font:inherit;cursor:pointer}.guide-screen-dialog .usb-lcd{width:100%;margin:0}.guide-screen-dialog p{margin:12px 0 0;line-height:1.5}.guide-screen-dialog svg.usb-highlight{z-index:2;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.guide-screen-dialog .usb-highlight .usb-tap{stroke:#ffe14b!important;stroke-width:4;fill:none!important;vector-effect:non-scaling-stroke}.guide-screen-dialog .usb-highlight .usb-tap-outer{stroke:#000!important;stroke-width:8;fill:none!important;vector-effect:non-scaling-stroke}

.guide-screen-dialog[data-guide-theme=metro] .usb-lcd img{image-rendering:auto}

.usb-guide-notice{margin:20px 0;padding:20px 24px;border:1px solid #d8aa36;border-left:4px solid #bb8000;border-radius:12px;background:#fff6d9;color:#664500}.usb-guide-notice p{margin-bottom:0}

.article-main .prose .guide-reference-comparison{table-layout:fixed;width:100%}.article-main .prose .guide-reference-comparison th,.article-main .prose .guide-reference-comparison td{vertical-align:top;overflow-wrap:anywhere}.article-main .prose .guide-reference-comparison img{display:block;width:100%;max-width:100%;height:auto;margin:8px 0;image-rendering:pixelated}

.article-main .prose .guide-reference-comparison img[data-guide-theme=metro]{image-rendering:auto}
