/* v38 — interactive map layer filters */
.map-type-legend{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.map-type-legend .map-layer-toggle{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  margin:0;
  padding:7px 10px;
  border:1px solid rgba(17,20,26,.09);
  border-radius:999px;
  background:rgba(255,255,255,.66);
  color:inherit;
  font:inherit;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  box-shadow:none;
  transition:background-color .15s ease,border-color .15s ease,opacity .15s ease;
}
.map-type-legend .map-layer-toggle:hover,
.map-type-legend .map-layer-toggle:focus-visible{
  background:rgba(235,233,228,.86);
  outline:none;
}
.map-type-legend .map-layer-toggle.is-active,
.map-type-legend .map-layer-toggle[aria-pressed="true"]{
  background:rgba(216,214,209,.88);
  border-color:rgba(17,20,26,.14);
}
.map-type-legend .map-layer-toggle[aria-pressed="false"]{
  background:rgba(255,255,255,.66);
  opacity:.72;
}
.map-type-legend .map-legend-dot{
  flex:0 0 auto;
}
@media(max-width:760px){
  .map-type-legend{
    gap:5px;
  }
  .map-type-legend .map-layer-toggle{
    min-height:30px;
    padding:6px 9px;
    font-size:11px;
  }
}


/* v43 — the two layer toggles stay independent; no redundant shared bubble around them. */
.map-demo-label.map-type-legend{
  display:flex!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}