@media (max-width: 959px) {
  .training-story[data-story-animated] .story-sticky {
    display: flex;
    flex-direction: column;
    padding-block: 12px 16px;
    box-sizing: border-box;
  }
  .training-story[data-story-animated] .story-stage {
    flex: 1;
    min-height: 0;
    width: 100%;
    height: auto;
  }
  .training-story[data-story-animated] .story-captions { flex-shrink: 0; margin-top: 12px; }
  .training-story[data-story-animated] .story-progress { flex-shrink: 0; }
  .training-story[data-story-animated] .unified-phone {
    width: min(220px, 55vw, max(60px, calc((100svh - 265px) / 2.4)));
  }
}