.leaflet-control.legend {
  background:#fff; padding:.75rem .9rem; border-radius:.5rem;
  box-shadow:0 2px 12px rgba(0,0,0,.12);
  font:12px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:#111827; max-width:260px;
}
.leaflet-control.legend .legend-title{font-weight:600;margin-bottom:.4rem}
.leaflet-control.legend .legend-item{display:flex;align-items:center;gap:.5rem;margin:.25rem 0;white-space:nowrap}
.leaflet-control.legend .swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.15);flex:0 0 auto}
.leaflet-control.legend .swatch.line{height:3px;border-radius:2px;border:0}