/* Keep both home-page timetables within their grid column at every width. */
.hero-underlay-grid > *, .split-layout > * { min-width: 0; }
.hours-compact, .hours-card { min-width: 0; max-width: 100%; overflow: visible; }
.hours-compact table, .hours-card table {
  width: 100%; min-width: 0; table-layout: fixed;
}
.hours-compact th:first-child, .hours-card th:first-child { width: 38%; }
.hours-compact th, .hours-compact td,
.hours-card th, .hours-card td {
  padding-left: 2px; padding-right: 2px;
  white-space: normal; overflow-wrap: anywhere;
}
.hours-compact tbody th, .hours-card tbody th { padding-left: 5px; }
.hours-card small { font-size: 12px; }
@media (max-width: 700px) {
  .hours-compact th:first-child, .hours-card th:first-child { width: 40%; }
  .hours-compact thead th, .hours-card thead th,
  .hours-compact tbody th, .hours-card tbody th { font-size: 11px; }
  .hours-compact tbody th small, .hours-card small { font-size: 10px; line-height: 1.5; }
  .hours-compact td, .hours-card td { font-size: 13px; }
}