/* Watch listing and playback share the Sports Hub navigation and spacing. */
/* V2843: thumbnails and play icons use the video's existing access-controlled route. */
html body .watch-v2842 .ga-video-preview-link { cursor: pointer; text-decoration: none; }
html body .watch-v2842 .ga-video-preview-link:focus-visible {
  outline: 3px solid #1971ed !important;
  outline-offset: -4px;
}
html body .watch-v2842 .ga-video-preview-link:is(:hover, :focus-visible) .ga-video-play-control {
  border-color: #fff !important;
  background: #184f94 !important;
}
html body.ga-light-theme main.ga-page .watch-v2842 {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 24px 32px 40px !important;
}
html body .watch-v2842 .watch-heading-v2842 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 0 20px;
}
html body .watch-v2842 .watch-heading-v2842 > div { min-width: 0; }
html body .watch-v2842 .watch-heading-v2842 h1 {
  margin: 5px 0 8px;
  font-size: clamp(1.5rem, 2.5vw, 2.25rem) !important;
  font-weight: 800;
  line-height: 1.2 !important;
  letter-spacing: -.03em;
  color: #102238;
  -webkit-text-fill-color: #102238;
  overflow-wrap: anywhere;
}
html body .watch-v2842 .watch-heading-v2842 p {
  margin: 0;
  font-size: .95rem;
  line-height: 1.5;
  color: #50627a;
  -webkit-text-fill-color: #50627a;
}
html body .watch-v2842 .watch-heading-actions-v2842 { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
html body .watch-v2842 .watch-count-v2842 { white-space: nowrap; color: #50627a; font-size: .9rem; }
html body .watch-v2842 .watch-action-v2842 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  flex-shrink: 0;
  white-space: nowrap;
  border: 1px solid #b8cbe2;
  border-radius: 8px;
  background: #fff;
  color: #184f94;
  -webkit-text-fill-color: #184f94;
  font-size: .9rem;
  font-weight: 750;
  text-decoration: none;
}
html body .watch-v2842 .watch-action-v2842:hover { background: #edf4ff; border-color: #184f94; }
html body .watch-v2842 .watch-action-v2842:focus-visible { outline: 3px solid #1971ed; outline-offset: 3px; }
html body .watch-v2842.video-detail-shell .video-detail-rail {
  position: static;
  max-height: none;
  overflow: visible;
}
html body .watch-v2842.video-detail-shell .video-detail-summary {
  padding: 20px !important;
  background: #fff;
  border: 1px solid #d2dfef;
  box-shadow: none;
}
html body.ga-light-theme main.ga-page .watch-v2842.video-detail-shell .video-detail-summary h2 {
  font-size: 1.2rem !important;
  margin: 0 0 12px;
  color: #102238 !important;
  -webkit-text-fill-color: #102238 !important;
}
html body.ga-light-theme .watch-v2842.video-detail-shell .video-detail-description {
  display: block;
  margin: 0 0 16px;
  font-size: .95rem;
  font-weight: 500;
  line-height: 1.55;
  color: #50627a !important;
  -webkit-text-fill-color: #50627a !important;
  overflow-wrap: anywhere;
}
html body .watch-v2842 .watch-unavailable-v2842 > div {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 12px; padding: 20px; text-align: center; background: #edf3fa;
}
html body .watch-v2842 .watch-unavailable-v2842 :is(h2,p) { margin: 0; color: #102238; -webkit-text-fill-color: #102238; }
html body.ga-light-theme .watch-v2842 .related-watch-heading p {
  color: #d9e7f7 !important;
  -webkit-text-fill-color: #d9e7f7 !important;
  font-weight: 500;
}
html body.ga-light-theme .watch-v2842 .related-watch-heading .related-watch-title { font-size: 1.5rem !important; }
html body .watch-v2842 > .ga-media-photo-ad { margin-top: 24px; }
/* House promotions stay compact; purchased creative dimensions are preserved. */
html body .watch-v2842 > .ga-media-photo-ad.is-advertise-fallback .ga-media-photo-ad__creative { display: none; }
html body .watch-v2842 > .ga-media-photo-ad.is-advertise-fallback .ga-media-photo-ad__link { display: block; min-height: 0; }
html body .watch-v2842 > .ga-media-photo-ad.is-advertise-fallback .ga-media-photo-ad__copy { padding: 16px 20px; }
@media (max-width: 767px) {
  html body.ga-light-theme main.ga-page .watch-v2842 { padding: 18px 16px 28px !important; }
  html body .watch-v2842 .watch-heading-v2842 { align-items: flex-start; flex-direction: column; gap: 12px; }
  html body .watch-v2842 .watch-heading-actions-v2842 { flex-wrap: wrap; }
  html body .watch-v2842 .watch-unavailable-v2842 h2 { font-size: 1.15rem; }
  html body .watch-v2842 .watch-unavailable-v2842 > div { gap: 6px; padding: 10px; }
  html body .watch-v2842 .watch-unavailable-v2842 p { font-size: .85rem; }
}