@layer components{.focused-lab .lab-body{display:block}.focused-lab [data-lab-enhancement][hidden],.focused-lab .lab-selection [data-compare-control][hidden],.focused-lab .lab-playback [hidden],.focused-lab .lab-prediction [hidden]{display:none}.focused-lab .lab-controls{align-items:start;gap:1rem;display:grid}.focused-lab:not([data-enhanced]) :is(.lab-demonstration,.lab-selection)[data-lab-enhancement]{display:none}@media (width>=40.01rem){.js .focused-lab:not([data-enhanced]) .lab-demonstration[data-lab-enhancement]{visibility:hidden;display:block}.js .focused-lab:not([data-enhanced]) .lab-selection[data-lab-enhancement]:has([data-reel-control]){visibility:hidden;display:flex}.focused-lab .lab-selection:not(:has([data-reel-control])){display:none}}.focused-lab .lab-selection{flex-wrap:wrap;gap:.75rem;display:flex}.focused-lab .lab-selection .lab-choice{min-width:8rem;font-size:var(--text-sm);gap:.375rem;font-weight:600;line-height:1.25rem;display:grid}.focused-lab .lab-selection .lab-state-choice{display:none}.focused-lab .lab-compare-fields{flex-wrap:wrap;gap:.75rem;display:flex}.focused-lab .lab-compare-options>summary{font-size:var(--text-sm);font-weight:600}.focused-lab .lab-compare-fields{margin-top:.5rem}@media (width>=40.01rem){.focused-lab .lab-compare-options>summary{margin-top:1.625rem}.focused-lab .lab-controls{position:relative}.focused-lab .lab-controls:has(.lab-compare-options[open]){padding-bottom:5.25rem}.focused-lab .lab-compare-options[open] .lab-compare-fields{margin:0;position:absolute;bottom:0;left:0}}.focused-lab .lab-selection{align-items:flex-start}.focused-lab .lab-selection select{max-width:100%;font-size:var(--text-sm)}.focused-lab .lab-states{scrollbar-width:auto;border:0;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;display:flex;position:static;overflow:visible}.focused-lab .lab-states legend{clip:auto;width:auto;height:auto;font-size:var(--text-sm);margin-bottom:.375rem;padding:0;font-weight:600;line-height:1.25rem;position:static;overflow:visible}.focused-lab .lab-state span{min-height:44px;line-height:1.25;font-size:var(--text-sm);font-family:var(--font-sans);letter-spacing:0;text-transform:none;padding:0 .8rem}.focused-lab .lab-state input{width:100%;height:100%}.focused-lab .lab-question{max-width:50ch;font-size:var(--text-lg);margin:1rem 0 .75rem;font-weight:600;display:none}.focused-lab .lab-frame,.focused-lab .lab-sentence{display:none}.focused-lab:has(.lab-states input[value=ready]:checked) [data-state=ready],.focused-lab:has(.lab-states input[value=cast]:checked) [data-state=cast],.focused-lab:has(.lab-states input[value=line_out]:checked) [data-state=line_out],.focused-lab:has(.lab-states input[value=retrieve]:checked) [data-state=retrieve],.focused-lab:has(.lab-states input[value=drag_slip]:checked) [data-state=drag_slip],.focused-lab:has(.lab-states input[value=overrun_risk]:checked) [data-state=overrun_risk]{display:block}.focused-lab .lab-demonstration{margin-bottom:.75rem}.focused-lab .lab-playback{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.focused-lab .lab-demonstration .tool-btn{text-transform:none;letter-spacing:0;min-height:44px;font-family:var(--font-sans);font-size:var(--text-sm)}.focused-lab .lab-demonstration .tool-btn:disabled{cursor:default;color:var(--ink-3);border-color:var(--rule);background:0 0}.focused-lab .lab-steps{align-items:center;gap:.5rem;margin-left:.75rem;display:flex}.focused-lab .lab-state-progress{text-align:center;min-width:3rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.focused-lab .lab-motion-note{font-family:var(--font-sans);font-size:var(--text-sm);margin-top:.4rem}.focused-lab .lab-prediction{margin-top:.25rem}.focused-lab .lab-prediction>summary{font-size:var(--text-sm);font-weight:600}.focused-lab .lab-prediction>summary .note{font:inherit;color:var(--ink-2);margin-left:.35rem;font-weight:400}.focused-lab .lab-prediction-body{gap:.75rem 1.5rem;padding:.25rem 0 1rem 1.625rem;display:grid}.focused-lab .lab-prediction-question{font-size:var(--text-base);max-width:52ch;font-weight:600}.focused-lab .lab-prediction-choices{flex-wrap:wrap;gap:.5rem;margin-top:.65rem;display:flex}.focused-lab .lab-prediction-choices [aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.focused-lab .lab-prediction-feedback{max-width:68ch;font-size:var(--text-base);line-height:1.55}.focused-lab .lab-prediction-verdict{margin-bottom:.35rem;font-weight:600}.focused-lab .lab-reels{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1.5rem;padding:0;display:grid;overflow:visible}.focused-lab[data-view=single] .lab-reels{grid-template-columns:minmax(0,42rem)}.focused-lab .lab-reel{border:0;border-top:1px solid var(--rule);border-radius:0;gap:.75rem;min-width:0;padding:1rem 0 0}.focused-lab .lab-reel[hidden]{display:none}.focused-lab .lab-reel figcaption{flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;display:flex}.focused-lab .lab-reel-name{font-size:var(--text-lg)}.focused-lab .lab-frame svg{width:100%;max-width:38rem;margin-inline:auto;display:block}.focused-lab .lab-annotation path{fill:none;stroke:var(--ink-3);stroke-width:1px}.focused-lab .lab-annotation text{fill:var(--ink);stroke:var(--paper);stroke-width:4px;paint-order:stroke;font-family:var(--font-sans);font-size:16px;font-weight:600}.focused-lab .lab-sentence{font-size:var(--text-base);max-width:62ch;line-height:1.55}.focused-lab .lab-reason{margin-top:.5rem}.focused-lab .lab-reason summary{color:var(--ink-2);font-size:var(--text-sm)}.focused-lab .lab-reason p{padding:0 0 .5rem 1.625rem}.focused-lab .lab-legend{gap:.75rem 1rem;margin-top:1.5rem}.focused-lab .lab-example-note{max-width:78ch;margin-top:.75rem}@media (width>=64rem){.focused-lab[data-view=all] .lab-reels{grid-template-columns:repeat(3,minmax(0,1fr))}.focused-lab[data-view=single]:not(.beginner-lab *) .lab-reels{grid-template-columns:minmax(0,1fr)}.focused-lab[data-view=single]:not(.beginner-lab *) .lab-reel{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:.75rem 3rem}.focused-lab[data-view=single]:not(.beginner-lab *) .lab-reel>figcaption{grid-area:1/2;padding-top:1.5rem}.focused-lab[data-view=single]:not(.beginner-lab *) .lab-reel>.lab-frames{grid-area:1/1/span 3}.focused-lab[data-view=single]:not(.beginner-lab *) .lab-reel>.lab-sentence{grid-column:2;max-width:34rem}.focused-lab .lab-annotation text{font-size:14px}}@media (width>=72rem){.js .focused-lab .lab-controls:has([data-reel-control]){grid-template-columns:auto minmax(0,1fr);gap:1.5rem}.focused-lab .lab-state span{padding-inline:.65rem}.focused-lab .lab-prediction-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (width<=40rem){.focused-lab .lab-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.focused-lab .lab-selection .lab-choice{min-width:0}.focused-lab .lab-selection .lab-state-choice{display:grid}.focused-lab[data-enhanced=true] .lab-states{display:none}.focused-lab .lab-compare-options{grid-column:1/-1}.focused-lab .lab-compare-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.focused-lab .lab-selection select{width:100%;padding-right:1.25rem}.focused-lab .lab-reels,.focused-lab[data-view=single] .lab-reels{grid-template-columns:minmax(0,1fr)}.focused-lab .lab-reel{flex-basis:auto}.focused-lab .lab-playback{gap:.5rem}.focused-lab .lab-steps{gap:.4rem;margin-left:auto}.focused-lab .lab-prediction>summary{flex-wrap:wrap;row-gap:0}.focused-lab .lab-prediction>summary .note{font-size:var(--text-xs);flex-basis:100%;margin-left:0;padding-left:1.725em}.focused-lab .lab-body{flex-direction:column;display:flex}.focused-lab .lab-demonstration:not([hidden]){display:contents}.focused-lab .lab-reels{order:1}.focused-lab .lab-playback{z-index:3;background:var(--paper);border-top:1px solid var(--rule);order:2;margin:.75rem -1rem 0;padding:.5rem 1rem;position:sticky;bottom:0}.focused-lab .lab-motion-note,.focused-lab .lab-prediction{order:3}.focused-lab .lab-legend,.focused-lab .lab-example-note{order:4}}@media print{.focused-lab .lab-selection,.focused-lab .lab-demonstration,.focused-lab .lab-states{display:none}.focused-lab .lab-reels{display:block}.focused-lab .lab-reel{break-inside:avoid;margin-bottom:1rem}}}