/* One teaching animation, with a readable native-player variant for each width. */
.week01-training-player video {
  display: block;
  width: 100%;
  height: auto;
}
.week01-training-player .week01-video-stacked {
  display: none;
}
/* Keep the wide player's caption readable beside Quarto's fixed sidebars. */
#fig-week01-training figcaption {
  max-width: 40rem;
  margin-inline: auto;
}
/* Figures 2–4 use half the page-wide media width; captions retain body width.
   Raw picture images carry an inline width from Quarto source markup. */
#fig-week01-training video,
#fig-week01-training-states img,
#fig-week01-evaluation img {
  width: 50% !important;
  margin-inline: auto;
  justify-self: center;
}
@media screen and (max-width: 767px) {
  /* Keep the stacked panels readable on phones. */
  #fig-week01-training video,
  #fig-week01-training-states img,
  #fig-week01-evaluation img { width: 100% !important; }
  .week01-training-player .week01-video-wide { display: none; }
  .week01-training-player .week01-video-stacked { display: block; }
}
@media print {
  .week01-training-player { display: none; }
}