html,body{margin:0;min-height:100%;background:#041a19}
html,body{margin:0;min-height:100%;background:#031d1d}
#sindhNetwork, #sindhNetwork *{box-sizing:border-box}
#sindhNetwork{--mint:#5bd7c7;--muted:#91ada7;--line:rgba(167,223,210,.16);--bg:#061f20;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#eef8f4;position:relative;width:100%;height:100svh;min-height:585px;max-height:1000px;overflow:hidden;background:radial-gradient(ellipse at 56% 18%,#12423d 0%,#072b29 45%,#041819 95%);isolation:isolate}
#sindhNetwork button{font:inherit}#sindhNetwork .sez-layout{height:100%;display:grid;grid-template-columns:clamp(205px,19%,268px) minmax(0,1fr) clamp(286px,23%,328px)}
#sindhNetwork .sez-side{position:relative;z-index:6;display:flex;flex-direction:column;padding:clamp(18px,2.6vh,32px) 16px clamp(18px,2.2vh,26px) clamp(20px,2.6vw,43px);background:linear-gradient(90deg,rgba(0,14,17,.53),rgba(0,22,22,.12));border-right:1px solid rgba(136,202,191,.09);min-height:0}
#sindhNetwork .sez-kicker{margin:0 0 10px;font-size:10px;line-height:1.45;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#59e0ca}
#sindhNetwork .sez-side h1{font:400 clamp(28px,2.65vw,40px)/1.09 Georgia,"Times New Roman",serif;letter-spacing:-.027em;margin:0;color:#f8f8f0}
#sindhNetwork .sez-intro{font-size:12.5px;line-height:1.6;color:#a4beba;max-width:230px;margin:13px 0 18px}
#sindhNetwork .sez-menu{display:grid;gap:clamp(8px,1.35vh,15px);align-content:start}#sindhNetwork .sez-group{display:grid;gap:2px}#sindhNetwork .sez-group-title{color:#57cbbc;letter-spacing:.055em;font-size:10px;font-weight:750;margin:0 0 2px}#sindhNetwork .sez-option{cursor:pointer;border:1px solid transparent;display:flex;align-items:center;gap:9px;padding:7px 8px;margin-left:-7px;width:calc(100% + 7px);text-align:left;background:none;border-radius:9px;color:#c8d5d1;font:600 clamp(13px,1.15vw,16px)/1.25 Georgia,serif;transition:color .22s ease,background .25s ease,transform .3s cubic-bezier(.2,.7,.2,1)}
#sindhNetwork .sez-option .sez-dash{width:14px;flex:0 0 14px;height:1px;background:#6a9089;transition:background .25s,width .25s}#sindhNetwork .sez-option:hover{background:rgba(89,208,187,.075);color:white;transform:translateX(2px)}#sindhNetwork .sez-option.is-active{color:#fff;background:rgba(78,219,195,.11);border-color:rgba(115,224,201,.17)}#sindhNetwork .sez-option.is-active .sez-dash{background:#5de1c8;height:2px}
#sindhNetwork button:focus-visible{outline:2px solid #e4ead5;outline-offset:3px}
#sindhNetwork .sez-side-footer{margin-top:auto;padding-top:12px;color:#6f9f97;font-size:10.5px;line-height:1.5}#sindhNetwork .sez-side-footer span{display:inline-block;border:1px solid var(--line);padding:6px 9px;border-radius:6px}#sindhNetwork .sez-side-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#sindhNetwork .sez-motion-button{cursor:pointer;background:rgba(12,59,52,.55);color:#aad3c9;border:1px solid rgba(139,218,201,.2);padding:6px 9px;border-radius:6px;font-size:10px}#sindhNetwork .sez-motion-button:hover{background:rgba(18,94,77,.75)}#sindhNetwork.motion-off .sez-radar,#sindhNetwork.motion-off .sez-route-moving{animation:none!important;opacity:0!important}#sindhNetwork.motion-off .sez-camera{transition:none!important}
#sindhNetwork .sez-map-stage{position:relative;overflow:hidden;min-width:0;min-height:0}#sindhNetwork .sez-map-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 51% 52%,rgba(36,125,105,.16),transparent 67%);pointer-events:none}#sindhNetwork .sez-map-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:hidden}
#sindhNetwork .sez-camera{transform-origin:0px 0px;transition:transform 1020ms cubic-bezier(.22,.68,.22,1)}
#sindhNetwork .sez-boundary{fill:#0e3634;stroke:#c1d5cd;stroke-width:1.65;stroke-linejoin:round;vector-effect:non-scaling-stroke}#sindhNetwork .sez-dotted{fill:url(#sezDots);pointer-events:none;opacity:.78}#sindhNetwork .sez-country{font:12px Inter,"Segoe UI",Arial,sans-serif;fill:#527b75}#sindhNetwork .sez-sea{font:italic 15px Georgia,serif;fill:#6e9990}
#sindhNetwork .sez-path-base{stroke:#59b7a9;stroke-width:1.5;stroke-dasharray:3 8;opacity:.38;fill:none;stroke-linecap:round}#sindhNetwork .sez-branch-base{stroke:#7da69d;stroke-width:1.35;stroke-dasharray:2 7;opacity:.24;fill:none}#sindhNetwork .sez-route-highlight{stroke:#6ce5d2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.0;opacity:.76;filter:url(#sezSoftGlow)}#sindhNetwork .sez-route-moving{stroke:#f2fff9;fill:none;stroke-linecap:round;stroke-width:2.5;stroke-dasharray:2 12;animation:sezDash 3.4s linear infinite;opacity:.75}@keyframes sezDash{to{stroke-dashoffset:-98}}
#sindhNetwork .sez-radar{fill:none;stroke:#65e5cd;stroke-width:1.35;opacity:0;transform-box:fill-box;transform-origin:center}#sindhNetwork .sez-marker.is-active .sez-radar{animation:sezPulse 3.5s ease-out infinite}#sindhNetwork .sez-marker.is-active .sez-radar.delay{animation-delay:1.75s}@keyframes sezPulse{0%{opacity:.24;transform:scale(.48)}65%{opacity:.075}100%{opacity:0;transform:scale(2.03)}}
#sindhNetwork .sez-marker{cursor:pointer}#sindhNetwork .sez-marker .sez-hit{fill:transparent}#sindhNetwork .sez-marker .sez-point{fill:#5bdbc5;stroke:#06332e;stroke-width:1.8;transition:fill .2s}#sindhNetwork .sez-marker .sez-ring{stroke:#5be0cb;stroke-width:1;fill:none;opacity:.7}#sindhNetwork .sez-marker.is-active .sez-point{fill:#f8e9ca;stroke:#48e0c9;stroke-width:2.4}#sindhNetwork .sez-marker .sez-label{font:700 13px Inter,"Segoe UI",Arial,sans-serif;paint-order:stroke;stroke:#0b3430;stroke-width:3.5px;stroke-linejoin:round;fill:#d9ebe4;transition:opacity .3s}#sindhNetwork .sez-map-stage.has-selection .sez-marker:not(.is-active) .sez-label{opacity:.12}#sindhNetwork .sez-map-stage.has-selection .sez-marker:not(.is-active) .sez-point{opacity:.45}
#sindhNetwork .sez-map-top{position:absolute;z-index:4;left:18px;top:19px;pointer-events:none;display:flex;align-items:center;gap:8px;color:#84b6ab;font-size:10px;letter-spacing:.045em}#sindhNetwork .sez-live-dot{width:6px;height:6px;border-radius:50%;background:#61dac5;box-shadow:0 0 0 4px rgba(89,206,187,.13)}
#sindhNetwork .sez-map-bottom{position:absolute;bottom:20px;left:18px;right:16px;z-index:4;display:flex;justify-content:space-between;align-items:end;gap:10px;pointer-events:none}#sindhNetwork .sez-route-badge{font-size:10px;line-height:1.6;max-width:360px;color:#9cc0b6;background:rgba(1,25,25,.7);border:1px solid rgba(117,202,179,.19);padding:7px 10px;border-radius:10px}#sindhNetwork .sez-route-badge strong{color:#eaf9f4;font-weight:750}#sindhNetwork .sez-legend{display:flex;gap:9px;align-items:center;font-size:10px;color:#90b2aa;background:rgba(1,25,25,.63);border-radius:9px;border:1px solid rgba(117,202,179,.15);padding:8px}#sindhNetwork .sez-legend i{width:14px;height:2px;background:#60ddc8;display:inline-block;border-radius:5px}
#sindhNetwork .sez-info-panel{position:relative;z-index:7;display:flex;flex-direction:column;min-width:0;min-height:0;border-left:1px solid rgba(153,206,194,.11);background:linear-gradient(180deg,rgba(2,27,28,.77),rgba(1,21,23,.94));padding:22px 18px;gap:15px}
#sindhNetwork .sez-panel-head{display:flex;align-items:center;justify-content:space-between;gap:7px}#sindhNetwork .sez-panel-kicker{font-size:10px;color:#60d6c3;letter-spacing:.12em;text-transform:uppercase;font-weight:850}#sindhNetwork .sez-reset{padding:8px 10px;border-radius:8px;cursor:pointer;background:transparent;border:1px solid rgba(177,216,207,.26);font-size:11px;font-weight:700;color:#d6eae3;transition:background .2s}#sindhNetwork .sez-reset:hover{background:#134640}
#sindhNetwork .sez-info-card{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:15px;border:1px solid rgba(145,202,187,.24);background:linear-gradient(150deg,rgba(20,66,60,.32),rgba(4,31,32,.8));overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1)}
#sindhNetwork .sez-card-hero{position:relative;flex:0 0 122px;display:grid;grid-template-columns:1fr 95px;align-items:center;gap:5px;padding:13px 13px 13px 16px;background:radial-gradient(circle at 100% 100%,rgba(61,180,160,.2),transparent 55%),linear-gradient(130deg,#15524a,#0a3635);border-bottom:1px solid rgba(148,213,198,.13)}
#sindhNetwork .sez-card-hero:before{content:"";position:absolute;right:-55px;top:-105px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(210,247,232,.08);box-shadow:0 0 0 35px rgba(166,231,210,.025),0 0 0 75px rgba(166,231,210,.018);pointer-events:none}#sindhNetwork .sez-card-eyebrow{font-size:9px;font-weight:750;letter-spacing:.13em;color:#96dfd1;text-transform:uppercase;margin:0 0 9px}#sindhNetwork .sez-city-title{font:400 clamp(23px,2vw,29px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.025em;margin:0;overflow-wrap:anywhere;color:#f7f6f0}#sindhNetwork .sez-city-description{font-size:11px;line-height:1.3;color:#b9d8ce;margin:6px 0 0}
#sindhNetwork .sez-mini-map{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;height:104px;background:rgba(4,24,26,.22);border:1px solid rgba(164,224,210,.15);border-radius:10px}#sindhNetwork .sez-mini-map svg{height:96px;width:90px;display:block}#sindhNetwork .sez-mini-dot{fill:#e7e1b5;stroke:#58e0c9;stroke-width:9;filter:drop-shadow(0 0 8px #5bd9c7)}
#sindhNetwork .sez-card-body{flex:1;display:flex;flex-direction:column;min-height:0}#sindhNetwork .sez-field{padding:13px 15px;border-bottom:1px solid rgba(156,212,199,.13)}#sindhNetwork .sez-field-label{font-size:9px;color:#67d9c6;letter-spacing:.07em;text-transform:uppercase;font-weight:800;margin:0 0 5px}#sindhNetwork .sez-field-value{margin:0;font-size:12.5px;line-height:1.48;color:#e9f2ed}
#sindhNetwork .sez-flow-header{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:7px}#sindhNetwork .sez-flow-small{font-size:10px;color:#a4c4bb}
#sindhNetwork .sez-steps{display:flex;gap:5px;flex-wrap:wrap}#sindhNetwork .sez-step{font-size:10px;font-weight:650;padding:6px 7px;border-radius:7px;color:#a9bfb9;border:1px solid rgba(133,184,170,.17);background:rgba(0,0,0,.15)}#sindhNetwork .sez-step.done{color:#c3f8e7;background:rgba(39,146,116,.12);border-color:rgba(107,215,180,.25)}#sindhNetwork .sez-step.current{color:#061c19;background:#9debd9;border-color:#9debd9}
#sindhNetwork .sez-photo{display:none;height:87px;margin:12px 14px 0;overflow:hidden;border-radius:9px;border:1px solid rgba(171,220,211,.17)}#sindhNetwork .sez-photo.has-photo{display:block}#sindhNetwork .sez-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 64%}
#sindhNetwork .sez-card-spacer{flex:1;min-height:3px}
#sindhNetwork .sez-card-bottom{padding:12px 15px;color:#94b6ab;background:rgba(2,22,23,.45);font-size:10px;line-height:1.5;border-top:1px solid rgba(156,212,199,.13)}
#sindhNetwork .sez-panel-foot{font-size:10px;color:#749d94;line-height:1.45;margin:0}#sindhNetwork .sez-access{position:absolute;left:-9999px}
@media(max-height:730px) and (min-width:1001px){#sindhNetwork .sez-info-panel{padding:14px 13px;gap:9px}#sindhNetwork .sez-side{padding-top:15px;padding-bottom:13px}#sindhNetwork .sez-card-hero{flex-basis:108px;padding:9px 10px}#sindhNetwork .sez-mini-map{height:87px}#sindhNetwork .sez-mini-map svg{height:79px}#sindhNetwork .sez-field{padding:10px 12px}#sindhNetwork .sez-side h1{font-size:30px}#sindhNetwork .sez-intro{margin:10px 0 13px}#sindhNetwork .sez-menu{gap:7px}#sindhNetwork .sez-option{padding:6px 8px}#sindhNetwork .sez-photo{height:65px;margin-top:7px}}
@media(max-width:1050px) and (min-width:761px){#sindhNetwork .sez-layout{grid-template-columns:205px minmax(0,1fr) 275px}#sindhNetwork .sez-side{padding-left:16px}#sindhNetwork .sez-legend{display:none}#sindhNetwork .sez-side h1{font-size:30px}#sindhNetwork .sez-option{font-size:13px}#sindhNetwork .sez-panel-foot{display:none}}
@media(max-width:900px){#sindhNetwork{height:auto;min-height:0;max-height:none;overflow:visible}#sindhNetwork .sez-layout{display:flex;flex-direction:column;height:auto}#sindhNetwork .sez-side{padding:22px 20px 14px;display:block}#sindhNetwork .sez-side h1{font-size:30px}#sindhNetwork .sez-intro{font-size:12px;margin:8px 0 12px;max-width:500px}#sindhNetwork .sez-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#sindhNetwork .sez-option{font-size:13px;padding:5px 4px}#sindhNetwork .sez-side-footer{display:none}#sindhNetwork .sez-map-stage{height:420px;flex:none}#sindhNetwork .sez-info-panel{padding:16px;gap:10px}#sindhNetwork .sez-info-card{min-height:325px}#sindhNetwork .sez-card-hero{min-height:112px;flex-basis:112px}#sindhNetwork .sez-photo{height:96px}#sindhNetwork .sez-panel-foot{margin-bottom:4px}#sindhNetwork .sez-route-badge{max-width:280px}#sindhNetwork .sez-legend{display:none}}
@media (prefers-reduced-motion:reduce){#sindhNetwork .sez-camera,#sindhNetwork .sez-option,#sindhNetwork .sez-marker .sez-label{transition:none!important}#sindhNetwork .sez-route-moving,#sindhNetwork .sez-radar{animation:none!important}}

/* Premium V3 refinements: soft radar, no SVG focus rectangle, proportional sidebar */
#sindhNetwork .sez-marker,
#sindhNetwork .sez-marker:focus,
#sindhNetwork .sez-marker:focus-visible{outline:none!important;-webkit-tap-highlight-color:transparent}
#sindhNetwork .sez-marker:focus-visible .sez-ring{stroke:#fbebbf;stroke-width:2.8;opacity:1}
#sindhNetwork .sez-marker .sez-label{user-select:none}
#sindhNetwork{max-height:none}
#sindhNetwork .sez-side{
  padding-top:clamp(18px,3vh,30px);
  padding-bottom:clamp(16px,2.4vh,25px);
  padding-right:clamp(13px,1.6vw,22px);
}

/* CMS controlled presentation tokens. Defaults preserve the approved V12.1 design. */
#sindhNetwork{background:var(--network-bg,#041a19)}
#sindhNetwork .sez-point{fill:var(--zone-marker,var(--network-marker,#5bdbc5))}
#sindhNetwork .sez-label{fill:var(--zone-label,var(--network-label,#d9ebe4))}
#sindhNetwork .sez-path-base,#sindhNetwork .sez-route-highlight{stroke:var(--network-route,#79dfcc)}
#sindhNetwork .sez-route-moving{animation-duration:var(--network-route-duration,10s)}
#sindhNetwork .sez-sea-ship img{width:var(--network-ship-size,26px)}
#sindhNetwork .sez-sea-ship{animation-duration:var(--network-ship-speed,24s)}

/* Global CMS palette bindings. Kept after component defaults so every picker has a visible effect. */
#sindhNetwork .sez-kicker,#sindhNetwork .sez-group-title,#sindhNetwork .sez-map-top-label,#sindhNetwork .sez-panel-kicker{color:var(--v12-accent,#84e3cc)!important}
#sindhNetwork .sez-live-dot,#sindhNetwork .sez-option.is-active .sez-dash{background:var(--v12-accent,#84e3cc)!important}
#sindhNetwork .sez-marker .sez-ring,#sindhNetwork .sez-marker.is-active .sez-point{stroke:var(--v12-accent,#84e3cc)!important}
#sindhNetwork .sez-sea,#sindhNetwork .sez-port-label{fill:var(--v12-gold,#e8ba80)!important}
#sindhNetwork .sez-port-ring{stroke:var(--v12-gold,#e8ba80)!important}
#sindhNetwork .sez-port-core{fill:var(--v12-gold,#e8ba80)!important}
#sindhNetwork .sez-kicker{font-size:clamp(9px,.71vw,11px);margin-bottom:clamp(9px,1.3vh,13px)}
#sindhNetwork .sez-side h1{font-size:clamp(28px,2.55vw,39px);line-height:1.1}
#sindhNetwork .sez-intro{font-size:clamp(12px,.87vw,13.5px);margin:clamp(12px,1.6vh,17px) 0 clamp(12px,1.8vh,19px)}
#sindhNetwork .sez-menu{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:space-evenly;
  gap:clamp(8px,1.25vh,16px);
}
#sindhNetwork .sez-group{display:grid;gap:clamp(2px,.45vh,7px)}
#sindhNetwork .sez-group-title{font-size:10px;margin-bottom:clamp(3px,.65vh,7px)}
#sindhNetwork .sez-option{font-size:clamp(13px,1.07vw,16px);padding:clamp(7px,1.05vh,10px) 9px;border-radius:9px;line-height:1.25;min-height:34px}
#sindhNetwork .sez-side-footer{margin-top:0;padding-top:clamp(13px,2vh,20px)}
#sindhNetwork .sez-map-top{font-size:10px}
#sindhNetwork .sez-route-badge{font-size:10px}
#sindhNetwork .sez-panel-kicker{font-size:10px}
#sindhNetwork .sez-city-title{font-size:clamp(22px,1.9vw,28px)}
/* Prevent large pulse rings from looking like an opaque frame */
#sindhNetwork .sez-marker.is-active .sez-radar{filter:none;pointer-events:none}
#sindhNetwork .sez-radar{stroke:#79d7c5}
/* Mobile: full natural flow, no oversized header or vacant sidebar bottom. */
@media(max-width:900px){
 #sindhNetwork{height:auto;min-height:0;max-height:none;overflow:clip}
 #sindhNetwork .sez-layout{display:flex;flex-direction:column;height:auto}
 #sindhNetwork .sez-side{padding:clamp(18px,4vw,25px) clamp(16px,5vw,25px) clamp(13px,3vw,18px);display:flex;flex-direction:column;gap:0}
 #sindhNetwork .sez-kicker{font-size:10px;letter-spacing:.12em;margin-bottom:9px}
 #sindhNetwork .sez-side h1{font-size:clamp(28px,7vw,34px);line-height:1.1}
 #sindhNetwork .sez-intro{max-width:490px;font-size:12.5px;line-height:1.5;margin:9px 0 16px}
 #sindhNetwork .sez-menu{flex:0 0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;justify-content:initial;align-content:start}
 #sindhNetwork .sez-group{gap:4px;min-width:0;align-content:start}
 #sindhNetwork .sez-group-title{font-size:9.5px;margin:0 0 3px;letter-spacing:.065em}
 #sindhNetwork .sez-option{font-size:14px;line-height:1.25;padding:7px 6px;min-height:42px;gap:7px;max-width:100%;margin-left:-5px;width:calc(100% + 5px);overflow-wrap:anywhere}
 #sindhNetwork .sez-option .sez-dash{width:12px;flex-basis:12px}
 #sindhNetwork .sez-side-footer{display:flex;margin-top:14px;padding-top:11px;border-top:1px solid rgba(151,221,202,.1)}
 #sindhNetwork .sez-map-stage{height:clamp(310px,90vw,490px);min-height:0;flex:none}
 #sindhNetwork .sez-map-top{left:13px;top:14px;font-size:9px}
 #sindhNetwork .sez-map-bottom{bottom:12px;left:12px;right:12px}
 #sindhNetwork .sez-route-badge{max-width:min(340px,92%);font-size:9.5px;line-height:1.4}
 #sindhNetwork .sez-info-panel{padding:15px clamp(14px,4vw,24px) 20px;gap:11px}
 #sindhNetwork .sez-info-card{flex:0 0 auto;min-height:0}
 #sindhNetwork .sez-card-hero{min-height:105px;flex-basis:105px}
 #sindhNetwork .sez-city-title{font-size:clamp(24px,6.3vw,30px)}
 #sindhNetwork .sez-field{padding:11px 13px}
 #sindhNetwork .sez-field-value{font-size:12.5px}
 #sindhNetwork .sez-card-bottom{padding:11px 13px}
 #sindhNetwork .sez-side-footer span{font-size:10px}
 #sindhNetwork .sez-panel-foot{font-size:10px;line-height:1.4}
}
@media(min-width:701px) and (max-width:900px){
 #sindhNetwork .sez-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
 #sindhNetwork .sez-option{font-size:13px;min-height:39px}
 #sindhNetwork .sez-map-stage{height:clamp(420px,55vw,490px)}
}
@media(max-width:360px){
 #sindhNetwork .sez-side{padding:16px 14px 11px}
 #sindhNetwork .sez-side h1{font-size:27px}
 #sindhNetwork .sez-intro{margin-bottom:12px}
 #sindhNetwork .sez-menu{gap:11px 10px}
 #sindhNetwork .sez-option{font-size:12.5px;min-height:40px;padding:5px 5px}
 #sindhNetwork .sez-map-stage{height:320px}
 #sindhNetwork .sez-info-panel{padding:13px 12px 18px}
}
@media(min-width:901px) and (max-height:710px){
 #sindhNetwork .sez-menu{gap:5px}
 #sindhNetwork .sez-group{gap:2px}
 #sindhNetwork .sez-option{padding:6px 7px;min-height:30px}
 #sindhNetwork .sez-intro{margin:9px 0 11px}
 #sindhNetwork .sez-side h1{font-size:28px}
}
@media(min-width:901px) and (max-height:590px){
 #sindhNetwork{height:auto;min-height:590px;max-height:none;overflow:visible}
 #sindhNetwork .sez-layout{height:590px}
}
@media(prefers-reduced-motion:reduce){
 #sindhNetwork .sez-marker.is-active .sez-radar{animation:none!important}
}


/* PREMIUM V4 — hairline north/south flow and viewport-entry outline animation */
#sindhNetwork .sez-camera{transition:transform 1120ms cubic-bezier(.16,.76,.24,1)}
#sindhNetwork .sez-boundary{stroke:rgba(198,227,218,.19);stroke-width:1.25;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-outline-ink{
 fill:none;stroke:#bdd9ce;stroke-width:1.48;stroke-linejoin:round;
 stroke-linecap:round;vector-effect:non-scaling-stroke;
 transition:stroke .7s ease;
 pointer-events:none;opacity:.96;
}
#sindhNetwork.sez-outline-done .sez-outline-ink{stroke:#bad4cb}
#sindhNetwork .sez-path-base{stroke:#79baad;stroke-width:.75;stroke-dasharray:none;opacity:.24;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-branch-base{stroke:#7da69d;stroke-width:.65;stroke-dasharray:none;opacity:.18;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-route-highlight{stroke:#79dfcc;stroke-width:1.04;opacity:.8;filter:none;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-route-moving{
 stroke:#f1fffc;stroke-width:1.35;stroke-dasharray:.45 13.5;
 animation:sezFineFlow 3.8s linear infinite;opacity:.86;
 vector-effect:non-scaling-stroke;filter:none;
}
#sindhNetwork .sez-route-particle{fill:var(--network-particle-color,#ebfff9);opacity:.75;filter:none;pointer-events:none}
#sindhNetwork .sez-route-particle.is-alt{fill:var(--network-particle-alt-color,#8de5d5)}
@keyframes sezFineFlow{to{stroke-dashoffset:-112}}
#sindhNetwork.motion-off .sez-route-particle{display:none}
@media (prefers-reduced-motion:reduce){
 #sindhNetwork .sez-outline-ink{transition:none!important;stroke-dashoffset:0!important}
 #sindhNetwork .sez-route-particle{display:none}
}

/* PREMIUM V5 — preserve V4 style, full context outline and geographic port links */
#sindhNetwork .sez-map-svg{isolation:isolate}

#sindhNetwork .sez-route-highlight{stroke:url(#sezPrimaryRouteGradient);stroke-width:1.08;opacity:.73;filter:none;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-route-moving{stroke:#d9fff6;stroke-width:1.04;opacity:.48;vector-effect:non-scaling-stroke;filter:none}
#sindhNetwork .sez-port-connector{stroke:url(#sezPortRouteGradient);stroke-width:1.14;fill:none;stroke-linecap:round;opacity:.78;vector-effect:non-scaling-stroke;filter:none;pointer-events:none}
#sindhNetwork .sez-port-route-motion{stroke:#efddc8;stroke-width:.89;stroke-dasharray:.1 11;animation:sezPortDashes 5s linear infinite;opacity:.45;fill:none;vector-effect:non-scaling-stroke;pointer-events:none}
#sindhNetwork .sez-port-particle{fill:var(--network-particle-alt-color,#efdec9);opacity:.82;pointer-events:none}
@keyframes sezPortDashes{to{stroke-dashoffset:-110}}
#sindhNetwork .sez-port-marker{pointer-events:none}
#sindhNetwork .sez-port-ring{stroke:#e8c7a8;stroke-width:1.08;fill:rgba(6,36,34,.72);vector-effect:non-scaling-stroke}
#sindhNetwork .sez-port-core{fill:#d9b89c}
#sindhNetwork .sez-port-label{font:500 9.7px Inter,"Segoe UI",Arial,sans-serif;fill:#dfcbb6;stroke:#092b29;stroke-width:2.2;stroke-linejoin:round;paint-order:stroke;letter-spacing:.1px}
#sindhNetwork .sez-port-legend-swatch{display:inline-block;background:linear-gradient(90deg,#e0c2a3,#b6a7da);width:14px;height:2px;border-radius:2px;margin-left:7px}
#sindhNetwork.motion-off .sez-port-route-motion{animation:none;opacity:0}
#sindhNetwork .sez-port-route-motion{animation-timing-function:linear}
@media(prefers-reduced-motion:reduce){
 #sindhNetwork .sez-full-perimeter{transition:none!important}
 #sindhNetwork .sez-port-route-motion{animation:none!important;opacity:0!important}
 #sindhNetwork .sez-port-particle{display:none!important}
}

/* V7 — restore V5 main map camera; keep V6 interaction refinements */
/* Selected location in mini locator: one blinking orange point */
#sindhNetwork .sez-mini-dot{
  fill:#ff912f;stroke:#ffd6a8;stroke-width:4;
  filter:drop-shadow(0 0 8px rgba(255,152,63,.86));
  animation:sezMiniBlink 1.55s ease-in-out infinite;
}
#sindhNetwork .sez-mini-halo{
  fill:none;stroke:#ff9e50;stroke-width:4;opacity:.12;
  animation:sezMiniRing 1.55s ease-out infinite;
}
@keyframes sezMiniBlink{0%,100%{opacity:1}50%{opacity:.27}}
@keyframes sezMiniRing{0%{opacity:.32;transform:scale(.64)}100%{opacity:0;transform:scale(1.8)}}
#sindhNetwork .sez-mini-location{pointer-events:none}
#sindhNetwork .sez-mini-halo{transform-box:fill-box;transform-origin:center}
/* Active sidebar border — tracing lap exactly 3 times, without layout movement. */
#sindhNetwork .sez-option{position:relative;isolation:isolate;}
#sindhNetwork .sez-option-trace{position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;z-index:3;}
#sindhNetwork .sez-option-trace svg{width:100%;height:100%;display:block;overflow:visible}
#sindhNetwork .sez-option-trace rect{
 fill:none;stroke:#9bf0d8;stroke-width:1.35;
 vector-effect:non-scaling-stroke;opacity:.92;
 stroke-linecap:round;stroke-dasharray:22 78;stroke-dashoffset:0;
 animation:sezOptionTrace 1s linear 3;
 filter:drop-shadow(0 0 2px rgba(145,252,217,.5));
}
@keyframes sezOptionTrace{to{stroke-dashoffset:-100}}
#sindhNetwork.motion-off .sez-mini-dot,#sindhNetwork.motion-off .sez-mini-halo{animation:none!important}
#sindhNetwork.motion-off .sez-option-trace{display:none}
@media(prefers-reduced-motion:reduce){
 #sindhNetwork .sez-mini-dot,#sindhNetwork .sez-mini-halo,#sindhNetwork .sez-option-trace rect{animation:none!important}
}

/* V7 zoom behavior: boundary, dots, corridors and city labels move as a single map */
#sindhNetwork .sez-camera{transform-origin:0px 0px;transition:transform 1120ms cubic-bezier(.16,.76,.24,1)}
#sindhNetwork .sez-boundary{fill:#0e3634;stroke:rgba(198,227,218,.35);stroke-width:1.25;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-outline-ink{stroke:#c6ded4;stroke-width:1.42;opacity:.96;fill:none;vector-effect:non-scaling-stroke;pointer-events:none}
#sindhNetwork.sez-outline-done .sez-outline-ink{stroke:#bfdad0;opacity:.96}
#sindhNetwork .sez-dotted{fill:url(#sezDots);opacity:.78;pointer-events:none}
#sindhNetwork .sez-port-label{font-size:8.3px;stroke-width:1.45;letter-spacing:0;opacity:.9}
/* Make neighboring labels visible, not accidentally washed away when a city is selected. */
#sindhNetwork .sez-map-stage.has-selection .sez-marker:not(.is-active) .sez-label{opacity:.62}
#sindhNetwork .sez-map-stage.has-selection .sez-marker:not(.is-active) .sez-point{opacity:.70}
#sindhNetwork .sez-marker.is-active .sez-label{opacity:1}
#sindhNetwork .sez-port-marker{pointer-events:none}

/* V8 — intentional route hover, soft camera and maritime micro-motion */
#sindhNetwork .sez-show-all{
  display:flex;align-items:center;justify-content:center;gap:8px;width:max-content;min-height:30px;
  padding:5px 13px;margin:-6px 0 10px;border:1px solid rgba(98,213,189,.40);
  border-radius:7px;background:transparent;color:#c9f1e6;cursor:pointer;
  font-size:11px;letter-spacing:.025em;font-weight:700;line-height:1.3;
  transition:border-color .3s,background .3s,transform .3s;color .3s;
}
#sindhNetwork .sez-show-all:hover,#sindhNetwork .sez-show-all:focus-visible{
  border-color:#80e4cf;background:rgba(91,215,199,.095);color:white;transform:translateY(-1px)
}
#sindhNetwork .sez-show-all-icon{font-size:14px;color:#6bd8bc;line-height:1}
#sindhNetwork .sez-camera{transition:none!important;will-change:transform}
#sindhNetwork .sez-route-hover{
  fill:none;stroke:#92e6d1;stroke-width:1.52;opacity:.94;
  stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;
  filter:drop-shadow(0 0 2px rgba(100,227,200,.20));pointer-events:none
}
#sindhNetwork .sez-route-hit{stroke:transparent;stroke-width:17;fill:none;pointer-events:stroke;cursor:crosshair}
#sindhNetwork .sez-option.is-hover{background:rgba(90,202,178,.085);border-color:rgba(131,224,201,.22)}
/* Exactly three calm gradient laps per selection: sea-glass teal → warm orange. */
#sindhNetwork .sez-option-trace rect{
  stroke:url(#sezOptionGradient);stroke-width:.83;opacity:.92;
  stroke-dasharray:26 74;animation:sezOptionTrace 1.65s linear 3;
  filter:drop-shadow(0 0 1px rgba(239,166,112,.26));
}
#sindhNetwork #sezSeaVessels{pointer-events:none;display:none}
#sindhNetwork .sez-map-stage.has-ports #sezSeaVessels{display:block}
#sindhNetwork .sez-ship{opacity:.86;filter:drop-shadow(0 1px 1.2px rgba(0,0,0,.32))}
#sindhNetwork .sez-ship.cargo .sez-ship-motion{animation:sezShipCargo 12.5s ease-in-out infinite alternate}
#sindhNetwork .sez-ship.dhow .sez-ship-motion{animation:sezShipDhow 10.8s ease-in-out infinite alternate}
#sindhNetwork .sez-ship-bob{animation:sezShipBob 2.8s ease-in-out infinite}
#sindhNetwork .sez-ship.dhow .sez-ship-bob{animation-delay:-1.3s}
#sindhNetwork .sez-wake{stroke:rgba(112,206,196,.45);stroke-width:.6;fill:none;stroke-linecap:round;stroke-dasharray:1.5 3}
@keyframes sezShipCargo{0%{transform:translate(0px,0px)}100%{transform:translate(25px,3px)}}
@keyframes sezShipDhow{0%{transform:translate(0px,0px)}100%{transform:translate(-19px,-2px)}}
@keyframes sezShipBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2px)}}
#sindhNetwork.motion-off .sez-ship-motion,#sindhNetwork.motion-off .sez-ship-bob{animation:none!important}
@media(max-width:900px){#sindhNetwork .sez-show-all{margin:0 0 14px;min-height:32px}}
@media(prefers-reduced-motion:reduce){
  #sindhNetwork .sez-ship-motion,#sindhNetwork .sez-ship-bob{animation:none!important}
}
/* V9 detail refinements — clear controls, truly thin lines and coastal illustration. */
#sindhNetwork .sez-map-top{display:flex;align-items:flex-start;flex-direction:column;gap:9px;pointer-events:none}
#sindhNetwork .sez-map-top-label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;letter-spacing:.055em}
#sindhNetwork .sez-map-top .sez-show-all{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:0;width:auto;min-height:27px;height:27px;margin:0;padding:3px 12px;border:1px solid rgba(121,220,200,.5);border-radius:7px;background:transparent;color:#d4f1e8;line-height:1;font-size:11px;font-weight:650;letter-spacing:.01em}
#sindhNetwork .sez-map-top .sez-show-all .sez-show-all-icon,#sindhNetwork .sez-map-top .sez-show-all span[aria-hidden]{display:none}
#sindhNetwork .sez-route-hover{stroke-width:.62;opacity:.84;filter:none;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-route-highlight{stroke-width:.82;opacity:.82;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-route-moving{stroke-width:.68;opacity:.52;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-route-overview{stroke-width:.58;opacity:.2;animation-duration:8s}
#sindhNetwork .sez-overview-particle{opacity:.36;filter:none}
#sindhNetwork .sez-path-base{stroke-width:.55;opacity:.24;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-branch-base{stroke-width:.5;opacity:.19;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-port-connector{stroke-width:.72;opacity:.72;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-port-route-motion{stroke-width:.64;opacity:.36;vector-effect:non-scaling-stroke}
#sindhNetwork .sez-punjab-base{fill:none;stroke:url(#sezPunjabFade);stroke-width:.72;opacity:.61;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}
#sindhNetwork .sez-punjab-preview{fill:none;stroke:url(#sezPunjabFade);stroke-width:.82;opacity:.81;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}
#sindhNetwork .sez-punjab-active{fill:none;stroke:url(#sezPunjabFade);stroke-width:1.05;opacity:.9;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}
#sindhNetwork .sez-punjab-particle{fill:var(--network-particle-color,#adf7eb);opacity:.85;pointer-events:none}
#sindhNetwork .sez-map-stage.has-selection:not(.sukkur-selected) .sez-punjab-base{opacity:.31}
#sindhNetwork #sezSeaVessels{pointer-events:none;display:none}
#sindhNetwork .sez-map-stage.has-ports #sezSeaVessels{display:block}
#sindhNetwork .sez-reference-cargo{opacity:.95;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}
#sindhNetwork .sez-reference-cargo .sez-ship-motion{animation:sezCargoOutbound 17s linear infinite}
@keyframes sezCargoOutbound{0%{transform:translate(0px,0px);opacity:0}5%{opacity:.95}74%{opacity:.95}100%{transform:translate(-62px,30px);opacity:0}}
#sindhNetwork.motion-off .sez-reference-cargo .sez-ship-motion{animation:none!important;opacity:.92!important}
@media(prefers-reduced-motion:reduce){#sindhNetwork .sez-reference-cargo .sez-ship-motion{animation:none!important;opacity:.92!important}}
@media(max-width:900px){#sindhNetwork .sez-map-top{left:13px;top:13px;gap:7px}#sindhNetwork .sez-map-top .sez-show-all{height:28px;min-height:28px;padding:3px 11px}}


/* V10 — zone data card enrichment and refined sea label */
#sindhNetwork .sez-sea{font:italic 18px Georgia,serif;fill:url(#sezSeaGradient);letter-spacing:.03em;opacity:.96;animation:sezSeaPulse 4.2s ease-in-out infinite;filter:drop-shadow(0 0 5px rgba(0,0,0,.22))}
@keyframes sezSeaPulse{0%,100%{opacity:.7}50%{opacity:1;filter:drop-shadow(0 0 7px rgba(126,234,224,.3))}}
#sindhNetwork .sez-card-body{display:flex;flex-direction:column;gap:10px}
#sindhNetwork .sez-field-rich{display:flex;flex-direction:column;gap:8px}
#sindhNetwork .sez-rich-facts{display:flex;flex-wrap:wrap;gap:6px}
#sindhNetwork .sez-fact-chip{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid rgba(129,205,191,.24);border-radius:999px;background:rgba(11,46,42,.54);color:#d8efea;font-size:11px;line-height:1.2}
#sindhNetwork .sez-highlight-list{margin:0;padding:0 0 0 16px;color:#dcefeb;font-size:12px;line-height:1.48}
#sindhNetwork .sez-highlight-list li+li{margin-top:4px}
#sindhNetwork .sez-card-bottom{line-height:1.48}
#sindhNetwork .sez-info-card{overflow:auto}
#sindhNetwork .sez-reference-cargo{opacity:.92;filter:drop-shadow(0 1px 1.8px rgba(0,0,0,.30))}
#sindhNetwork .sez-reference-cargo .sez-ship-motion{animation:sezCargoInboundV101 20s ease-in-out infinite}
#sindhNetwork .sez-reference-cargo .sez-ship-bob{animation:sezShipBob 3.2s ease-in-out infinite}
@keyframes sezCargoInboundV101{0%{transform:translate(82px,-34px);opacity:0}18%{opacity:.9}72%{transform:translate(10px,-4px);opacity:.94}88%{transform:translate(2px,-1px);opacity:.96}100%{transform:translate(0px,0px);opacity:.96}}
#sindhNetwork.motion-off .sez-reference-cargo .sez-ship-motion{animation:none!important;opacity:.92!important}
@media(prefers-reduced-motion:reduce){#sindhNetwork .sez-sea{animation:none!important}#sindhNetwork .sez-reference-cargo .sez-ship-motion{animation:none!important;opacity:.92!important}}


/* V10.2: a fixed sea-gutter animation — independent from zooming map. */
#sindhNetwork .sez-sea-ship{position:absolute;z-index:3;left:20px;top:50%;width:38px;height:27px;pointer-events:none;display:none;opacity:0;will-change:transform,opacity}
#sindhNetwork .sez-sea-ship img{display:block;width:38px;height:auto;transform:scaleX(-1);filter:drop-shadow(0 2px 2px rgba(0,0,0,.32))}
#sindhNetwork .sez-map-stage.has-ports .sez-sea-ship{display:block;animation:sezShipApproach 8s linear infinite}
/* Enters from the far-left sea gutter, approaches the Karachi side, then waits and fades.
   Final screen position remains offshore; the vessel is never transformed by the map camera. */
@keyframes sezShipApproach{
  0%{transform:translateX(0);opacity:0}
  10%{transform:translateX(6px);opacity:.84}
  58%{transform:translateX(68px);opacity:.94}
  72%{transform:translateX(72px);opacity:.94}
  90%{transform:translateX(72px);opacity:.94}
  98%{transform:translateX(72px);opacity:0}
  100%{transform:translateX(0);opacity:0}
}
/* The old image inside the SVG is intentionally never drawn. */
#sindhNetwork #sezSeaVessels{display:none!important}
#sindhNetwork [hidden]{display:none!important}
#sindhNetwork .sez-khairpur-extra .sez-field-value{line-height:1.36}
#sindhNetwork .sez-info-card.is-khairpur .sez-field{padding:8px 14px}
#sindhNetwork .sez-info-card.is-khairpur .sez-card-body{gap:0}
#sindhNetwork .sez-info-card.is-khairpur .sez-card-hero{flex-basis:117px}
#sindhNetwork .sez-info-card.is-khairpur .sez-field-rich{display:none}
#sindhNetwork .sez-info-card.is-khairpur .sez-photo{display:none!important}
#sindhNetwork .sez-info-card.is-khairpur .sez-step{padding:4px 5px;font-size:9px}
#sindhNetwork .sez-info-card.is-khairpur .sez-card-bottom{padding:9px 13px}
@media(max-width:900px){#sindhNetwork .sez-sea-ship{left:9px;top:53%;width:30px;height:22px}#sindhNetwork .sez-sea-ship img{width:24px}#sindhNetwork .sez-map-stage.has-ports .sez-sea-ship{animation-name:sezShipApproachMobile}}
@keyframes sezShipApproachMobile{0%{transform:translateX(0);opacity:0}12%{transform:translateX(3px);opacity:.84}60%{transform:translateX(26px);opacity:.92}90%{transform:translateX(26px);opacity:.92}98%{transform:translateX(26px);opacity:0}100%{transform:translateX(0);opacity:0}}
@media(prefers-reduced-motion:reduce){#sindhNetwork .sez-map-stage.has-ports .sez-sea-ship{animation:none;opacity:.9;transform:translateX(25px)}}

/* Compact Khairpur header: full title without oversized wrapping. */
#sindhNetwork .sez-info-card.is-khairpur .sez-card-hero{grid-template-columns:minmax(0,1fr) 77px;flex-basis:108px;padding:10px 10px 10px 13px;gap:4px}
#sindhNetwork .sez-info-card.is-khairpur .sez-city-title{font:400 19.5px/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.015em}
#sindhNetwork .sez-info-card.is-khairpur .sez-mini-map{height:86px}
#sindhNetwork .sez-info-card.is-khairpur .sez-mini-map svg{height:77px}
@media(max-width:900px){#sindhNetwork .sez-info-card.is-khairpur .sez-city-title{font-size:22px}}

/* V11: compact intelligence card, semantic fields and seven locations */
#sindhNetwork .sez-info-card{overflow:auto;scrollbar-width:none}
#sindhNetwork .sez-info-card::-webkit-scrollbar{display:none}
#sindhNetwork .sez-field{padding-top:9px;padding-bottom:9px}
#sindhNetwork .sez-field-rich{display:block}
#sindhNetwork .sez-highlight-list{padding-left:15px;font-size:11.5px;line-height:1.36}
#sindhNetwork .sez-highlight-list li+li{margin-top:4px}
#sindhNetwork .sez-city-title{font-size:clamp(18px,1.7vw,24px);line-height:1.1}
#sindhNetwork .sez-city-description{font-size:11px;line-height:1.35}
#sindhNetwork .sez-city-tabs{display:grid;grid-template-columns:1fr;gap:4px;background:rgba(8,42,39,.9);padding:6px;border-bottom:1px solid rgba(128,205,190,.22)}
#sindhNetwork .sez-city-tabs[hidden]{display:none!important}
#sindhNetwork .sez-city-tab{font-family:inherit;font-size:10px;line-height:1.2;min-height:32px;border:1px solid rgba(107,204,184,.22);border-radius:7px;background:transparent;color:#b6d5cd;cursor:pointer;padding:5px 6px;text-align:center}
#sindhNetwork .sez-city-tab.is-active{background:rgba(66,177,151,.22);color:#ecfff9;border-color:rgba(103,224,194,.65)}
#sindhNetwork .sez-city-tab:focus-visible{outline:2px solid #edb578;outline-offset:2px}
#sindhNetwork .sez-sea{font:italic 18px Georgia,serif;fill:url(#sezSeaGradient);animation:sezSeaPulse 4s ease-in-out infinite;opacity:.87;filter:drop-shadow(0 0 3px rgba(71,216,194,.14))}
#sindhNetwork .sez-sea-ship{left:82px;top:31%;width:30px;height:21px}
#sindhNetwork .sez-sea-ship img{width:24px}
#sindhNetwork .sez-map-stage.has-ports .sez-sea-ship{animation:sezShipV11_1 24s linear infinite}
/* 0-8s travel; 8-16s remain offshore; fade/reset before repeating. */
@keyframes sezShipV11_1{
  0%{transform:translateX(0);opacity:0}
  4%{transform:translateX(0);opacity:.88}
  31%{transform:translateX(98px);opacity:.96}
  64%{transform:translateX(98px);opacity:.96}
  71%{transform:translateX(98px);opacity:0}
  100%{transform:translateX(0);opacity:0}
}
@media(max-width:900px){
 #sindhNetwork .sez-sea-ship{left:30px;top:32%;width:24px;height:17px}
 #sindhNetwork .sez-sea-ship img{width:24px}
 #sindhNetwork .sez-map-stage.has-ports .sez-sea-ship{animation-name:sezShipV11_1Mobile}
 #sindhNetwork .sez-city-title{font-size:18px}
}
@keyframes sezShipV11_1Mobile{
  0%{transform:translateX(0);opacity:0}
  4%{transform:translateX(0);opacity:.88}
  31%{transform:translateX(39px);opacity:.96}
  64%{transform:translateX(39px);opacity:.96}
  71%{transform:translateX(39px);opacity:0}
  100%{transform:translateX(0);opacity:0}
}
@media(prefers-reduced-motion:reduce){
 #sindhNetwork .sez-map-stage.has-ports .sez-sea-ship{animation:none!important;opacity:.9;transform:translateX(50px)}
}

#sindhNetwork .sez-info-card.is-khairpur .sez-field-rich{display:block!important}
#sindhNetwork .sez-info-card.is-khairpur .sez-card-hero{flex-basis:auto}


/* V11.4 final sea + cargo positioning */
#sindhNetwork .sez-sea-ship{display:block!important;left:76px!important;top:68%!important;width:30px!important;height:21px!important;z-index:4!important;opacity:0;pointer-events:none}
#sindhNetwork .sez-sea-ship img{display:block;width:26px!important;height:auto;transform:scaleX(-1);filter:drop-shadow(0 2px 2px rgba(0,0,0,.32))}
#sindhNetwork .sez-map-stage .sez-sea-ship{animation:sezShipFinal 24s linear infinite!important}
@keyframes sezShipFinal{0%{transform:translateX(0);opacity:0}5%{transform:translateX(0);opacity:.92}32%{transform:translateX(74px);opacity:.96}65%{transform:translateX(74px);opacity:.96}72%{transform:translateX(74px);opacity:0}100%{transform:translateX(0);opacity:0}}
@media(max-width:900px){#sindhNetwork .sez-sea-ship{left:34px!important;top:69%!important;width:25px!important;height:18px!important}#sindhNetwork .sez-sea-ship img{width:22px!important}#sindhNetwork .sez-map-stage .sez-sea-ship{animation-name:sezShipFinalMobile!important}}
@keyframes sezShipFinalMobile{0%{transform:translateX(0);opacity:0}5%{transform:translateX(0);opacity:.92}32%{transform:translateX(40px);opacity:.96}65%{transform:translateX(40px);opacity:.96}72%{transform:translateX(40px);opacity:0}100%{transform:translateX(0);opacity:0}}
@media(prefers-reduced-motion:reduce){#sindhNetwork .sez-map-stage .sez-sea-ship{animation:none!important;opacity:.9;transform:translateX(40px)!important}}
#sindhNetwork .sez-sea{font:italic 19px Georgia,serif;fill:url(#sezSeaGradient);opacity:.95;animation:sezSeaPulse 4s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(71,216,194,.18))}

/* V11.5: cargo ship only for Dhabeji and MCK selections */
#sindhNetwork .sez-sea-ship{display:none!important;opacity:0!important}
#sindhNetwork .sez-map-stage.has-ship .sez-sea-ship{display:block!important;opacity:1!important;animation:sezShipFinal 24s linear infinite!important}
@media(max-width:900px){#sindhNetwork .sez-map-stage.has-ship .sez-sea-ship{animation-name:sezShipFinalMobile!important}}
@media(prefers-reduced-motion:reduce){#sindhNetwork .sez-map-stage.has-ship .sez-sea-ship{animation:none!important;opacity:.9!important;transform:translateX(40px)!important}}