/* Radio guide day strip: all 7 days always on ONE row (Duncan 27 Sep 2026, iPhone showed Mon–Fri + Sat/Sun).
   Equal-width flex items that are allowed to shrink, no wrapping, no sideways scroll; 44px tall.
   Targets the strip by class and by its "Day of the week" tablist label, so it holds even if the
   strip's own grid rule does not apply. */
main .hcr-daystrip,
main [role="tablist"][aria-label="Day of the week"] {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}
main .hcr-daystrip > button,
main [role="tablist"][aria-label="Day of the week"] > button {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 16px !important;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: clip;
}
@media (max-width: 400px) {
  main .hcr-daystrip, main [role="tablist"][aria-label="Day of the week"] { gap: 4px !important; }
  main .hcr-daystrip > button, main [role="tablist"][aria-label="Day of the week"] > button { font-size: 15px !important; }
}
@media (max-width: 340px) {
  main .hcr-daystrip, main [role="tablist"][aria-label="Day of the week"] { gap: 3px !important; }
  main .hcr-daystrip > button, main [role="tablist"][aria-label="Day of the week"] > button { font-size: 14px !important; }
}
@media (min-width: 640px) {
  main .hcr-daystrip, main [role="tablist"][aria-label="Day of the week"] { gap: 10px !important; }
  main .hcr-daystrip > button, main [role="tablist"][aria-label="Day of the week"] > button { height: 52px !important; min-height: 52px !important; font-size: 17px !important; }
}