/* Foco visible sin ampliar el control ni desplazar su contenido. */
html body :is(
  .category-btn,
  .channel-select,
  .favorite-toggle,
  .action-btn,
  .tv-zap button,
  #toggleListBtn,
  #viewModeBtn,
  #categoriesPrevBtn,
  #categoriesNextBtn,
  #clearSearchBtn
):focus-visible {
    outline: 3px solid #67e8f9 !important;
    outline-offset: -3px !important;
    transform: none !important;
}
html body #searchInput:focus-visible {
    outline: 3px solid #67e8f9 !important;
    outline-offset: -3px !important;
}
#channels {
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
}
#channels .channel-card {
    scroll-margin-block: 12px;
}
#categories .category-btn {
    scroll-margin-inline: 8px;
}
@media (prefers-reduced-motion: reduce) {
    #categories,
    #channels {
        scroll-behavior: auto !important;
    }
    html body :is(
      .channel-card,
      .category-btn,
      .channel-select,
      .favorite-toggle,
      .action-btn
    ) {
        animation: none !important;
        transition: none !important;
    }
}