/* Radio guide — seven-day strip (Duncan approved 27 Sep 2026).
   Mon–Sun in one row, no sideways scroll; selected day = header "you are here" style
   (white fill, 2px charcoal outline, orange bar). Tight show list. Roll back: remove the <link>. */
.hcr-daystrip {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  max-width: 100%;
}
.hcr-daystrip > button.hcr-day {
  position: relative;
  width: 100%;
  min-width: 0 !important;
  height: auto !important;
  min-height: 46px !important;
  padding: 0 !important;
  margin: 0;
  background: #FFFFFF !important;
  border: 1px solid #C9D0DA !important;
  border-radius: 12px !important;
  color: #2B2F36 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0;
  box-shadow: none !important;
  touch-action: manipulation;
}
.hcr-daystrip > button.hcr-day:hover { background: #EEF1F5 !important; }
.hcr-daystrip > button.hcr-day.is-selected {
  background: #FFFFFF !important;
  border: 2px solid #2B2F36 !important;
  color: #2B2F36 !important;
  font-weight: 700 !important;
}
.hcr-daystrip > button.hcr-day.is-selected::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  width: 44%;
  max-width: 40px;
  height: 3px;
  transform: translateX(-50%);
  border-radius: 2px;
  background: #E87722;
  pointer-events: none;
}
.hcr-daystrip > button.hcr-day.is-today:not(.is-selected)::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 6px;
  width: 5px;
  height: 5px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: #2F4A63;
  pointer-events: none;
}
.hcr-daystrip > button.hcr-day:focus-visible { outline: 3px solid #1F2469; outline-offset: 2px; }
@media (max-width: 370px) {
  .hcr-daystrip { gap: 4px; }
  .hcr-daystrip > button.hcr-day { font-size: 15px !important; border-radius: 10px !important; }
}
@media (min-width: 640px) {
  .hcr-daystrip { gap: 10px; }
  .hcr-daystrip > button.hcr-day { min-height: 52px !important; font-size: 17px !important; }
}

/* Tight show list: each show snug under the last */
ul.hcr-daylist { gap: 6px !important; }
ul.hcr-daylist > li > div { --card-spacing: 0.5rem !important; gap: 0.375rem !important; }
ul.hcr-daylist > li > div > div { padding-top: 0 !important; padding-bottom: 0 !important; }
ul.hcr-daylist h2 { line-height: 1.25 !important; }

/* Landscape phones and desktop: real responsive layout (no fixed-width week grid).
   Strip spans the content width; list stays one readable column, two newspaper-style
   columns (reading down, in time order) on wide screens. */
@media (min-width: 1024px) {
  ul.hcr-daylist {
    display: block !important;
    column-count: 2;
    column-gap: 14px;
  }
  ul.hcr-daylist > li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    margin: 0 0 6px;
  }
  ul.hcr-daylist > li > div { break-inside: avoid; }
}

/* No-orange cleanup: preserve selected-day fill, outline, text, sizing, and today dot. */
.hcr-daystrip > button.hcr-day.is-selected::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
  width: 0 !important;
  height: 0 !important;
}