/* Presentation layout: use the whole projector viewport while retaining readable gutters. */
.metrics,
.section {
  max-width: none;
}

.vulnerability > *,
.pathways-section > * {
  max-width: none;
}

.map-layout {
  grid-template-columns: minmax(0, 2.4fr) minmax(320px, .8fr);
}

@media (min-width: 1500px) {
  .section,
  .metrics {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media (max-width: 800px) {
  .map-layout { grid-template-columns: 1fr; }
}