/* The service area diagram, partials/plat-map.php. Loaded only on a page with a
   map section (partials/sections.php adds it); today that is /areas/. */

.figure--map {
  max-width: 680px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.plat-map {
  width: 100%;
  height: auto;
}
.plat-map .plat-map__parcel {
  fill: none;
  stroke: var(--rule);
  stroke-width: 1;
}
.plat-map .plat-map__fill {
  fill: var(--ground);
  stroke: var(--mark);
  stroke-width: 1;
}
.plat-map .plat-map__tick {
  stroke: var(--mark);
  stroke-width: 1;
}
.plat-map .plat-map__label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  fill: var(--mut);
}
.plat-map .plat-map__label--key {
  fill: var(--text);
}
.plat-map .plat-map__dot {
  fill: var(--mark);
}