.watch-main { padding-top: 128px; background: transparent; }
.watch-container { max-width: 1040px; }
.watch-heading { margin: 0 0 36px; }
.watch-main h1 { max-width: 960px; margin-bottom: 20px; font-size: 42px; line-height: 1.18; }
.watch-heading > p:not(.search-eyebrow) { max-width: 760px; margin-bottom: 0; font-size: 17px; }
.watch-heading .search-eyebrow { margin-bottom: 16px; }
.watch-player { isolation: isolate; scroll-margin-top: 96px; }
.watch-player::before { inset: 12% 4%; background: #ffffff38; filter: blur(80px); }
.watch-player video { aspect-ratio: 8 / 5; object-fit: contain; border-color: #fff; }
.watch-player video:focus-visible { outline: 2px solid #fff; outline-offset: 6px; }
.watch-player figcaption { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; font-size: 12px; }
.watch-player figcaption > span:first-child { display: flex; gap: 10px; }
.watch-notes { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1fr); gap: 88px; margin-top: 96px; }
.watch-main h2 { font-size: 28px; line-height: 1.3; }
.watch-main h2 > .lucide { width: 32px; height: 32px; flex-basis: 32px; margin-top: 2px; filter: var(--dvs-icon-glow); }
.watch-chapters ol { padding: 0; margin: 32px 0 0; list-style: none; border-top: 1px solid #ffffff40; }
.watch-chapters li { border-bottom: 1px solid #ffffff26; }
.watch-chapters a { display: grid; grid-template-columns: 42px minmax(0, 1fr) 22px; gap: 16px; align-items: center; min-height: 66px; padding: 16px 4px; text-decoration: none; font-size: 14px; line-height: 1.6; }
.watch-chapters time, .watch-description time { color: #aaa; font: 400 12px/1.6 Inter, Arial, sans-serif; font-variant-numeric: tabular-nums; }
.watch-chapters a > .lucide { width: 18px; height: 18px; }
.watch-chapters a:hover, .watch-chapters a[aria-current="true"] { background: #ffffff0d; }
.watch-chapters a[aria-current="true"] time { color: #fff; }
.watch-context p { font-size: 15px; line-height: 1.85; }
.watch-context .search-text-link { margin-top: 12px; }
.watch-description { margin-top: 112px; padding: 80px 0; }
.watch-description-inner { max-width: 1040px; display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 88px; }
.watch-description-inner > div { align-self: start; }
.watch-description ol { margin: 0; padding: 0; list-style: none; }
.watch-description li { margin: 0 0 36px; }
.watch-description li:last-child { margin-bottom: 0; }
.watch-description h3 { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 16px; align-items: baseline; margin-bottom: 14px; font-size: 19px; }
.watch-description li > p { margin: 0 0 0 58px; font-size: 15px; }
.watch-main .search-cta { margin-top: 80px; }
.watch-main .search-cta p { font-size: 15px; }
@media (max-width: 991px) {
  .watch-notes, .watch-description-inner { gap: 48px; }
}
@media (max-width: 767px) {
  .watch-main { padding-top: 104px; padding-left: 0; padding-right: 0; }
  .watch-main h1 { font-size: 32px; }
  .watch-main h2 { font-size: 26px; }
  .watch-heading > p:not(.search-eyebrow) { font-size: 16px; }
  .watch-heading { margin-bottom: 32px; }
  .watch-player video { border-radius: 16px; padding: 4px; }
  .watch-notes { grid-template-columns: minmax(0, 1fr); gap: 56px; margin-top: 64px; }
  .watch-description { margin-top: 88px; padding: 64px 0; }
  .watch-description-inner { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .watch-description h3 { font-size: 18px; }
  .watch-description li > p { margin-left: 0; }
  .watch-main .search-cta { margin-top: 64px; }
}
@media (max-height: 540px) and (orientation: landscape) {
  .watch-main { padding-top: 88px; }
  .watch-main .search-breadcrumb { margin-bottom: 16px; }
  .watch-heading { margin-bottom: 24px; }
  .watch-heading .search-eyebrow { margin-bottom: 8px; }
  .watch-main h1 { font-size: 30px; margin-bottom: 12px; }
  .watch-heading > p:not(.search-eyebrow) { font-size: 14px; }
}
@media (max-width: 359px) {
  .watch-main h1 { font-size: 28px; }
}
