/* Game artwork and the three-course drawing page. Shared V4 controls remain in shared-v4. */
.ten-made-jump .cover-hero.runner-hero { width: 210px; bottom: 23px; right: 30px; }
.ten-made-jump .cover-detail { max-width: 345px; }
.ten-made-jump [data-screen-label="STEP2"] .draw-canvas > img { width: 86%; height: auto; max-width: 86%; max-height: 78%; object-fit: contain; }
.ten-made-jump .draw-canvas.has-examples { padding: 8px; }
.ten-made-jump .drawing-examples { position: absolute; inset: 8px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ten-made-jump .drawing-example { display: flex; flex-direction: column; align-items: center; min-width: 0; min-height: 0; border: 2px solid #b7c5e0; border-radius: 9px; background: #fff; color: #17254c; text-decoration: none; overflow: hidden; }
.ten-made-jump .draw-canvas .drawing-example img { position: static; transform: none; width: 100%; height: 0; min-height: 0; flex: 1; object-fit: contain; }
.ten-made-jump .drawing-example span { flex: none; font-size: 13px; line-height: 22px; }
@media (max-width: 700px) {
  .ten-made-jump .drawing-examples { display: flex; align-items: stretch; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; touch-action: pan-x; }
  .ten-made-jump .drawing-example { flex: 0 0 72%; scroll-snap-align: start; }
}
.ten-made-jump .is-split-code { --program-fit-width: 1; --program-fit-blocks: 1; }
.ten-made-jump .is-split-code .program-workspace { flex-direction: column; align-items: stretch; width: 100%; box-sizing: border-box; padding-left: 12px; padding-right: 12px; }
.ten-made-jump .is-split-code .overview-pane .program-workspace { padding-left: 2px; }
.ten-made-jump .detail-pane .program-workspace { padding-left: 14px; }
.ten-made-jump .overview-pane .program-label { margin-left: 0; }
.ten-made-jump .fit-program-width { width: 100% !important; min-width: 0; }
.ten-made-jump .fit-program-width > svg { width: 100%; height: auto; }