/* Readable Rogers site panels: widen the dialog and keep each site as its own section. */
#wildfireDialog {
  width: min(96vw, 1540px) !important;
  max-width: min(96vw, 1540px) !important;
}
#wildfireDialog .dialog-shell,
#wildfireDialog .dialog-content,
#wildfireDialog .dialog-body,
#wildfireDialog #officialDetails {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
}
#wirelessSitesWithin10km {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box;
  grid-column: 1 / -1;
}
#wirelessSitesWithin10km .wireless-sites-card-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(340px, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  overflow-x: auto;
  padding-bottom: 4px;
}
#wirelessSitesWithin10km .wireless-fire-site {
  display: block !important;
  width: 100% !important;
  min-width: 340px !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  box-sizing: border-box;
}
#wirelessSitesWithin10km .wireless-fire-site header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
}
#wirelessSitesWithin10km .wireless-fire-site header strong {
  display: block !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.25 !important;
}
#wirelessSitesWithin10km .wireless-fire-site header span {
  display: inline-flex !important;
  max-width: 145px !important;
  white-space: normal !important;
  word-break: normal !important;
  line-height: 1.2 !important;
}
#wirelessSitesWithin10km .wireless-site-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 18px !important;
}
#wirelessSitesWithin10km .wireless-site-grid > div {
  min-width: 0 !important;
}
#wirelessSitesWithin10km .wireless-site-grid span {
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  line-height: 1.3 !important;
}
@media (max-width: 1220px) {
  #wirelessSitesWithin10km .wireless-sites-card-grid {
    grid-template-columns: repeat(2, minmax(340px, 1fr)) !important;
  }
}
@media (max-width: 780px) {
  #wildfireDialog {
    width: 96vw !important;
    max-width: 96vw !important;
  }
  #wirelessSitesWithin10km .wireless-sites-card-grid {
    grid-template-columns: 1fr !important;
    overflow-x: visible;
  }
  #wirelessSitesWithin10km .wireless-fire-site {
    min-width: 0 !important;
  }
  #wirelessSitesWithin10km .wireless-site-grid {
    grid-template-columns: 1fr !important;
  }
}
