.network.region-explorer{display:block;padding:90px 0;background:#0b261b;min-height:0}
.region-explorer-inner{width:min(1380px,92%);margin:auto}
.region-explorer h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(38px,4vw,58px);line-height:1.05;color:#f5eee3;margin:0 0 36px}
.region-explorer h2 span{color:#e3c58e}
.region-explorer-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:36px;align-items:center}
.region-map{overflow:hidden;border:1px solid #c9a15f30;background:#102019}
.region-map svg{display:block;width:100%;height:auto}
.region-map-base{filter:brightness(.48);transition:filter 550ms ease}
.region-map-highlight{opacity:0;transition:opacity 550ms cubic-bezier(.22,1,.36,1)}
.region-map-highlight.is-active{opacity:1}
.region-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}
.region-controls button{padding:13px 12px;min-height:48px;background:transparent;border:1px solid #c9a15f50;color:#e7ddcb;font:inherit;font-size:12px;cursor:pointer;transition:background 350ms,color 350ms,border-color 350ms}
.region-controls button[aria-pressed="true"]{background:#e3c58e;color:#102b1e;border-color:#e3c58e}
.region-controls button.is-preview:not([aria-pressed="true"]){background:#c9a15f22;border-color:#e3c58e}
.region-explorer a:focus-visible,.region-controls button:focus-visible{outline:2px solid #e3c58e;outline-offset:4px}
.region-info-stack{display:grid}
.region-info{grid-area:1 / 1;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity 350ms ease,transform 450ms ease,visibility 350ms;pointer-events:none}
.region-info.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.region-info h3{font-family:"Cormorant Garamond",Georgia,serif;color:#e3c58e;font-size:38px;margin:0 0 14px}
.region-info p{font-size:14px;line-height:1.85;color:#c7cec3;margin:0 0 24px}
.region-info a{color:#e3c58e;font-size:12px;display:inline-flex;gap:20px;align-items:center;padding:10px 0;border-bottom:1px solid #c9a15f60}
.region-map-hint{font-size:11px;color:#b2bcaf;margin-top:24px}
.region-selection-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.region-explorer-layout{grid-template-columns:1fr}.region-controls{grid-template-columns:repeat(4,1fr)}.network.region-explorer{padding:64px 0}}
@media(max-width:480px){.region-controls{grid-template-columns:1fr 1fr}.region-explorer-layout{gap:24px}}
@media(prefers-reduced-motion:reduce){.region-map-highlight,.region-map-base,.region-info,.region-controls button{transition:none}.region-info{transform:none}}