/* Let popup text wrap on small viewports and long words */
.leaflet-popup-content,
.leaflet-popup-content strong,
.scu-popup {
  white-space: normal;
  word-break: break-word;      /* wrap very long “words” */
  overflow-wrap: anywhere;     /* modern wrap hint */
}

/* Belt-and-suspenders: match the JS maxWidth and tighten on very small screens */
.leaflet-popup-content-wrapper.scu-leaflet-popup {
  max-width: 220px;
    text-align:center;
}

@media (max-width: 480px) {
  .leaflet-popup-content-wrapper.scu-leaflet-popup {
    max-width: 160px;
  }
}