.project-map-container { display: flex; border: 2px solid #333; }
.project-map__sidebar { width: 240px; padding: 1em; background: #f9f9f9; border-right: 2px solid #333; }
.project-map__filter-title { font-size: 1.2em; margin-bottom: .5em; }
.project-map__list { list-style: none; padding: 0; margin: 0; }
.project-map__list-item { padding: .5em 0; cursor: pointer; transition: color .2s; }
.project-map__list-item--active,
.project-map__list-item--hover { color: #0073aa; }
.project-map__map { flex: 1; height: 500px; }
.project-map__popup { text-align: center; }
.project-map__popup-title { margin: 0 0 .5em 0; }
.project-map__popup-cta { display: inline-block; padding: .3em .6em; background: #0073aa; color: white; text-decoration: none; border-radius: 3px; }
.leaflet-container {  background: #e6e6e6; /* match map tone */ }