/* Opt-in layout for the ten individually reviewed video pages. */
.watch-edition .watch-intro { margin: 0 0 20px; max-width: 1000px; }
.watch-edition .watch-intro .eyebrow { margin-bottom: 10px; }
.watch-edition .watch-intro h1 { font-size: clamp(28px, 3.1vw, 40px); line-height: 1.14; text-wrap: balance; }
.watch-edition .watch-intro p:last-child { margin: 12px 0 0; color: #4e6468; line-height: 1.55; max-width: 900px; font-size: 17px; }
.watch-edition .watch-focus { grid-template-columns: minmax(0, 1.65fr) minmax(260px, .75fr); align-items: stretch; }
.watch-edition .video-shell { display: flex; align-items: center; width: 100%; }
.watch-edition .video-shell video { aspect-ratio: 16 / 10; width: 100%; height: auto; max-height: 64vh; object-fit: contain; }
.watch-edition .watch-focus__copy { padding: 24px; justify-content: center; }
.watch-edition .watch-focus__copy h2 { font-size: 23px; line-height: 1.25; margin: 0 0 14px; color: #102326; }
.watch-edition .watch-cues { margin: 0; padding-left: 22px; color: #31565b; line-height: 1.6; }
.watch-edition .watch-cues li + li { margin-top: 12px; }
.watch-edition .watch-facts { margin-top: 18px; }
.watch-edition .watch-context { grid-template-columns: 1fr; }
.watch-edition .watch-focus__copy p { margin: 0; color: #31565b; font-size: 17px; line-height: 1.65; }
.watch-edition .watch-focus__copy p + p { margin-top: 14px; }
.watch-edition .watch-context h2 { font-size: 22px; line-height: 1.25; }
.watch-edition .watch-next { margin: 24px 0 0; padding-top: 18px; border-top: 1px solid #d2e7e3; }
.watch-edition .watch-next a { color: #095c64; font-weight: 700; text-underline-offset: 4px; }
.watch-edition a:focus-visible, .watch-edition video:focus-visible { outline: 3px solid #0e7c86; outline-offset: 4px; }
@media (max-width: 1050px) {
  .watch-edition .watch-focus, .watch-edition .watch-context { grid-template-columns: 1fr; }
  .watch-edition .watch-focus .video-shell { width: 100%; }
}
@media (max-width: 600px) {
  .watch-edition .watch-intro h1 { font-size: 28px; }
  .watch-edition .watch-intro p:last-child { font-size: 16px; }
  .watch-edition .watch-focus__copy { padding: 22px 18px; }
  .watch-edition .video-shell video { aspect-ratio: 1; max-height: none; }
  .watch-edition .watch-context article, .watch-edition .watch-context aside { padding: 20px 18px; }
  .watch-edition .watch-next a { display: inline-block; padding: 10px 0; }
}
