@charset "UTF-8";
/**
 *  ems.scss — page styles for ems.html.
 *  Compiled by CodeKit to build/css/ems.css.
 *  Ported from the v3 prototype, Round 99.
 */
/* The chapter metrics moved to the door template (the fire/ems/oversight
   majority, Round 100); only genuinely page-specific rules remain here. */
/* The hero scaffold and dark ground come from _template.hero.scss
   (Round 101 standardization); ems keeps its travel-time swatch tiers. */
body section.hero div.legend span.swatch.near {
  background: rgba(96, 201, 226, 0.95);
}

body section.hero div.legend span.swatch.mid {
  background: rgba(96, 201, 226, 0.55);
}

body section.hero div.legend span.swatch.far {
  background: rgba(96, 201, 226, 0.28);
}

/* The window's Temporal Activity assessment pane. */
body div.application-window div.search {
  color: rgb(14, 27, 39);
}

body div.application-window div.search span.caret {
  color: rgb(91, 107, 122);
  font-size: 9px;
}

body div.application-window div.assessment {
  flex: 1;
  min-width: 0;
  background: #ffffff;
  padding: 14px 22px 0;
  position: relative;
}

body div.application-window div.assessment p.title {
  margin-top: 12px;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: rgb(14, 27, 39);
}

body div.application-window div.assessment p.title span {
  display: block;
  font-weight: 400;
  font-size: 9.5px;
  color: rgb(91, 107, 122);
  margin-top: 2px;
}

body div.application-window div.assessment p.zoom {
  margin-top: 6px;
  font-family: "Montserrat", sans-serif;
  font-size: 9px;
  color: rgb(91, 107, 122);
}

body div.application-window div.assessment p.zoom b {
  font-family: "IBM Plex Mono", monospace;
  font-weight: 500;
  background: #eef1f4;
  border-radius: 4px;
  padding: 1px 6px;
  color: rgb(14, 27, 39);
}

body div.application-window div.assessment svg.chart {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 4px;
  overflow: visible;
}

body div.application-window div.assessment svg.brush {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 10px;
}

body div.application-window div.assessment div.legend {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 22px;
  margin-top: 10px;
}

body div.application-window div.assessment div.key {
  display: flex;
  align-items: baseline;
  gap: 7px;
  font-family: "Montserrat", sans-serif;
  font-size: 9px;
  color: rgb(91, 107, 122);
}

body div.application-window div.assessment div.key i {
  width: 10px;
  height: 10px;
  border-radius: 2.5px;
  flex: none;
  align-self: center;
}

body div.application-window div.assessment div.key i.activated {
  background: rgba(198, 60, 50, 0.6);
}

body div.application-window div.assessment div.key i.serviceable {
  background: #aeb8c0;
}

body div.application-window div.assessment div.key i.utilized {
  background: rgba(0, 145, 179, 0.5);
}

body div.application-window div.assessment div.key b {
  font-weight: 700;
  font-size: 9.5px;
  color: rgb(14, 27, 39);
}

@media (max-width: 640px) {
  body div.application-window div.assessment div.legend {
    flex-wrap: wrap;
    gap: 10px 16px;
  }
  body div.shelf figure.card.wide div.application-window div.body {
    height: auto;
  }
  body div.application-window div.assessment {
    padding-bottom: 16px;
  }
}