/* Drop the ball: the fixed time step lab on the games and simulations page.
   Only the drawing and the steps table need rules here; the rest of the lab comes from css/labs.css.
   Colours are theme tokens, so light and dark mode both work. Text in the drawing is sized by Labs.fit (--u). */
.lab-timestep .fall-rule { stroke: var(--border-strong); stroke-width: 1; }
.lab-timestep .fall-ground { stroke: var(--text-secondary); stroke-width: 2; }
.lab-timestep .fall-tick { fill: var(--text-secondary); font-size: calc(13px * var(--u, 1)); }
.lab-timestep .fall-ball { fill: var(--primary); }
.lab-timestep .fall-dot { fill: var(--text-secondary); opacity: .65; }
.lab-timestep .fall-label { fill: var(--text-primary); font-size: calc(13px * var(--u, 1)); font-weight: 700; }
.lab-timestep .fall-count { margin: .7rem 0 0; font-size: .93rem; font-weight: 600; line-height: 1.5; }
/* A field is one column that never grows wider than its panel, even when a select's longest option is long */
.lab-timestep .lab-field { grid-template-columns: minmax(0, 1fr); }
.lab-timestep .lab-table-wrap { max-height: 18rem; overflow-y: auto; }
.lab-timestep .lab-table thead th { position: sticky; top: 0; }