.utility-map-info {
    background: #fff;
    color: #222;
    font: 12px/1.4 sans-serif;
    max-width: min(300px, 65vw);
}
.utility-map-info summary { cursor: pointer; padding: 7px 10px; font-weight: 600; }
.utility-map-info > div { padding: 0 10px 8px; max-height: 180px; overflow-y: auto; }
.utility-map-info p { margin: 6px 0; }
.utility-map-info a { color: #075985; text-decoration: underline; }
.utility-map-status { white-space: pre-line; border-left: 3px solid #b45309; padding-left: 6px; margin: 6px 0; }
.utility-map-info button { display: block; margin-top: 8px; padding: 6px; color: #222; background: #f4f4f4; border: 1px solid #777; border-radius: 3px; }
@media (max-width: 600px) {
    .utility-map-info > div { max-height: 120px; }
    .leaflet-control-layers-expanded { max-width: 65vw; max-height: 190px; overflow-y: auto; }
}