/* Existing, tested explorer behavior. Brand palette and reading sizes follow the new brochure. */
.solutions-page .page-intro{background:white}.sx-explorer{--sx-ink:#081724;--sx-panel:#102331;--sx-line:#355168;--sx-copy:#c6d4df;--sx-white:#fff;--sx-red:#2758c8;font-family:Arial,Helvetica,sans-serif}.sx-toolbar{border-top:0;background:#102331;padding-inline:22px}.sx-workspace{border:0}.sx-detail{background:#102331;border-left:0}.sx-explorer .sx-detail h2{font-size:31px;line-height:1.15;font-style:normal}.sx-explorer .sx-fact-note{font-size:13px;color:#5b6872}.sx-explorer .sx-scene-caption{font-size:13px}.sx-detail-figure figcaption{font-size:13px}.sx-explorer button,.sx-explorer a{font-size:15px}.sx-explorer .sx-image-action{font-size:13px!important}.sx-tabs button{font-size:20px}.sx-next{font-size:15px!important}.sx-next:hover{background:#1947b3}.sx-next:active{background:#153a90}.sx-image-well{background:#193448}.sx-image-dialog{background:#102331}.sx-explorer .sx-description{font-size:17px}.sx-back{font-size:14px!important}.sx-explorer .sx-image-action:hover{color:#a6d0e8}.sx-component-choices button[aria-pressed=true]{border-color:#2758c8}.sx-hotspot[aria-pressed=true] .sx-point{border-color:white}.sx-explorer .sx-fact-note{max-width:100%}.sx-explorer svg{stroke:currentColor;fill:none}.sx-dialog-bottom p{font-size:13px}.sx-component-feature>span{font-size:15px}.sx-component-choices span{font-size:14px}.sx-sr-only{color:#102331}.sx-explorer button:focus-visible,.sx-explorer a:focus-visible,.sx-explorer [tabindex]:focus-visible{outline-color:#a6d0e8}.sx-scene--server,.sx-scene--components{background:#081724}.sx-scene,.sx-rack-art{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.16,1,.3,1)}
@media(max-width:880px){.sx-detail{padding:26px 22px}.sx-explorer .sx-detail h2{font-size:29px}.sx-explorer .sx-tabs{gap:26px}}
@media(max-width:680px){.solutions-page .page-intro h1{font-size:43px}.sx-toolbar{padding-inline:12px;gap:12px}.sx-explorer .sx-tabs{gap:20px}.sx-tabs button{font-size:17px}.sx-back{font-size:13px!important;padding-left:0}.sx-detail{padding:25px 22px}.sx-explorer .sx-detail h2{font-size:29px}.sx-explorer .sx-description{font-size:17px}.sx-explorer .sx-fact-note{font-size:13px}.sx-explorer .sx-scene-caption{font-size:13px}.sx-explorer .sx-next{font-size:15px!important}.sx-scene--rack{min-height:450px}.sx-scene--rack .sx-rack-art{object-position:center}.sx-hotspot--distribution{left:74%}.sx-hotspot--server{left:74%}.sx-explorer .sx-scene-caption{left:14px;right:14px}.sx-dialog-bottom p{font-size:13px}.sx-hotspot{font-size:13px!important}.sx-explorer .sx-back svg{width:17px}.sx-tabs button{padding-block:15px}.sx-tabs{align-self:center}.sx-toolbar{min-height:65px}}

.sx-explorer .sx-hotspot,.sx-explorer .sx-scene-caption{text-shadow:none;background:#081724d9}
.sx-explorer .sx-scene-caption{padding:7px 9px;max-width:70ch}
.sx-explorer .sx-fact-note{max-width:70ch}
.sx-hotspot:hover,.sx-hotspot:focus-visible,.sx-hotspot.is-highlighted{background:#102331}
.sx-motion-controls{display:flex;justify-content:flex-end;margin-top:12px;min-height:44px}
.sx-motion-toggle{background:none;border:0;padding:10px 0 10px 18px;min-height:44px;color:#102331;font-size:14px}
.sx-motion-toggle:focus-visible{outline-color:#2758c8!important}
@media(max-width:680px){.sx-scene--rack{min-height:360px;height:360px}.sx-scene--rack .sx-rack-art{inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.sx-hotspot--distribution{left:auto;right:0;top:40%;max-width:130px}.sx-hotspot--server{left:auto;right:0;top:63%;max-width:115px}.sx-scene--rack .sx-scene-caption{bottom:8px;font-size:13px;line-height:1.4}.sx-explorer .sx-back{min-height:44px}}

.sx-spatial-plane{position:absolute;inset:0;transform-origin:50% 50%;overflow:visible}.sx-scene{isolation:isolate}.sx-scene-caption{z-index:3;pointer-events:none}.sx-component-choices{z-index:3}.sx-motion-toggle:hover{text-decoration:underline;text-underline-offset:5px}@media(prefers-reduced-motion:reduce){.sx-spatial-plane{transform:none!important}}

.sx-explorer .sx-motion-toggle{color:#102331;background:#f4f5f3;padding:10px 16px}

/* Solutions interaction edition: stable context, real image foreground, bounded focus. */
.sx-stage{overflow:hidden;min-height:610px;background:#081724}
.sx-context-backdrop{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 420ms ease-out}
.sx-context-backdrop img{width:100%;height:100%;object-fit:cover;filter:brightness(.38);opacity:.55}
.sx-explorer:not([data-sx-layer="rack"]) .sx-context-backdrop{opacity:1}
.sx-scene{min-height:610px;background:transparent!important}
.sx-context-trail{position:absolute;z-index:5;top:18px;left:18px;display:flex;align-items:center;gap:7px;background:#102331eb;padding:8px 10px}
.sx-context-trail>svg{width:13px;height:13px;color:#9ab6c8}
.sx-context-trail button{background:none;border:0;color:#c6d4df;display:flex;align-items:center;gap:8px;padding:6px;min-height:44px;font-size:13px!important}
.sx-context-trail button>img{width:44px;height:31px;object-fit:contain}
.sx-context-trail button:first-child>img{object-fit:cover}
.sx-context-trail button[aria-current="step"]{color:white;background:#2758c8}
.sx-context-trail button:hover{color:white;background:#193d58}
.sx-context-trail button[aria-current="step"]:hover{background:#2758c8}
.sx-context-trail button:active{transform:scale(.96)}
.sx-travel-image{position:absolute!important;z-index:4;object-fit:contain;pointer-events:none;max-width:none!important}
.sx-spatial-plane{transition:transform 420ms cubic-bezier(.16,1,.3,1)}
.sx-explorer[data-sx-motion="paused"] .sx-spatial-plane{transition:none;transform:none!important}
.sx-focus-frame{position:absolute;border:2px solid #a6d0e8;pointer-events:none;box-shadow:0 0 0 999px #08172418;z-index:1}
.sx-hotspot{z-index:2;transition:opacity 160ms ease-out,background-color 160ms ease-out,color 160ms ease-out}
.sx-hotspot[aria-pressed="true"]{background:#2758c8;color:white;box-shadow:0 7px 20px #0004}
.sx-explorer[data-sx-selection="cdu"] .sx-scene--rack .sx-hotspot:not([aria-pressed="true"]),.sx-explorer[data-sx-selection="distribution"] .sx-scene--rack .sx-hotspot:not([aria-pressed="true"]),.sx-explorer[data-sx-selection="rack"] .sx-scene--rack .sx-hotspot:not([aria-pressed="true"]){opacity:.58}
.sx-explorer .sx-hotspot:hover,.sx-explorer .sx-hotspot:focus-visible{opacity:1!important}
.sx-scene--server .sx-assembly-reference{left:7%;width:86%;top:32%;height:48%}
.sx-scene--server .sx-hotspot--assembly{top:19%;left:36%}
.sx-scene--server .sx-hotspot--connections{top:47%;right:1%}
.sx-assembly-reference.is-highlighted img{outline:2px solid #a6d0e8;outline-offset:10px}
.sx-scene--components .sx-component-feature{top:130px;height:300px;left:11%;right:11%}
.sx-scene--components .sx-component-feature>span{left:0;bottom:-16px;background:#102331;padding:5px 10px}
.sx-component-choices{left:18px;right:18px;bottom:57px;gap:8px;overflow-x:auto;justify-content:center;padding:10px 0;scrollbar-color:#59788d #081724;scrollbar-width:thin}
.sx-component-choices button{background:#102331;border-bottom:3px solid transparent;padding:8px 5px;min-width:72px;flex:0 0 72px}
.sx-component-choices img{width:61px;height:43px}
.sx-component-choices button[aria-pressed="true"]{background:#193d58;border-color:#a6d0e8}
.sx-explorer .sx-component-choices button:hover{color:white;background:#193d58}
.sx-image-well.is-architecture{height:215px;overflow:hidden;padding:0 0 32px}
.sx-image-well.is-architecture>img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.35)}
.sx-image-well.is-architecture .sx-image-action{background:#102331;z-index:2;right:0;padding-inline:12px}
.sx-explorer .sx-detail{position:relative;z-index:6}
.sx-zoom-viewport{cursor:grab;touch-action:pan-x pan-y}
.sx-zoom-viewport.is-panning{cursor:grabbing;user-select:none}
.sx-zoom-canvas img{user-select:none;-webkit-user-drag:none}
.sx-image-dialog .sx-zoom-viewport:focus-visible{outline-offset:-4px}
@media(max-width:1100px){.sx-context-trail{left:12px;top:12px;gap:3px;padding:5px}.sx-context-trail button{gap:4px;padding:5px;font-size:12px!important}.sx-context-trail button>img{width:33px;height:26px}.sx-context-trail>svg{width:11px}.sx-component-choices{gap:6px;justify-content:flex-start}.sx-scene--components .sx-component-feature{top:140px;height:280px}}
@media(max-width:880px){.sx-stage,.sx-scene{min-height:520px}.sx-context-trail{left:18px;top:15px;gap:7px;padding:8px}.sx-context-trail button>img{width:44px;height:31px}.sx-context-trail button{font-size:13px!important;gap:8px}.sx-scene--components .sx-component-feature{top:120px;height:250px}.sx-component-choices{bottom:48px;justify-content:center}.sx-scene--server .sx-hotspot--assembly{top:22%}.sx-scene--server .sx-assembly-reference{top:35%;height:44%}}
@media(max-width:680px){.sx-stage{min-height:435px}.sx-scene{min-height:435px;height:435px}.sx-scene--rack{height:435px}.sx-scene--rack .sx-rack-art{inset:0;height:100%;object-fit:cover}.sx-context-trail{left:8px;right:8px;top:10px;padding:5px;gap:3px;justify-content:space-between}.sx-context-trail button>img{width:28px;height:25px}.sx-context-trail button{gap:5px;padding:5px;font-size:12px!important}.sx-context-trail>svg{width:10px}.sx-scene--rack .sx-hotspot--rack{top:24%;left:43%}.sx-scene--rack .sx-hotspot--cdu{top:40%;left:1%}.sx-scene--rack .sx-hotspot--distribution{top:56%;right:0}.sx-scene--rack .sx-hotspot--server{top:73%;right:0}.sx-scene--rack .sx-scene-caption{font-size:12px;bottom:7px}.sx-scene--server .sx-hotspot--assembly{top:24%;left:12%;font-size:12px!important}.sx-scene--server .sx-hotspot--connections{top:57%;right:0;max-width:125px}.sx-scene--server .sx-assembly-reference{left:4%;width:92%;top:37%;height:37%}.sx-scene--server .sx-scene-caption{font-size:12px;line-height:1.4;bottom:7px}.sx-scene--components .sx-component-feature{left:6%;right:6%;top:104px;height:210px}.sx-component-choices{left:10px;right:10px;bottom:48px;gap:7px;justify-content:flex-start;padding-block:7px}.sx-component-choices button{min-width:62px;flex-basis:62px;min-height:71px;padding:6px 3px}.sx-component-choices img{width:55px;height:37px}.sx-component-choices span{font-size:12px}.sx-scene--components .sx-component-feature>span{bottom:-1px;font-size:13px}.sx-scene--components .sx-scene-caption{font-size:12px;bottom:7px;line-height:1.4}.sx-focus-frame{box-shadow:none}.sx-spatial-plane{transition:none!important}.sx-explorer .sx-dialog-bottom p{max-width:135px;font-size:12px}.sx-dialog-bottom{align-items:center}.sx-zoom-viewport{height:58vh}}
@media(max-width:360px){.sx-context-trail button>img{width:23px;height:23px}.sx-context-trail button{gap:3px;font-size:11px!important;padding:4px}.sx-context-trail{gap:1px}.sx-explorer .sx-tabs{gap:17px}.sx-tabs button{font-size:16px}.sx-scene--rack .sx-hotspot{font-size:12px!important}.sx-explorer .sx-dialog-bottom p{max-width:105px}.sx-zoom-controls button{min-width:40px}.sx-zoom-controls [data-sx-zoom-reset]{min-width:48px}}
@media(prefers-reduced-motion:reduce){.sx-spatial-plane,.sx-context-backdrop{transition:none!important}.sx-spatial-plane{transform:none!important}}

/* Keep right-side labels inside the focused image without moving their target points. */
@media(min-width:881px){.sx-hotspot--distribution,.sx-hotspot--server{left:84%;right:auto;flex-direction:row-reverse;transform:translateX(calc(-100% + 20px));white-space:nowrap;max-width:none}.sx-hotspot--distribution:before,.sx-hotspot--server:before{left:auto;right:16px;width:34px;transform:translateX(100%)}}

@media(max-width:680px){.sx-context-trail button{font-size:13px!important}.sx-component-choices span{font-size:13px}.sx-scene--components .sx-component-feature{height:185px}.sx-scene--components .sx-scene-caption,.sx-scene--rack .sx-scene-caption,.sx-scene--server .sx-scene-caption{font-size:13px}}@media(max-width:360px){.sx-context-trail button{font-size:13px!important}}

/* Review fixes: preserve the complete hotspot target below the context path. */
@media(min-width:681px){.sx-scene--rack .sx-hotspot--rack{top:110px}.sx-scene--rack .sx-hotspot--cdu{top:22%}}
.sx-explorer[data-sx-motion="paused"] .sx-context-backdrop{transition:none}