/* Shares the Dark Sky panel styles; these rules cover the hotspot legend and tooltip. */
.ramp { margin: 0 0 14px; font-size: .75rem; color: var(--muted); }
.ramp-bar { display: block; height: 10px; border-radius: 2px; background: linear-gradient(90deg, #ffffb2 0 16.6%, #fecc5c 0 33.3%, #fd8d3c 0 50%, #fc4e2a 0 66.6%, #e31a1c 0 83.3%, #b10026 0); }
.ramp-labels { display: flex; justify-content: space-between; margin-top: 4px; }
.maplibregl-popup-content { min-width: 170px; }
.popup strong { display: block; font-size: 1.05rem; font-variant-numeric: tabular-nums; }