.site-explorer { grid-template-columns: minmax(0, 1.18fr) minmax(0, .82fr); }
.site-map-wrap { padding: 16px; min-width: 0; }
.map-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.map-toolbar span { color: #4b4d58; font-size: .8rem; }
.map-toolbar button { flex: 0 0 auto; min-height: 40px; padding: 8px 13px; background: #fff; border: 1px solid #b7a89d; border-radius: 22px; color: #171a28; font: inherit; font-size: .8rem; font-weight: 700; cursor: pointer; }
.site-map-wrap #site-map { height: 520px; background: #f4f0e9; z-index: 0; isolation: isolate; }
.site-map-wrap #site-map svg { width: auto; height: auto; max-height: none; }
.leaflet-container { font-family: Arial, Helvetica, sans-serif; }
.leaflet-container a { color: #363a75; }
.leaflet-control-attribution { font-size: 10px; line-height: 1.5; }
.commune-label { padding: 3px 7px; background: #fff; border: 1px solid #d8c9bd; border-radius: 4px; color: #171a28; font-weight: 800; font-size: 12px; box-shadow: 0 1px 4px #0002; }
.metro-cluster { display: grid; place-items: center; color: #fff; background: #bc4b1f; border: 3px solid #fff; border-radius: 50%; box-shadow: 0 0 0 2px #bc4b1f; font-weight: 800; font-size: 15px; }
.site-details { max-height: 290px; }
.map-notice { margin: 12px 0 0; font-size: .82rem; padding: 10px 12px; background: #fff3de; border-left: 3px solid #d4622c; }
.map-notice[hidden] { display: none; }
.leaflet-interactive:focus-visible, .metro-cluster:focus-visible { outline: 3px solid #41467f; outline-offset: 4px; }
@media (max-width: 900px) { .site-explorer { grid-template-columns: 1fr; } }
@media (max-width: 650px) {
  .site-map-wrap { padding: 12px; }
  .site-map-wrap #site-map { height: 420px; }
  .map-toolbar { align-items: flex-start; }
  .map-toolbar span { font-size: .74rem; max-width: 160px; }
  .site-details { max-height: none; }
}