@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --superfaint: color-mix(in srgb, var(--theme-foreground) 5%, var(--theme-background));
}

#observablehq-header {
  border-bottom: 1px solid #ccc;
  background-color: var(--theme-background-alt);
}

body {
  font-family: "Montserrat", sans-serif;
}

h1 {
  text-transform: uppercase;
}

.header-link {
  color: var(--theme-foreground-faint) !important;
  font-size: 16px;
}

.header-link:hover {
  border-bottom: 4px solid currentColor;
  text-decoration: none !important;
  color: var(--theme-foreground) !important;
}

.active-link {
  border-bottom: 4px solid currentColor;
  color: var(--theme-foreground) !important;
}

.maplibregl-ctrl-bottom-right {
  display: none;
}

.legend {
  height: auto;
}

svg text {
  user-select: none;
  pointer-events: none;
}

.chart svg rect {
  cursor: pointer;
}

.chart {
  height: 320px; 
  overflow-y: scroll;
  padding-right: 10px;
  padding-bottom: 0px;
}