/* Interactive regional map */
.geography-atlas-section{
  margin:0 0 clamp(3rem,6vw,5rem);
  padding:.5rem 0 clamp(2.5rem,5vw,4rem);
  border-bottom:1px solid rgba(170,184,191,.18);
}
.geography-atlas-heading{margin-bottom:.85rem}
.geography-atlas-heading h2{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(2.1rem,4vw,3.7rem);
  line-height:.98;
  letter-spacing:-.035em;
  color:var(--brand-light,#E3EBEE);
}
.atlas-toolbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding:.75rem 0;
  border-top:1px solid rgba(170,184,191,.18);
}
.atlas-controls{display:flex;gap:.45rem;align-items:center}
.atlas-controls button{
  min-width:2.65rem;
  border:1px solid rgba(142,208,236,.24);
  border-radius:7px;
  background:rgba(15,36,54,.72);
  color:var(--brand-light,#E3EBEE);
  padding:.62rem .78rem;
  font:inherit;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.atlas-controls button:hover,.atlas-controls button:focus-visible{
  border-color:rgba(142,208,236,.72);
  background:rgba(82,180,225,.13);
  color:#fff;
  outline:none;
}
.atlas-controls .atlas-reset{min-width:auto;padding-inline:1rem}
.atlas-figure{margin:0}
.atlas-map-shell{
  position:relative;
  width:100%;
  overflow:hidden;
  background:#0f2436;
  border:1px solid rgba(82,180,225,.30);
  border-radius:10px;
  isolation:isolate;
}
#geography-atlas{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2691/2103;
  background:#0f2436;
}
#geography-atlas .atlas-image{pointer-events:none;user-select:none}
.atlas-region{
  fill:rgba(82,180,225,0);
  stroke:rgba(142,208,236,0);
  stroke-width:4;
  vector-effect:non-scaling-stroke;
  cursor:pointer;
  pointer-events:all;
  transition:fill .16s ease,stroke .16s ease,filter .16s ease;
}
.atlas-region:hover,.atlas-region:focus{
  fill:rgba(142,208,236,.28);
  stroke:rgba(142,208,236,.82);
  filter:drop-shadow(0 0 8px rgba(82,180,225,.22));
  outline:none;
}
.atlas-region.is-selected{
  fill:rgba(82,180,225,.46);
  stroke:rgba(142,208,236,.98);
  filter:drop-shadow(0 0 10px rgba(82,180,225,.3));
}
.atlas-tooltip{
  position:absolute;
  z-index:4;
  left:0;
  top:0;
  transform:translate(12px,12px);
  pointer-events:none;
  padding:.4rem .6rem;
  border:1px solid rgba(142,208,236,.35);
  border-radius:5px;
  background:rgba(7,22,34,.94);
  color:#fff;
  font-size:.82rem;
  font-weight:700;
  white-space:nowrap;
}
@media(max-width:680px){
  .atlas-controls{width:100%}
  .atlas-controls button{flex:1}
  .atlas-controls .atlas-reset{flex:2}
}
@media(prefers-reduced-motion:reduce){
  .atlas-region,.atlas-controls button{transition:none!important}
}