/* TV-only overrides; desktop and mobile retain their current layout. */
html.tv-display { scroll-behavior: auto; }
.tv-display .discover-grid,
.tv-display .results-grid,
.tv-display .similar-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.tv-display .movie-card,
.tv-display .similar-card {
  min-width: 0;
  position: relative;
  overflow: visible;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
.tv-display .movie-poster,
.tv-display .similar-poster {
  height: 420px;
  border-radius: 8px 8px 0 0;
}
.tv-display .movie-title,
.tv-display .similar-title {
  font-size: 33.6px;
  line-height: 1.3;
  overflow-wrap: break-word;
}
.tv-display .movie-card:focus,
.tv-display .similar-card:focus {
  z-index: 2;
  outline: 5px solid #f6d36c;
  outline-offset: 3px;
  box-shadow: 0 0 0 9px #151313;
  transform: scale(1.025);
}
.tv-display [data-tv-editing="true"] {
  outline-color: #7de4be;
}
.tv-display .autocomplete-item:focus {
  outline: 4px solid #f6d36c;
  background: #303030;
}
.tv-display .movie-meta { font-size: 28.8px; }
.tv-display .section-header { align-items: center; }
@media (prefers-reduced-motion: reduce) {
  .tv-display .movie-card, .tv-display .similar-card { transition: none; }
}

/* 20% larger than the TV typography published on 2026-09-11. */
html.tv-display { font-size: 28.8px; }
.tv-display body { font-size: 28.8px; }
.tv-display .brand-name { font-size: 45.6px; }
.tv-display .main-nav a { font-size: 31.2px; }
.tv-display .intro-box h1, .tv-display .info h1 { font-size: 48px; }
.tv-display .intro-box p, .tv-display .section-note,
.tv-display .movie-year, .tv-display .site-footer,
.tv-display .message, .tv-display .badge,
.tv-display input, .tv-display select, .tv-display button,
.tv-display .btn, .tv-display #goBtn { font-size: 28.8px; }
.tv-native-youtube #playerSection { display: none !important; }
.tv-display #tvNativeStatus { font-size: 28.8px; }
.tv-display .main-nav a:focus { background: #303030; outline: 4px solid #f6d36c; }