:root{
  --sx-bg:#071019;
  --sx-surface:#0d1822;
  --sx-surface-2:#101e29;
  --sx-surface-3:#152530;
  --sx-border:#263a47;
  --sx-border-soft:#1a2b36;
  --sx-text:#f6f8fa;
  --sx-muted:#9eafba;
  --sx-orange:#ff7a00;
  --sx-orange-soft:#ff9b43;
  --sx-blue:#36a7e9;
  --sx-max:1480px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sx-bg);color:var(--sx-text);font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
.sx-page{min-height:100vh;background:
  radial-gradient(900px 520px at 50% 20%,rgba(29,62,79,.28),transparent 72%),
  linear-gradient(180deg,#07111b 0%,#071018 100%)}
.sx-container{width:min(var(--sx-max),calc(100% - 40px));margin:0 auto}
.sx-command{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(500px,1.35fr) minmax(230px,.65fr);gap:24px;align-items:center;padding:24px 0 18px}
.sx-breadcrumb{display:flex;gap:8px;align-items:center;color:#81929d;font-size:.82rem;margin-bottom:8px}
.sx-breadcrumb a:hover{color:#fff}
.sx-heading h1{font-size:clamp(2rem,3.1vw,3.55rem);line-height:1.02;letter-spacing:-.045em;margin:0;text-wrap:balance}
.sx-heading h1 span{display:block;color:var(--sx-orange)}
.sx-heading p{margin:12px 0 0;color:#bdc9cf;max-width:55ch;font-size:.96rem}
.sx-mode-box{min-width:0}
.sx-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--sx-border);border-radius:14px;background:rgba(10,20,28,.86);overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.18)}
.sx-tab{min-height:70px;border:0;border-right:1px solid var(--sx-border-soft);background:transparent;color:#e5ebee;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}
.sx-tab:last-child{border-right:0}.sx-tab:hover{background:#13232e}.sx-tab.is-active{background:linear-gradient(135deg,#172732,#0d1922);box-shadow:inset 0 0 0 1px var(--sx-orange)}
.sx-tab-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #39505d;border-radius:50%;font-weight:900;color:var(--sx-orange-soft);background:#111d26}
.sx-tab strong,.sx-tab small{display:block}.sx-tab strong{font-size:.84rem}.sx-tab small{color:#9eafb8;font-size:.7rem;margin-top:2px}
.sx-selector{display:flex;align-items:center;gap:8px;margin-top:10px;overflow:auto;padding:2px 1px 5px;scrollbar-width:thin}
.sx-chip{white-space:nowrap;border:1px solid #304653;background:#0d1922;color:#b9c7ce;border-radius:999px;padding:7px 11px;cursor:pointer;font-size:.78rem;font-weight:750}
.sx-chip:hover,.sx-chip:focus-visible,.sx-chip.is-active{border-color:var(--sx-orange);color:#fff;background:#2b211a}
.sx-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sx-quick a{min-height:70px;border:1px solid var(--sx-border);border-radius:12px;background:linear-gradient(145deg,#111e28,#0b151e);display:flex;flex-direction:column;justify-content:center;padding:12px 14px;transition:.2s}.sx-quick a:hover{border-color:var(--sx-orange);transform:translateY(-2px)}.sx-quick strong{font-size:.82rem}.sx-quick small{color:#91a2ac;font-size:.71rem;margin-top:3px}
.sx-experience{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:stretch;padding-bottom:20px}
.sx-map-card,.sx-detail{border:1px solid var(--sx-border);border-radius:18px;background:rgba(9,18,25,.94);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.sx-map-card{position:relative;overflow:hidden;min-width:0}
.sx-map-toolbar{position:absolute;left:16px;top:14px;z-index:6;display:flex;gap:8px;align-items:center}.sx-map-status{border:1px solid #364b58;border-radius:999px;padding:7px 11px;background:rgba(7,16,24,.86);backdrop-filter:blur(10px);color:#dbe3e7;font-size:.76rem;font-weight:800}.sx-map-status b{color:var(--sx-orange-soft)}
.sx-map-stage{position:relative;aspect-ratio:960/595;min-height:470px;background:#071018;isolation:isolate}
.sx-map-stage::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(6,15,22,.18),transparent 12%,transparent 84%,rgba(6,15,22,.34)),linear-gradient(180deg,rgba(7,16,24,.08),transparent 70%,rgba(7,16,24,.4))}
.sx-map-stage::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 45%,rgba(4,11,17,.18) 100%)}
.sx-map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1}
.sx-hotspot{--x:50%;--y:50%;position:absolute;z-index:5;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:35px;height:35px;border-radius:50%;border:2px solid #fff;background:var(--sx-orange);color:#111;font-weight:950;font-size:.7rem;box-shadow:0 0 0 7px rgba(255,122,0,.16),0 6px 18px rgba(0,0,0,.4);cursor:pointer;transition:transform .2s,opacity .2s,filter .2s,box-shadow .2s}
.sx-hotspot:hover,.sx-hotspot:focus-visible,.sx-hotspot.is-active{transform:translate(-50%,-50%) scale(1.18);outline:none;box-shadow:0 0 0 10px rgba(255,122,0,.21),0 0 28px rgba(255,122,0,.55)}
.sx-hotspot.is-dim{opacity:.23;filter:grayscale(.8)}
.sx-hotspot::after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);display:none;min-width:max-content;max-width:220px;padding:7px 10px;border:1px solid #3a4d59;border-radius:8px;background:#0c1720;color:#fff;font-size:.72rem;font-weight:750;box-shadow:0 8px 25px rgba(0,0,0,.35)}
.sx-hotspot:hover::after,.sx-hotspot:focus-visible::after{display:block}
.sx-map-legend{position:absolute;z-index:4;left:16px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap;max-width:75%}.sx-map-legend span{padding:6px 9px;border-radius:8px;background:rgba(7,16,24,.84);border:1px solid #2c414e;color:#aebdc5;font-size:.7rem;backdrop-filter:blur(10px)}
.sx-mobile-regions{display:none}
.sx-detail{padding:16px;display:flex;flex-direction:column;min-width:0;background:linear-gradient(180deg,#111e28,#0b151d)}
.sx-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.sx-detail-number{font-size:1.15rem;font-weight:950;color:var(--sx-orange)}.sx-detail-icon{display:grid;place-items:center;width:43px;height:43px;border:1px solid #40535f;border-radius:10px;background:#111b23;color:var(--sx-orange-soft);font-weight:900}.sx-detail-title{margin:0;font-size:1.28rem;line-height:1.12}.sx-detail-image{width:100%;aspect-ratio:760/472;object-fit:cover;border-radius:12px;border:1px solid #314653;background:#071018;margin-bottom:12px}.sx-detail-copy{margin:0 0 12px;color:#aebcc4;font-size:.88rem}
.sx-detail-group{border:1px solid #263946;border-radius:12px;background:#0b161e;padding:12px;margin-top:8px}.sx-detail-group h3{font-size:.82rem;margin:0 0 8px}.sx-detail-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.sx-detail-list li{position:relative;padding-left:20px;color:#d5dee2;font-size:.79rem}.sx-detail-list li::before{content:"✓";position:absolute;left:0;color:var(--sx-orange);font-weight:900}
.sx-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.sx-layer{min-height:56px;border:1px solid #263946;border-radius:8px;background:#101d25;padding:8px 5px;text-align:center;font-size:.66rem;color:#c9d4d9;display:grid;place-items:center}.sx-layer span{display:block;color:var(--sx-orange-soft);font-weight:900;font-size:.9rem}
.sx-related{display:grid;gap:6px}.sx-related a{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #1d303b;padding:7px 2px;color:#d6dfe3;font-size:.76rem}.sx-related a:last-child{border-bottom:0}.sx-related a::after{content:"→";color:var(--sx-orange);font-weight:900}.sx-detail-cta{margin-top:auto;display:flex;justify-content:center;align-items:center;min-height:44px;border-radius:9px;background:linear-gradient(90deg,#ef6900,#ff8d13);color:#160c05;font-weight:950;font-size:.82rem}.sx-detail-cta:hover{filter:brightness(1.08)}
.sx-section{padding:18px 0}.sx-section-card{border:1px solid var(--sx-border);border-radius:16px;background:linear-gradient(145deg,#0c1720,#08121a);padding:17px}.sx-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:15px}.sx-section-head h2{margin:0;font-size:1.15rem;color:var(--sx-orange-soft);letter-spacing:.015em}.sx-section-head p{margin:0;color:#91a3ad;font-size:.82rem}
.sx-journey{position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.sx-journey::before{content:"";position:absolute;left:4%;right:4%;top:24px;height:1px;background:linear-gradient(90deg,transparent,var(--sx-orange),transparent);opacity:.7}.sx-step{position:relative;z-index:1;border:0;background:transparent;color:#c5d0d5;cursor:pointer;text-align:left;padding:0 4px}.sx-step span{display:grid;place-items:center;width:47px;height:47px;border:1px solid #40525e;border-radius:50%;background:#0f1a22;color:var(--sx-orange-soft);font-weight:900;margin-bottom:8px}.sx-step strong{display:block;font-size:.78rem}.sx-step small{display:block;margin-top:4px;color:#8799a3;font-size:.66rem;line-height:1.35}.sx-step:hover span,.sx-step:focus-visible span,.sx-step.is-active span{border-color:var(--sx-orange);box-shadow:0 0 0 5px rgba(255,122,0,.1)}
.sx-journey-detail{display:grid;grid-template-columns:70px 1fr minmax(260px,.7fr);gap:20px;align-items:center;margin-top:15px;padding:14px;border-top:1px solid #20323e}.sx-journey-index{font-size:2.8rem;line-height:1;color:var(--sx-orange);font-weight:950}.sx-journey-detail h3{margin:0 0 3px;font-size:1rem}.sx-journey-detail p{margin:0;color:#9dafb8;font-size:.8rem}.sx-journey-detail ul{margin:0;padding-left:18px;color:#cbd6db;font-size:.76rem}
.sx-sector-row{display:grid;grid-template-columns:repeat(9,1fr);gap:0}.sx-sector-row a{min-height:76px;border-right:1px solid #1f303b;display:grid;place-items:center;text-align:center;padding:8px;color:#bdc9cf;font-size:.7rem}.sx-sector-row a:last-child{border-right:0}.sx-sector-row a:hover{color:#fff;background:#10202a}.sx-sector-row b{display:block;color:var(--sx-orange-soft);font-size:1rem}
.sx-directory-toggle{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none}.sx-directory-toggle::-webkit-details-marker{display:none}.sx-directory-toggle strong{color:var(--sx-orange-soft)}.sx-directory-toggle span{color:#99abb4;font-size:.8rem}.sx-directory[open] .sx-directory-toggle{padding-bottom:14px;border-bottom:1px solid #21343f}.sx-directory-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:14px}.sx-directory-group{border:1px solid #253a47;border-radius:12px;background:#09141c;padding:12px}.sx-directory-group h3{font-size:.78rem;margin:0 0 8px}.sx-directory-group a{display:block;color:#aebdc5;font-size:.72rem;padding:5px 0;border-bottom:1px solid #172832}.sx-directory-group a:last-child{border-bottom:0}.sx-directory-group a:hover{color:#fff}.sx-footer{margin-top:22px;border-top:1px solid #1a2a34;padding:25px 0;color:#84969f;font-size:.8rem}.sx-footer-inner{display:flex;justify-content:space-between;gap:20px}.sx-footer a{color:#aebdc5;margin-left:14px}.sx-footer a:hover{color:#fff}
@media(max-width:1180px){.sx-command{grid-template-columns:1fr 1.5fr}.sx-quick{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,240px));justify-content:end}.sx-experience{grid-template-columns:1fr}.sx-detail{min-height:0}.sx-detail-body{display:grid;grid-template-columns:260px 1fr;gap:14px}.sx-detail-image{margin:0}.sx-detail-cta{margin-top:12px}.sx-sector-row{grid-template-columns:repeat(5,1fr)}.sx-sector-row a{border-bottom:1px solid #1f303b}.sx-directory-groups{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.sx-container{width:min(100% - 26px,var(--sx-max))}.sx-command{grid-template-columns:1fr;padding-top:18px}.sx-heading h1 span{display:inline}.sx-tabs{grid-template-columns:1fr}.sx-tab{min-height:58px;border-right:0;border-bottom:1px solid var(--sx-border-soft)}.sx-tab:last-child{border-bottom:0}.sx-quick{grid-column:auto;justify-content:stretch;grid-template-columns:1fr 1fr}.sx-map-stage{min-height:0}.sx-map-legend{display:none}.sx-hotspot{width:30px;height:30px;font-size:.62rem}.sx-hotspot::after{display:none!important}.sx-detail-body{display:block}.sx-detail-image{margin-bottom:12px}.sx-journey{grid-template-columns:repeat(4,1fr);row-gap:18px}.sx-journey::before{display:none}.sx-journey-detail{grid-template-columns:55px 1fr}.sx-journey-detail ul{grid-column:2}.sx-sector-row{grid-template-columns:repeat(3,1fr)}.sx-directory-groups{grid-template-columns:1fr}.sx-section-head{display:block}.sx-section-head p{margin-top:5px}.sx-footer-inner{display:block}.sx-footer-links{margin-top:8px}.sx-footer a{margin-left:0;margin-right:12px}}
@media(max-width:560px){.sx-container{width:calc(100% - 20px)}.sx-command{padding-bottom:12px}.sx-heading h1{font-size:2.2rem}.sx-quick{grid-template-columns:1fr}.sx-map-stage{aspect-ratio:1/1.05}.sx-map-image{object-position:45% center}.sx-hotspot{display:none}.sx-mobile-regions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:10px;background:#09141c}.sx-mobile-region{border:1px solid #2a3e4b;border-radius:10px;background:#101d26;color:#fff;padding:10px;text-align:left;min-height:75px}.sx-mobile-region strong{display:block;font-size:.78rem}.sx-mobile-region small{display:block;color:#899ba5;font-size:.66rem;margin-top:3px}.sx-mobile-region.is-active{border-color:var(--sx-orange);background:#2a211a}.sx-mobile-region.is-dim{opacity:.38}.sx-detail{padding:12px}.sx-layer-grid{grid-template-columns:repeat(2,1fr)}.sx-journey{grid-template-columns:repeat(2,1fr)}.sx-journey-detail{display:block}.sx-journey-index{font-size:2.2rem;margin-bottom:8px}.sx-journey-detail ul{margin-top:9px}.sx-sector-row{grid-template-columns:repeat(2,1fr)}.sx-sector-row a{border-right:1px solid #1f303b}.sx-directory-toggle{align-items:flex-start}.sx-directory-toggle span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sx-hotspot,.sx-quick a{transition:none}}
/* v3.2 beta hardening */
.sx-heading h1{overflow-wrap:anywhere}
@media(max-width:820px){.sx-heading h1 span{display:block}}
@media(max-width:560px){.sx-heading h1{font-size:2rem;letter-spacing:-.035em}}
.sx-detail-image{height:180px;aspect-ratio:auto}
@media(max-width:1180px){.sx-detail-image{height:170px}}
@media(max-width:560px){.sx-detail-image{height:155px}}

/* v3.3 layered facility map — real interactive labels, no embedded UI text */
.sx-map-card{overflow:hidden}
.sx-map-toolbar{
  position:relative;left:auto;top:auto;z-index:20;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:50px;padding:10px 14px;border-bottom:1px solid #213541;
  background:linear-gradient(180deg,#101e28,#0a151d)
}
.sx-map-help{color:#81939d;font-size:.72rem;text-align:right}
.sx-map-shell{
  display:grid;grid-template-columns:190px minmax(0,1fr) 190px;
  gap:12px;align-items:stretch;padding:12px 14px 0;
  background:radial-gradient(700px 430px at 50% 44%,rgba(27,65,82,.24),transparent 72%)
}
.sx-zone-column{display:grid;grid-template-rows:repeat(4,1fr);gap:9px;min-width:0}
.sx-zone-card{
  position:relative;width:100%;min-width:0;border:1px solid #2a3d49;border-radius:12px;
  background:linear-gradient(145deg,rgba(18,32,42,.98),rgba(9,18,25,.98));color:#eaf0f3;
  padding:11px 10px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:9px;align-items:center;
  text-align:left;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.12);
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,opacity .18s ease
}
.sx-zone-card strong,.sx-zone-card small{display:block}.sx-zone-card strong{font-size:.76rem;line-height:1.25}.sx-zone-card small{font-size:.64rem;line-height:1.35;color:#95a7b1;margin-top:3px}
.sx-zone-no{display:grid;place-items:center;width:30px;height:30px;border:1px solid #3b5260;border-radius:50%;font-size:.67rem;font-weight:950;color:var(--sx-orange-soft);background:#0c1720}
.sx-zone-column--left .sx-zone-card::after,.sx-zone-column--right .sx-zone-card::before{
  content:"";position:absolute;top:50%;width:14px;height:1px;background:linear-gradient(90deg,var(--sx-orange),rgba(255,122,0,.2));opacity:.45
}
.sx-zone-column--left .sx-zone-card::after{right:-15px}.sx-zone-column--right .sx-zone-card::before{left:-15px;transform:rotate(180deg)}
.sx-zone-card:hover,.sx-zone-card:focus-visible,.sx-zone-card.is-preview,.sx-zone-card.is-active{
  z-index:4;transform:scale(1.035);border-color:var(--sx-orange);outline:none;
  background:linear-gradient(145deg,#24303a,#151d23);box-shadow:0 12px 28px rgba(0,0,0,.28),0 0 0 4px rgba(255,122,0,.08)
}
.sx-zone-card.is-active{box-shadow:0 12px 30px rgba(0,0,0,.32),0 0 0 5px rgba(255,122,0,.13)}
.sx-zone-card.is-dim{opacity:.28;filter:grayscale(.6)}
.sx-map-stage{
  min-height:0;aspect-ratio:1600/1074;align-self:center;overflow:hidden;border-radius:15px;
  border:1px solid #314653;background:#071018;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 18px 36px rgba(0,0,0,.28)
}
.sx-map-image{object-fit:contain;background:#071018;transition:filter .22s ease,transform .28s ease;transform:scale(1.005)}
.sx-map-stage:hover .sx-map-image{filter:brightness(1.04) contrast(1.03)}
.sx-map-stage::before{background:linear-gradient(90deg,rgba(6,15,22,.18),transparent 9%,transparent 91%,rgba(6,15,22,.18)),linear-gradient(180deg,rgba(7,16,24,.07),transparent 82%,rgba(7,16,24,.22))}
.sx-map-stage::after{background:radial-gradient(circle at 50% 48%,transparent 55%,rgba(4,11,17,.12) 100%)}
.sx-focus-ring{
  --fx:43%;--fy:47%;position:absolute;z-index:4;left:var(--fx);top:var(--fy);width:96px;height:96px;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  border:1px solid rgba(255,139,35,.8);box-shadow:0 0 0 10px rgba(255,122,0,.08),0 0 34px rgba(255,122,0,.3);
  transition:left .22s ease,top .22s ease,opacity .18s ease,transform .22s ease
}
.sx-focus-ring::before{content:"";position:absolute;inset:16px;border-radius:50%;border:1px dashed rgba(255,255,255,.5)}
.sx-hotspot{width:31px;height:31px;font-size:.62rem;border-width:2px;box-shadow:0 0 0 5px rgba(255,122,0,.13),0 5px 14px rgba(0,0,0,.35)}
.sx-hotspot:hover,.sx-hotspot:focus-visible,.sx-hotspot.is-preview,.sx-hotspot.is-active{transform:translate(-50%,-50%) scale(1.26);box-shadow:0 0 0 9px rgba(255,122,0,.18),0 0 26px rgba(255,122,0,.52)}
.sx-hotspot.is-dim{opacity:.16}
.sx-hotspot::after{bottom:calc(100% + 10px);font-size:.7rem}
.sx-zone-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:10px 14px 14px;background:#09141c}
.sx-zone-card--bottom{grid-template-columns:30px minmax(0,1fr);min-height:72px}
.sx-zone-card--bottom::before{content:"";position:absolute;top:-11px;left:50%;height:10px;width:1px;background:linear-gradient(var(--sx-orange),transparent);opacity:.45}
@media(max-width:1340px){
  .sx-map-shell{grid-template-columns:165px minmax(0,1fr) 165px;gap:9px;padding-inline:10px}
  .sx-zone-card{padding:9px 8px;grid-template-columns:27px minmax(0,1fr)}
  .sx-zone-no{width:27px;height:27px}.sx-zone-card strong{font-size:.7rem}.sx-zone-card small{font-size:.59rem}
}
@media(max-width:1120px){
  .sx-map-shell{grid-template-columns:175px minmax(0,1fr) 175px}
  .sx-map-help{max-width:48ch}
}
@media(max-width:900px){
  .sx-map-shell{display:block;padding:10px}.sx-zone-column,.sx-zone-bottom{display:none}
  .sx-map-stage{width:100%;aspect-ratio:1600/1074}
  .sx-map-help{display:none}
  .sx-mobile-regions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;background:#09141c}
  .sx-mobile-region{border:1px solid #2a3e4b;border-radius:10px;background:#101d26;color:#fff;padding:10px;text-align:left;min-height:75px;transition:.18s}
  .sx-mobile-region:hover,.sx-mobile-region:focus-visible,.sx-mobile-region.is-active{outline:none;border-color:var(--sx-orange);background:#2a211a;transform:translateY(-1px)}
  .sx-mobile-region strong{display:block;font-size:.74rem}.sx-mobile-region small{display:block;color:#899ba5;font-size:.62rem;margin-top:3px}.sx-mobile-region.is-dim{opacity:.34}
}
@media(max-width:560px){
  .sx-map-stage{aspect-ratio:1600/1074}.sx-map-image{object-position:center}.sx-hotspot{display:block;width:25px;height:25px;font-size:.54rem}
  .sx-focus-ring{width:70px;height:70px}.sx-mobile-regions{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){.sx-zone-card,.sx-map-image,.sx-focus-ring{transition:none}}
.sx-selector{scrollbar-width:none;-ms-overflow-style:none}
.sx-selector::-webkit-scrollbar{display:none}
.sx-focus-ring.is-hidden{opacity:0!important;visibility:hidden}

/* v3.4 layout refinement: complete selector labels and integrated journey */
.sx-selector[data-mode="problem"],
.sx-selector[data-mode="sector"]{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  overflow:visible;
  padding-bottom:0;
}
.sx-selector[data-mode="problem"] .sx-chip,
.sx-selector[data-mode="sector"] .sx-chip{
  width:100%;
  min-width:0;
  min-height:35px;
  white-space:normal;
  line-height:1.15;
  text-align:center;
  overflow-wrap:anywhere;
  padding:7px 8px;
}
.sx-map-card{display:flex;flex-direction:column}
.sx-map-journey{
  margin:0 14px 14px;
  padding:13px 14px 12px;
  border:1px solid #263a47;
  border-radius:14px;
  background:linear-gradient(145deg,#0d1922,#08121a);
}
.sx-map-journey .sx-section-head{align-items:center;margin-bottom:10px;gap:18px}
.sx-map-journey .sx-section-head h2{font-size:1rem}
.sx-map-journey .sx-section-head p{font-size:.72rem}
.sx-map-journey .sx-journey{gap:4px}
.sx-map-journey .sx-journey::before{top:18px}
.sx-map-journey .sx-step{padding:0 3px;text-align:center}
.sx-map-journey .sx-step span{width:36px;height:36px;margin:0 auto 6px;font-size:.72rem}
.sx-map-journey .sx-step strong{font-size:.68rem;line-height:1.2}
.sx-map-journey .sx-step small{font-size:.58rem;line-height:1.25;margin-top:3px}
.sx-map-journey .sx-journey-detail{
  grid-template-columns:48px minmax(0,1fr) minmax(220px,.7fr);
  gap:13px;
  margin-top:10px;
  padding:9px 8px 0;
}
.sx-map-journey .sx-journey-index{font-size:2rem}
.sx-map-journey .sx-journey-detail h3{font-size:.84rem}
.sx-map-journey .sx-journey-detail p,
.sx-map-journey .sx-journey-detail ul{font-size:.68rem;line-height:1.35}
.sx-detail-image[src$="automation-panel-detail.svg"]{object-fit:contain;background:#07111a;padding:4px}
@media(max-width:1180px){
  .sx-selector[data-mode="problem"],.sx-selector[data-mode="sector"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-map-journey .sx-step small{display:none}
}
@media(max-width:900px){
  .sx-map-journey{margin:0 10px 10px}
  .sx-map-journey .sx-section-head{display:block}
  .sx-map-journey .sx-section-head>p{margin-top:4px}
  .sx-map-journey .sx-journey{grid-template-columns:repeat(4,1fr);row-gap:14px}
  .sx-map-journey .sx-journey-detail{grid-template-columns:44px 1fr}
  .sx-map-journey .sx-journey-detail ul{grid-column:2}
}
@media(max-width:560px){
  .sx-selector[data-mode="problem"],.sx-selector[data-mode="sector"]{grid-template-columns:1fr 1fr}
  .sx-selector[data-mode="problem"] .sx-chip,.sx-selector[data-mode="sector"] .sx-chip{font-size:.7rem}
  .sx-map-journey{padding:12px 10px}
  .sx-map-journey .sx-journey{grid-template-columns:repeat(2,1fr)}
  .sx-map-journey .sx-step{text-align:left}
  .sx-map-journey .sx-step span{margin:0 0 6px}
  .sx-map-journey .sx-journey-detail{display:block}
  .sx-map-journey .sx-journey-index{margin-bottom:6px}
  .sx-map-journey .sx-journey-detail ul{margin-top:7px}
}

/* v3.4 acceptance refinements */
.sx-experience{align-items:start}
.sx-selector[data-mode="facility"]{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  overflow:visible;
  padding-bottom:0;
}
.sx-selector[data-mode="facility"] .sx-chip{
  width:100%;
  min-width:0;
  min-height:35px;
  white-space:normal;
  line-height:1.15;
  text-align:center;
  overflow-wrap:anywhere;
  padding:7px 7px;
}
@media(max-width:1180px){
  .sx-selector[data-mode="facility"]{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .sx-selector[data-mode="facility"]{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .sx-selector[data-mode="facility"]{display:none}
}