/* Gateway colors and map markers. */
.gateway-map .gateway-sea-lines{fill:none;stroke:#ffac70}
.gateway-map .gateway-air-lines{fill:none;stroke:#88d4e8;stroke-dasharray:5 6}
.gateway-map .gateway-seaports circle,.gateway-map .gateway-sea-key{fill:#ffac70;stroke:#102b43;stroke-width:2}
.gateway-map .gateway-airports path,.gateway-map .gateway-air-key{fill:#88d4e8;stroke:#102b43;stroke-width:2}
.gateway-map .gateway-labels text{letter-spacing:1px;font-weight:700}
.gateway-map .gateway-labels tspan{letter-spacing:0;font-weight:400}
.gateway-map .gateway-legend text{stroke:none}
.gateway-map .gateway-map-note{letter-spacing:1px;fill:#b9cbd6}

/* Expanded gateway explorer. */
.shipping-network-home:has(.gateway-explorer) .network-overview{align-items:start;gap:36px}
.gateway-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:#102b43;color:#d6e4ec;border-bottom:1px solid #ffffff20}
.gateway-toolbar>span{font-size:10px;letter-spacing:1.6px;font-weight:700}
.gateway-filters{display:flex;gap:4px}
.gateway-filters button{appearance:none;background:transparent;color:#d6e4ec;border:1px solid #ffffff30;border-radius:3px;padding:8px 13px;font:inherit;font-size:12px;cursor:pointer;min-height:36px}
.gateway-filters button[aria-pressed=true]{background:#f1ae79;border-color:#f1ae79;color:#102b43}
.gateway-filters button:focus-visible{outline:2px solid white;outline-offset:3px}
.gateway-map .gateway-sea-lines{stroke-width:1.25;opacity:.43}
.gateway-map .gateway-air-lines{stroke-width:1.25;opacity:.58}
.gateway-map .gateway-origin-leader{fill:none;stroke:#f1ae79;stroke-width:1;opacity:.7}
.gateway-origin-panel{padding:22px;background:#17394f;color:white;border-top:1px solid #ffffff20}
.gateway-origin-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:17px;font-size:10px;letter-spacing:1px;color:#f1ae79;font-weight:650}
.gateway-origin-heading>span:last-child{letter-spacing:0;color:#b9cbd6;font-weight:400}
.gateway-region-details{display:grid;gap:9px}
.gateway-detail-label{display:block;font-size:10px;font-weight:650;letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px;color:#98451f}
.gateway-detail-row[data-gateway-kind=air] .gateway-detail-label{color:#28708a}
.network-market .gateway-detail-row p{font-size:13px;line-height:1.65;color:#405d70}
.gateway-code{font-size:11px;font-weight:600;white-space:nowrap;color:#28708a}
.gateway-origin-panel .gateway-detail-label{color:#f1ae79}
.gateway-origin-panel .gateway-detail-row[data-gateway-kind=air] .gateway-detail-label,.gateway-origin-panel .gateway-code{color:#88d4e8}
.gateway-origin-panel p{font-size:13px;line-height:1.7;margin:0;color:#edf2f5}
.gateway-planning-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 22px;background:#e2eaf0;gap:12px;font-size:11px;color:#405d70}
.gateway-planning-strip b{display:block;font-size:10px;color:#98451f;margin-bottom:4px}
.gateway-filter-status{margin:0;padding:10px 22px;background:#e2eaf0;border-top:1px solid #c9d6df;font-size:11px;color:#526b7d}
[data-gateway-mode=sea] [data-gateway-kind=air],[data-gateway-mode=air] [data-gateway-kind=sea]{display:none}
@media(max-width:760px){.gateway-toolbar{padding:14px;flex-wrap:wrap}.gateway-toolbar>span{font-size:10px}.gateway-filters button{padding:8px 12px}.gateway-origin-panel{padding:20px}.gateway-origin-heading{flex-wrap:wrap}.gateway-planning-strip{padding:16px;font-size:11px}.gateway-origin-panel .gateway-detail-row p{font-size:14px}.network-market .gateway-detail-row p{font-size:14px}.gateway-detail-label{font-size:11px}.gateway-code{font-size:12px}.gateway-map .gateway-labels text{font-size:19px}.gateway-map .gateway-labels tspan{font-size:16px}.gateway-map .gateway-legend .gateway-map-note{font-size:14px}}

/* Wide map and selectable regional gateways. */
.shipping-network-home:has(.gateway-explorer) .network-overview{grid-template-columns:1fr;gap:28px}
.gateway-region-controls{display:flex;gap:8px;flex-wrap:wrap;padding:14px 22px;background:#17394f;border-bottom:1px solid #ffffff15}
.gateway-region-controls button{border:1px solid transparent;border-radius:3px;background:transparent;color:#c1d3df;font:inherit;font-size:12px;cursor:pointer;padding:8px 14px;min-height:36px}
.gateway-region-controls button[aria-pressed=true]{color:#fff;border-color:#88d4e866;background:#88d4e815}
.gateway-region-controls button:hover{color:#fff;background:#ffffff0c}
.gateway-region-controls button:focus-visible{outline:2px solid #88d4e8;outline-offset:3px}
.gateway-map .network-land{opacity:.75}
.gateway-map .gateway-sea-lines{opacity:.7;stroke-width:1.1}
.gateway-map .gateway-air-lines{opacity:.8;stroke-width:1.1}
.gateway-map .is-muted{opacity:.12}
.gateway-map [data-gateway-node]{cursor:pointer;transition:opacity .15s}
.gateway-map [data-gateway-node].is-selected{stroke:white;stroke-width:4;filter:drop-shadow(0 0 7px #fff)}
.gateway-map .gateway-labels text{font-size:16px;stroke-width:3}
.gateway-map .gateway-labels tspan{font-size:13px}
.gateway-map .gateway-legend text{font-size:13px}
.gateway-map .gateway-legend .gateway-map-note{font-size:10px}
.gateway-inspector{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:#102b43;border-top:1px solid #ffffff20;color:#fff}
.gateway-inspector-title{font-size:17px;font-weight:600}
.gateway-inspector-detail{font-size:12px;line-height:1.6;color:#c1d3df}
.gateway-origin-panel{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,2fr);gap:30px;align-items:start}
.gateway-origin-heading{flex-direction:column;justify-content:start;gap:8px;margin:3px 0 0}
.gateway-origin-panel .gateway-region-details{grid-template-columns:1fr 1fr;gap:25px}
.gateway-chips{display:flex;flex-wrap:wrap;gap:7px}
.gateway-chip{display:inline-flex;align-items:center;gap:5px;appearance:none;border:1px solid #c5d4de;border-radius:3px;background:#ffffff70;color:#17394f;padding:8px 10px;min-height:36px;font:inherit;font-size:13px;text-align:start;cursor:pointer;line-height:1.25;max-width:100%}
.gateway-chip:hover{background:#fff;border-color:#98451f}
.gateway-chip[aria-pressed=true]{border-color:#98451f;background:#faeadc;color:#703715}
.gateway-chip:focus-visible{outline:2px solid #98451f;outline-offset:3px}
.gateway-origin-panel .gateway-chip{color:#edf2f5;border-color:#ffffff30;background:#ffffff08}
.gateway-origin-panel .gateway-chip:hover,.gateway-origin-panel .gateway-chip[aria-pressed=true]{border-color:#f1ae79;background:#f1ae791a}
.gateway-origin-panel .gateway-chip:focus-visible{outline-color:#f1ae79}
.gateway-market-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;border:0}
.gateway-market-cards .network-market{border:1px solid #c9d6df;padding:22px 18px;background:#ffffff40;transition:border-color .15s;display:block}
.gateway-market-cards .network-market.is-active{border-color:#98451f;background:#fff9f3}
.gateway-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.gateway-card-heading h3{font-size:22px;margin:0}
.gateway-market-cards .gateway-region-details{gap:18px}
.gateway-detail-label{margin-bottom:8px}
.gateway-market-link{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:14px;border-top:1px solid #c9d6df;color:#98451f;font-size:12px;font-weight:600;text-decoration:none;min-height:36px}
.gateway-market-link:focus-visible{outline:2px solid #98451f;outline-offset:3px}
.gateway-planning-strip{display:none}
.gateway-filter-status{background:#17394f;color:#c1d3df;border-top:1px solid #ffffff15;padding-block:14px}
@media(max-width:1000px){.gateway-market-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-origin-panel{grid-template-columns:1fr;gap:18px}.gateway-origin-heading{flex-direction:row;justify-content:space-between}}
@media(max-width:760px){.gateway-market-cards{grid-template-columns:1fr}.gateway-market-cards .network-market{padding:22px}.gateway-region-controls{padding:12px;gap:4px}.gateway-region-controls button{font-size:12px;padding:8px 10px;min-height:40px}.gateway-inspector{align-items:start;flex-direction:column;gap:5px;padding:18px}.gateway-origin-panel .gateway-region-details{grid-template-columns:1fr;gap:20px}.gateway-origin-heading{flex-direction:column}.gateway-chip{font-size:14px;min-height:42px;padding:10px 12px}.gateway-map .gateway-labels text{font-size:20px}.gateway-map .gateway-labels tspan{display:none}.gateway-map .gateway-legend text{font-size:24px}.gateway-map .gateway-map-note{display:none}.gateway-map .gateway-sea-lines,.gateway-map .gateway-air-lines{stroke-width:2}.gateway-map .gateway-seaports circle{r:6px}.gateway-card-heading h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.gateway-map [data-gateway-node],.gateway-market-cards .network-market{transition:none}}

.gateway-map{scroll-margin-top:105px}.gateway-explorer{scroll-margin-top:105px}

@media(max-width:760px){.gateway-map .gateway-labels text{font-size:28px}.gateway-map .gateway-legend text{font-size:27px}}

/* Keep the geographic projection and official identifiers stable in RTL. */
.gateway-explorer{min-width:0}
.gateway-map{direction:ltr}
.gateway-labels text{unicode-bidi:plaintext}
.gateway-chip bdi,.gateway-code{direction:ltr;unicode-bidi:isolate}
.gateway-toolbar,.gateway-inspector,.gateway-origin-heading{flex-wrap:wrap}
.gateway-filters{flex-wrap:wrap}
.gateway-chip{overflow-wrap:anywhere}
.gateway-map [data-gateway-node]:focus-visible{outline:none;stroke:white;stroke-width:4;filter:drop-shadow(0 0 7px #fff)}
html[dir=rtl] .gateway-toolbar>span,html[dir=rtl] .gateway-detail-label,html[dir=rtl] .gateway-origin-heading{letter-spacing:0}
@media(max-width:760px){.gateway-filters button{max-width:100%;white-space:normal}.gateway-map .gateway-labels text{font-size:24px}.gateway-map .gateway-legend text{font-size:24px}.gateway-card-heading h3{overflow-wrap:anywhere}}