/*
 * Comparison-card fit adjustments. Load after channel-guide.css so the shared
 * channel timeline remains the source of the axis, playhead, and scroll styling.
 */
.comparison-guide .guide__prog {
  padding: 9px 10px;
}

.comparison-guide .guide__name {
  font-size: 0.9rem;
  line-height: 1.12;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.comparison-guide .guide__n {
  overflow-wrap: anywhere;
}

/* Text drawn directly on the changing day/night backdrop must follow it.
 * Window/table surfaces retain their existing, fixed dark text. */
.prog--compare-hub .cmp-hub__item,
.prog--compare .cmp__lede {
  color: var(--on-ground);
  transition: color 0.6s ease;
}

.prog--compare-hub .cmp-hub__txt > span {
  color: var(--on-ground-muted);
  transition: color 0.6s ease;
}

.prog--compare-hub .cmp-hub__list,
.prog--compare-hub .cmp-hub__item {
  border-color: color-mix(in srgb, var(--on-ground) 40%, transparent);
}