.guide-hero h1{max-width:1000px}.guide-hero p{max-width:730px}.guide-role-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0}.guide-role-tab{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 16px;text-align:left;background:var(--surface);border:1px solid var(--line,#35404e);color:inherit;border-radius:14px;font:inherit;font-size:14px;cursor:pointer}.guide-role-tab[aria-selected=true]{background:#2466df;color:white;border-color:#2466df}.guide-number{font-size:12px;opacity:.7}.guide-scene{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.5fr);gap:40px;align-items:start}.guide-scene[hidden]{display:none}.guide-copy h2{font-size:clamp(25px,3vw,40px);line-height:1.15;margin:16px 0}.guide-copy p,.guide-copy li,.guide-next{font-size:15px;line-height:1.7}.guide-copy ol{padding-left:20px}.guide-copy li{padding:7px 0 7px 5px}.guide-next{padding:16px;border-left:3px solid #4087ef;background:#4087ef12;border-radius:0 10px 10px 0}.guide-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.guide-product{margin:0;min-width:0;border:1px solid var(--line,#35404e);border-radius:18px;overflow:hidden;background:#101820;box-shadow:0 24px 60px #0003}.guide-frame-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;color:#eaf1f7;font-size:12px}.guide-image-button{border:0;background:transparent;padding:0;width:100%;display:block;cursor:zoom-in}.guide-image-button img{display:block;width:100%;height:auto}.guide-product figcaption{font-size:11px;line-height:1.5;padding:12px 16px;color:#bfccd9}.guide-lightbox{width:min(1400px,96vw);max-width:96vw;max-height:94dvh;padding:0;background:#101820;color:#eaf1f7;border:1px solid #56616e;border-radius:18px}.guide-lightbox::backdrop{background:#000b;backdrop-filter:blur(6px)}.guide-lightbox-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;position:sticky;top:0;background:#101820;z-index:1}.guide-lightbox-bar>div{display:flex;gap:8px;flex-wrap:wrap}.guide-lightbox-scroll{overflow:auto;max-height:calc(94dvh - 130px)}.guide-lightbox img{display:block;width:100%;height:auto;margin:0 auto}.guide-lightbox[data-device=mobile] img{max-width:390px}.guide-lightbox>p{font-size:12px;padding:12px 16px;margin:0;color:#bfccd9}.guide-role-tab:focus-visible,.guide-image-button:focus-visible{outline:3px solid #80b4ff;outline-offset:3px}#walkthrough{scroll-margin-top:90px}
@media(max-width:1000px){.guide-scene{grid-template-columns:1fr;gap:26px}.guide-copy{max-width:780px}.guide-role-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guide-hero h1{font-size:38px}.guide-role-tab{font-size:13px;padding:12px;min-height:60px;gap:8px}.guide-product{max-width:390px;margin:0 auto}.guide-image-button img{max-height:620px;object-fit:cover;object-position:top}.guide-frame-bar{padding:10px;font-size:11px}.guide-copy h2{font-size:28px}.guide-lightbox-bar{align-items:flex-start}.guide-lightbox-bar .btn{min-height:44px;padding:8px}.guide-lightbox-bar>strong{display:none}.guide-controls .btn{flex:1;min-height:44px}.guide-lightbox{max-height:96dvh}.guide-lightbox-scroll{max-height:calc(96dvh - 150px)}}