/* Scoped to the current How It Works film. Other players remain unchanged. */
#demo-walkthrough #walkthrough-video { aspect-ratio: 16 / 9; }
#demo-walkthrough #walkthrough-video::cue {
  color: #FFFFFF;
  background: transparent;
  text-shadow: -1px 0 #0B1B33, 1px 0 #0B1B33, 0 -1px #0B1B33, 0 1px #0B1B33, -.7px -.7px #0B1B33, .7px -.7px #0B1B33, -.7px .7px #0B1B33, .7px .7px #0B1B33;
  font-family: Inter, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(14px, 1.7vw, 25px);
}
#demo-walkthrough #walkthrough-video:fullscreen::cue,
#demo-walkthrough #walkthrough-video:-webkit-full-screen::cue { font-size: clamp(20px, 2.1vw, 42px); }
#demo-walkthrough .lh-walkthrough-transcript p { margin: .6rem 0 1rem; }
#demo-walkthrough .lh-journey-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 18px; }
#demo-walkthrough .lh-journey-links a { display: inline-flex; align-items: center; min-height: 44px; text-underline-offset: 4px; text-decoration: underline; color: #0B1B33; }
@media (max-width: 700px) {
  #demo-walkthrough .lh-walkthrough-overlay { padding-bottom: 24px; }
  #demo-walkthrough .lh-walkthrough-play { gap: 8px; padding: 5px; }
  #demo-walkthrough .lh-walkthrough-play-disc { width: 52px; height: 52px; }
  #demo-walkthrough .lh-walkthrough-play-disc svg { width: 23px; height: 23px; }
  #demo-walkthrough .lh-walkthrough-play-copy { padding: 5px 10px; }
  #demo-walkthrough .lh-walkthrough-play-label { font-size: 12px; }
  #demo-walkthrough .lh-walkthrough-play-meta { font-size: 10px; }
}
@media (max-width: 360px) {
  #demo-walkthrough .lh-walkthrough-play-meta { display: none; }
}
@media (forced-colors: active) {
  #demo-walkthrough #walkthrough-video::cue { color: CanvasText; background: Canvas; text-shadow: none; }
}

/* Keep the native player controls clear while this film is watched. */
body.lh-full-journey-playing #lh-site-assistant-launcher[aria-expanded="false"] {
  visibility: hidden;
  pointer-events: none;
}