html, body { height: 100%; margin: 0; font-family: system-ui, Arial, Helvetica, sans-serif; }
body { display: flex; }

#sidebar {
  width: 300px;
  border-right: 1px solid #ddd;
  padding: 12px;
  box-sizing: border-box;
  overflow: auto;
}

#sidebar h3 { margin: 0 0 12px 0; }

#sidebar .row {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 10px;
}

#regions { width: 100%; }

#map { flex: 1; }

#legend { margin-top: 12px; font-size: 13px; color: #333; }

.leaflet-tooltip { font-size: 12px; }