/* Explorer interaction finish. No country values or shared navigation rules. */
:root{--atlas-filter-width:314px}
.workspace>.sidebar{width:var(--atlas-filter-width);flex-basis:var(--atlas-filter-width);padding-top:0;display:block;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
body.immersive .workspace>.sidebar{margin-left:calc(-1 * var(--atlas-filter-width))}
.workspace>.sidebar[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.filter-panel__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0 12px;background:#101c20;margin-bottom:14px;border-bottom:1px solid rgba(200,218,217,.13)}
.filter-panel__head h1{font:750 23px/1.2 var(--atlas-font);letter-spacing:-.04em;margin:0}
.filter-panel__close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid rgba(200,218,217,.18);border-radius:10px;background:rgba(255,255,255,.025);color:#d6c19b;font:400 26px/1 var(--atlas-font);cursor:pointer}
.filter-panel__close:hover{background:rgba(214,193,155,.10);border-color:rgba(214,193,155,.4)}
.workspace>.sidebar .results{height:auto;min-height:0;max-height:none;overflow:visible;flex:none}
.workspace>.sidebar .sidebar-footer{margin-top:12px}
#mobileFilters.filter-mobile{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-width:96px;min-height:44px;padding:9px 12px;border:1px solid rgba(214,193,155,.4);border-radius:10px;background:rgba(16,30,34,.94);color:#dfcba6;font:650 12px/1.2 var(--atlas-font);cursor:pointer;white-space:nowrap;margin-left:auto}
#mobileFilters[aria-expanded="true"]{background:rgba(214,193,155,.12)}
#mobileFilters svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
#focusMode{display:none!important}
.filter-panel__backdrop{position:absolute;inset:0;z-index:26;width:100%;height:100%;padding:0;border:0;border-radius:0;background:rgba(3,10,13,.52);cursor:pointer}
.filter-panel__backdrop[hidden]{display:none!important}
.map-toolbar>.layers{min-width:0;max-width:calc(100% - 108px);overflow-x:auto;scrollbar-width:none}
.map-toolbar>.layers::-webkit-scrollbar{display:none}
.map-toolbar>.layers button{flex-shrink:0}
@media(max-width:1180px){:root{--atlas-filter-width:300px}}
@media(max-width:980px){:root{--atlas-filter-width:294px}}
@media(max-width:900px){
  :root{--atlas-filter-width:min(340px,calc(100vw - 52px))}
  .workspace>.sidebar{max-width:none;z-index:28;margin:0!important;box-shadow:20px 0 60px rgba(0,0,0,.3)}
  .filter-panel__head{padding-top:10px}
  .map-toolbar{gap:8px}
  #mobileFilters.filter-mobile{min-width:88px;padding:9px 10px}
  .map-toolbar>.layers{max-width:calc(100% - 96px)}
}
/* A touch selects a country; it is not a simulated desktop hover. */
@media(hover:none),(pointer:coarse){
  #worldMap #countries .country-shape{transition:opacity .3s ease}
  #worldMap #countries .country-shape.selected{fill:#cebb94!important;stroke:#eee0bf;stroke-opacity:1;stroke-width:1.5;opacity:1}
}
@media(prefers-reduced-motion:reduce){
  .workspace>.sidebar,#worldMap #countries .country-shape{transition:none!important}
}
/* One anchored desktop switch: opening and closing never moves the target. */
.filter-dock{position:absolute;top:12px;left:16px;z-index:31;pointer-events:none}
.filter-dock>#mobileFilters.filter-mobile{pointer-events:auto;min-width:124px;width:124px;margin:0;justify-content:flex-start;box-shadow:0 4px 18px rgba(3,10,13,.12)}
.filter-dock .filter-switch__arrow{width:14px;height:14px;margin-left:auto;transition:transform .2s ease}
.filter-dock #mobileFilters[aria-expanded="true"] .filter-switch__arrow{transform:rotate(180deg)}
@media(min-width:901px){
  .workspace>.sidebar{padding-top:76px}
  .filter-panel__head{display:none}
  .map-toolbar>.layers{max-width:100%}
  body.immersive .map-toolbar{left:160px}
}
@media(max-width:900px){
  .filter-dock{left:12px;top:10px}
  .filter-dock>#mobileFilters.filter-mobile{width:112px;min-width:112px}
  .workspace>.sidebar{padding-top:64px}
  .filter-panel__head h1{font-size:19px}
  .map-toolbar{left:12px;right:12px;top:65px}
  .map-toolbar>.layers{max-width:100%;width:100%}
  .map-caption{top:122px}
}
@media(prefers-reduced-motion:reduce){.filter-dock .filter-switch__arrow{transition:none}}