/* The original page's footer lines and the attribution of the rebuilt snapshot. */
.site-footer {
  padding: 0 1rem 1.5rem;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}

.site-footer p {
  max-width: 80ch;
  margin: 0.25rem 0;
}

/* The map fills its card. On phones it is shorter, so that a swipe can start beside it and scroll the page. */
#map {
  width: 100%;
  height: 100%;
}

@media (max-width: 575.98px) {
  #map {
    height: 300px;
  }
}

/* The table keeps its columns readable and scrolls sideways when the screen is narrower. */
#reports_wrapper .dt-layout-table > .dt-layout-cell {
  overflow-x: auto;
}

table#reports th:nth-child(1) {
  min-width: 6rem;
}

table#reports th:nth-child(2) {
  min-width: 9rem;
}

table#reports th:nth-child(3) {
  min-width: 20rem;
}

/* On phones the descriptions fit the table's scrolling box, so each reads without scrolling back and forth. */
@media (max-width: 575.98px) {
  table#reports th:nth-child(3) {
    min-width: min(20rem, calc(100vw - 6rem));
  }
}

table#reports th:nth-child(5) {
  min-width: 6rem;
}

table#reports details {
  margin-top: 0.5rem;
}

table#reports summary {
  color: var(--bs-link-color);
  cursor: pointer;
}

table#reports details p {
  margin: 0.25rem 0 0;
}