/* Keep map instructions small and leave the map readable while scrolling. */
.leaflet-gesture-handling-touch-warning::after,
.leaflet-gesture-handling-scroll-warning::after {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: max-content; max-width: calc(100% - 32px); padding: 9px 14px;
    border-radius: 6px; background: #16334de8; color: #fff;
    font-size: 13px; line-height: 1.5; text-align: center;
    pointer-events: none; z-index: 650;
}
.leaflet-gesture-handling-touch-warning::after { content: attr(data-gesture-handling-touch-content); }
.leaflet-gesture-handling-scroll-warning::after { content: attr(data-gesture-handling-scroll-content); }
.hazard-map-expand {
    position: absolute; bottom: 14px; left: 12px; z-index: 1000;
    min-height: 44px; padding: 9px 14px; border: 1px solid #cbd5e1;
    border-radius: 6px; background: #fff; color: #1b2a4a;
    font-size: 14px; font-weight: 700; box-shadow: 0 2px 6px #0f172a1f;
}
.hazard-map-expand[hidden] { display: none; }
.hazard-map-expand:focus-visible, .hazard-map-dialog button:focus-visible,
.hazard-map-dialog summary:focus-visible { outline: 3px solid #2563eb; outline-offset: 2px; }
.hazard-map-dialog {
    position: fixed; inset: 0; width: 100%; max-width: none;
    height: 100vh; height: 100dvh; max-height: none; margin: 0; padding: 0;
    border: 0; background: #fff; color: #1b2a4a; overflow: hidden;
    overscroll-behavior: contain;
}
.hazard-map-dialog[open] { display: flex; flex-direction: column; }
.hazard-map-dialog::backdrop { background: #fff; }
.hazard-map-dialog-header {
    flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between;
    gap: 12px; padding: max(6px, env(safe-area-inset-top)) 12px 6px;
    border-bottom: 1px solid #dbe2e9; font-size: 14px; font-weight: 700; margin: 0;
}
.hazard-map-dialog-header button {
    min-height: 44px; padding: 8px 14px; border: 1px solid #b5c6d0;
    border-radius: 6px; background: #fff; color: #183148; font: inherit;
}
.hazard-map-dialog-stage { position: relative; flex: 1 1 auto; min-height: 0; }
.hazard-map-dialog .hazard-map-expand { display: none; }
.hazard-map-dialog .hazardmap-tool-grid,
.hazard-map-dialog .hazardmap-tool-map,
.hazard-map-dialog .map-wrap,
.hazard-map-dialog .hazard-gold-map-grid,
.hazard-map-dialog .hazard-gold-map-wrap,
.hazard-map-dialog #muni-hazardmap-map { height: 100%; min-height: 0; margin: 0; }
.hazard-map-dialog .hazardmap-guide-card { display: none; }
.hazard-map-dialog .hazard-gold-map-grid { border: 0; border-radius: 0; }
.hazard-map-dialog .hazard-gold-map-toolbar { flex: 0 0 auto; margin: 0; padding: 8px 12px; }
.hazard-map-dialog .hazard-gold-search { flex: 0 0 auto; margin: 0; padding: 8px 12px 0; z-index: 1100; }
.hazard-map-dialog .hazard-gold-search > label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.hazard-map-dialog .hazard-gold-search-row { max-width: none; }
.hazard-map-dialog .hazard-gold-point { overflow: auto; min-height: 0; }
.hazard-map-dialog-legend {
    flex: 0 0 auto; padding-bottom: env(safe-area-inset-bottom); border-top: 1px solid #dbe2e9;
    background: #fff; max-height: 38%; overflow: auto; overscroll-behavior: contain;
}
.hazard-map-dialog-legend > summary { padding: 12px 16px; min-height: 44px; cursor: pointer; font-size: 14px; font-weight: 700; }
.hazard-map-dialog .hazardmap-legends,
.hazard-map-dialog .hazard-gold-map-key { margin: 0; padding: 12px 16px; }
.hazard-map-dialog .hazardmap-legends { border-top: 0; }
.hazard-map-dialog .hazardmap-legend-link { display: none; }
@media (max-width: 767px) {
    .hazard-map-dialog .hazard-gold-map-grid { grid-template-rows: minmax(0, 1fr) auto; }
    .hazard-map-dialog .hazard-gold-point { max-height: 26dvh; }
}