/* maps.html */
.map-layer-toggle{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem}
.lt{
  background:var(--paper);border:1px solid var(--ink);
  padding:.55rem 1rem;border-radius:2px;
  font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:600;
  color:var(--ink);cursor:pointer;transition:background .15s,color .15s;
}
.lt:hover{background:var(--paper-warm)}
.lt.is-on{background:var(--ink);color:var(--paper)}
.lt:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

.maps-legend{
  display:flex;align-items:center;gap:1rem;
  padding:1rem 1.2rem;background:var(--paper);
  border:1px solid var(--rule);border-top:0;
  font-family:var(--mono);font-size:.72rem;color:var(--slate);
}
.maps-legend strong{font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.14em}
.maps-legend .bar{display:flex;flex:1;max-width:420px;height:14px;border:1px solid var(--rule);border-radius:2px;overflow:hidden}
.maps-legend .bar i{flex:1;display:block}
.maps-legend .marks{display:flex;justify-content:space-between;width:100%;font-variant-numeric:tabular-nums}

.maps-grid{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;
}
.maps-card{
  display:block;text-align:left;width:100%;
  padding:1.4rem;background:var(--paper);border:1px solid var(--ink);
  border-left:6px solid var(--accent);cursor:pointer;
  transition:transform .15s, box-shadow .15s;font-family:var(--body);color:var(--ink);
}
.maps-card:hover{transform:translateY(-2px);box-shadow:-3px 6px 0 0 var(--accent)}
.maps-card h3{font-family:var(--display);font-size:1.2rem;font-weight:600;margin:0 0 .4rem}
.maps-card p{font-size:.88rem;color:var(--ink-soft);margin:0;line-height:1.45}

.pa-grid-circle{
  fill-opacity:.85;stroke:var(--ink);stroke-width:1;
}
.grid-label{
  font-family:var(--mono);font-size:.72rem;font-weight:700;
  fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:2.5;
  font-variant-numeric:tabular-nums;
}