/* WEB-04: focused interactive walkthrough */
.ops-guided-tour{margin:28px 0 22px;padding:30px;border:1px solid #294972;border-radius:18px;background:linear-gradient(136deg,#0b2040,#09172d);box-shadow:0 18px 50px #0413292d;color:#fff}
.ops-guided-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(210px,.65fr);gap:22px;align-items:end}
.ops-guided-kicker{color:#76ddf6;font-size:11px;font-weight:850;letter-spacing:.12em}
.ops-guided-head h3{color:#fff;font-size:clamp(25px,2.6vw,35px);margin:9px 0 12px}
.ops-guided-head p{color:#cbdef3;font-size:14px;line-height:1.7}
.ops-guided-disclosure{border-left:3px solid #00e5d6;padding:12px 14px;background:#123055;border-radius:8px;font-size:12px;line-height:1.6;color:#d6e7f8}
.ops-guided-disclosure-icon{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border:1px solid #7cbedb;border-radius:50%}
.ops-guided-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:25px 0 13px}
.ops-guided-step{display:flex;align-items:center;gap:10px;border:1px solid #426488;border-radius:10px;padding:12px;background:#142b4b;color:#c7d9ed;text-align:left;font:inherit;font-weight:800;font-size:13px;cursor:pointer;transition:background .18s}
.ops-guided-step.is-active,.ops-guided-step:hover{background:#1254a5;color:white;border-color:#42a0ff}
.ops-guided-step:focus-visible,.ops-guided-nav:focus-visible,.ops-guided-image-link:focus-visible{outline:3px solid #00e5d6;outline-offset:3px}
.ops-guided-number{font-size:11px;display:grid;place-items:center;flex:none;width:32px;height:32px;background:#25456c;border-radius:8px;color:#b7dfff}
.ops-guided-step.is-active .ops-guided-number{background:#0066ff;color:#fff}
.ops-guided-panel{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:25px;padding:21px;border:1px solid #345779;border-radius:13px;background:#0d2341}
.ops-guided-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.ops-guided-progress{font-size:11px;letter-spacing:.08em;font-weight:850;color:#6ddcf5}
.ops-guided-copy h4{color:#fff;font-size:clamp(24px,2.5vw,32px);line-height:1.2;margin:13px 0}
.ops-guided-copy>p{font-size:14px;line-height:1.67;color:#d2e3f5}
.ops-guided-details{margin:17px 0;padding-left:20px;color:#d8eafb;font-size:13px;line-height:1.8}
.ops-guided-details li::marker{color:#00e5d6}
.ops-guided-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:auto;padding-top:15px}
.ops-guided-nav{padding:11px 14px;background:#1d385b;border:1px solid #5f7fa1;color:#fff;border-radius:8px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.ops-guided-nav-primary{background:#0066ff;border-color:#0066ff}
.ops-guided-nav:hover:not(:disabled){background:#267bd3}
.ops-guided-nav:disabled{opacity:.5;cursor:not-allowed}
.ops-guided-module{display:inline-block;color:#8edfff;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px;margin-top:17px}
.ops-guided-visual{margin:0;min-width:0;align-self:center}
.ops-guided-image-link{display:block;position:relative;border:1px solid #507da9;border-radius:11px;overflow:hidden;background:#f8fbff}
.ops-guided-image-link img{width:100%;height:auto;max-height:440px;object-fit:contain;display:block;background:#fff}
.ops-guided-image-hint{position:absolute;bottom:10px;right:10px;background:#0b1f4bee;color:#fff;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:750}
.ops-guided-image-hint::after{content:"\00a0\2197"}
.ops-guided-visual figcaption{padding-top:11px;color:#b7d2e9;font-size:11px;line-height:1.55}
@media(max-width:880px){.ops-guided-head,.ops-guided-panel{grid-template-columns:1fr}.ops-guided-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ops-guided-tour{padding:19px 14px}.ops-guided-panel{padding:14px}.ops-guided-step{font-size:12px;gap:7px;padding:9px}.ops-guided-number{width:27px;height:27px}.ops-guided-copy h4{font-size:24px}}
@media(prefers-reduced-motion:reduce){.ops-guided-step{transition:none}}
