/* Nallo uses one consistent six-pose sheet. Cells are equal 512px squares. */
.mascot-pose{display:block;flex:none;background-image:url('assets/mascot-poses.png');background-size:300% 200%;background-repeat:no-repeat;background-position:0 0;aspect-ratio:1;clip-path:inset(1% 1%);}
.mascot-pose[data-pose=point]{background-position:50% 0}
.mascot-pose[data-pose=watch]{background-position:100% 0}
.mascot-pose[data-pose=think]{background-position:0 100%}
.mascot-pose[data-pose=discover]{background-position:50% 100%}
.mascot-pose[data-pose=encourage]{background-position:100% 100%}
.kids-workshop .hero-workbench .mascot-pose{width:220px;height:220px}
.kids-workshop .home-hero.premium-hero{padding-top:24px;padding-bottom:24px}
.kids-workshop .premium-hero-copy>p{max-width:440px;font-size:1.0625rem;line-height:1.55}
.home-how{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}
.home-how span{display:flex;align-items:center;gap:7px;font-size:0.875rem;font-weight:750}
.home-how b{display:grid;place-items:center;width:25px;height:25px;border:1.5px solid #203d43;border-radius:50%;background:#ffdb4d}
.home-parent-link{display:inline-block;margin-top:12px;color:#245e58;font-size:0.875rem;text-underline-offset:3px;padding:8px 0}
.kids-workshop.workbench-v9 .llama-guide{grid-template-columns:92px minmax(0,1fr) 285px;gap:13px}
.kids-workshop.workbench-v9 .guide-llama.mascot-pose{width:92px!important;height:92px!important;margin:0;align-self:center}
.kids-workshop .llama-tip:before{background-image:url('assets/mascot-poses.png');background-size:300% 200%;background-position:0 100%;height:76px;width:76px;clip-path:inset(1%)}
.kids-workshop .family-learning p,.kids-workshop .family-learning li,.kids-workshop .parent-notes p{font-size:1rem;line-height:1.6}
.kids-workshop .family-stage .status,.kids-workshop .family-stage .canvas-status{font-size:0.875rem!important;line-height:1.45}
.kids-workshop .family-build .control-help{font-size:0.875rem;line-height:1.5}
.workbench-v9 .family-stage .stage,.workbench-v9 .family-stage .new-stage,.workbench-v9 .family-stage .canvas-stage{border-block:1px solid #203d431b}
.workbench-v9 .family-stage .stage svg,.workbench-v9 .family-stage .new-stage svg,.workbench-v9 .family-stage .canvas-stage svg{border-radius:16px;box-shadow:inset 0 0 0 1px #203d4310}
.workbench-v9 .stage-top{background:#ffffffa6!important;border-bottom:1px solid #203d4320}
.workbench-v9 .stage-top strong{font-size:0.9375rem!important}.workbench-v9 .stage-top span{font-size:0.8125rem!important}
.workbench-v9 .family-stage svg text{paint-order:stroke;stroke:none}
.workbench-v9 .family-stage svg .scene-meta{display:none}
.workbench-v9 .family-stage .canvas-stage{padding:12px}
.workbench-v9 #bridgeSvg{background:var(--lab-tint)!important;border-radius:12px}
.workbench-v9 .family-results .result-hero{border:1px solid #203d4320;box-shadow:none}
.workbench-v9 .family-results .result-hero p{font-size:1rem!important;line-height:1.55}
.workbench-v9 .family-results .llama-tip p{font-size:1rem!important;line-height:1.55}
.workbench-v9 .llama-name{display:block!important;font-size:0.75rem!important;margin:0 0 3px;color:#4e6868}
.workbench-v9 .llama-bubble{display:block!important}
.workbench-v9 .guide-assist{margin-top:5px}
.workbench-v9 .llama-bubble #taskTitle{font-size:1.25rem!important}
@media(min-width:1101px){.kids-workshop.workbench-v9 .llama-guide{grid-template-columns:92px minmax(0,1fr) 285px}.workbench-v9 .llama-bubble{position:relative;padding-right:170px!important}.workbench-v9 .guide-assist{position:absolute;right:15px;top:50%;transform:translateY(-50%);margin:0}.workbench-v9 .llama-bubble:has(.mission-details[open]){padding-right:14px!important}.workbench-v9 .llama-bubble:has(.mission-details[open]) .guide-assist{position:static;transform:none;margin-top:8px}}
@media(min-width:761px) and (max-width:1100px){.kids-workshop.workbench-v9 .llama-guide{grid-template-columns:78px minmax(0,1fr) 240px}.kids-workshop.workbench-v9 .guide-llama.mascot-pose{width:78px!important;height:78px!important}}
@media(max-width:760px){
 .kids-workshop .home-hero.premium-hero{display:block!important;padding:20px!important}
 .kids-workshop .hero-workbench{grid-template-columns:100px minmax(0,1fr)!important;margin-top:8px}
 .kids-workshop .hero-workbench .mascot-pose{width:100px;height:100px}
 .kids-workshop .premium-hero-copy h1{font-size:2.125rem!important}.kids-workshop .premium-hero-copy>p{font-size:1rem!important}
 .kids-workshop .home-llama-speech{font-size:0.875rem!important}
 .kids-workshop.workbench-v9 .llama-guide{grid-template-columns:68px minmax(0,1fr);gap:8px;padding:9px}
 .kids-workshop.workbench-v9 .guide-llama.mascot-pose{width:68px!important;height:68px!important;align-self:start;margin-top:14px}
 .workbench-v9 .llama-bubble #taskTitle{font-size:1.125rem!important}
 .workbench-v9 .stage-top strong{font-size:0.8125rem!important}.workbench-v9 .stage-top span{font-size:0.75rem!important}
 .workbench-v9 .family-stage .canvas-stage{padding:4px}
 .kids-workshop .family-stage{position:relative!important}
 .kids-workshop.workbench-v9 .family-build input,.kids-workshop.workbench-v9 .family-build button,.kids-workshop.workbench-v9 .family-build summary{scroll-margin-top:20px}
 .kids-workshop.workbench-v9 .family-stage .stage svg,.kids-workshop.workbench-v9 .family-stage .new-stage svg,.kids-workshop.workbench-v9 .family-stage .canvas-stage svg{height:225px!important}
 .kids-workshop .llama-tip:before{width:58px;height:58px}
}

/* Consistent, legible construction-kit artwork. */
.workbench-v9 #catSvg #ball{fill:#f47d68;stroke:#203d43;stroke-width:3}
.workbench-v9 #catSvg #launcher>rect{fill:#ffc744;stroke:#203d43}
.workbench-v9 #armVisual{stroke:#dc7755}.workbench-v9 #cupVisual{stroke:#203d43}
.workbench-v9 #targetStand>rect{fill:#ffd44e;stroke:#203d43;stroke-width:3}
.workbench-v9 #trail{stroke:#268780;stroke-width:4}
.workbench-v9 #dropSvg #box{fill:#ffdc76;stroke:#203d43;stroke-width:3}
.workbench-v9 #dropSvg #eggShell{stroke:#68573b;stroke-width:2.5}
.workbench-v9 #dropSvg #rope1,.workbench-v9 #dropSvg #rope2,.workbench-v9 #dropSvg #ropeMid{stroke:#203d43;stroke-width:2.5}
.workbench-v9 .family-stage .stage,.workbench-v9 .family-stage .new-stage{background:var(--lab-tint)}
.back-to-test{display:none}
@media(max-width:760px){.kids-workshop .back-to-test{display:block;margin:12px 0 18px;border:2px solid #203d43;background:#ffdb4d;color:#203d43;padding:12px;text-align:center;border-radius:12px;font-size:1rem;font-weight:800;text-decoration:none}}

/* Body silhouettes are the same in the picker and on the ramp. */
.workbench-v9 #aeroChips .chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 5px;font-size:0.875rem}
.car-choice{display:block;width:100%;max-width:83px;height:46px;overflow:visible}
.workbench-v9 #raceSvg .wheel-tire{fill:#203d43;stroke:#203d43;stroke-width:1.5}
.workbench-v9 #raceSvg .wheel-rim{fill:#fff9e8}.workbench-v9 #raceSvg .spokes{stroke:#429e9b}
.workbench-v9 #raceSvg #doorSeam{stroke:#203d43;stroke-width:1.8;opacity:.6}
.workbench-v9 #raceSvg #bodyStripe{stroke:#fff3ce;stroke-width:3}
.workbench-v9 #raceSvg #windowShape{stroke:#203d43;stroke-width:2.5}

.workbench-v9 #raceSvg #changeCallout{display:none}

/* Keep the bridge canvas and structural outlines consistent with the workshop. */
.workbench-v9 #bridgeSvg>rect:first-of-type{fill:var(--lab-tint)}
.workbench-v9 #bridgeSvg .member-back{opacity:1;filter:none;stroke:#203d43}
.workbench-v9 #bridgeSvg .broken-back{opacity:.1}

/* Access: generous targets, clear focus, readable controls and robust reflow. */
.kids-workshop :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:3px solid #173d80!important;outline-offset:4px;box-shadow:0 0 0 6px #fff!important}
.kids-workshop summary{min-height:44px;display:list-item;padding-top:8px;padding-bottom:8px;box-sizing:border-box}
.kids-workshop input[type=range]{min-height:44px;height:44px}
.kids-workshop .value,.kids-workshop .new-control output{color:#203d43}
.kids-workshop .point-tools{margin:12px 0}.point-tools p{font-size:1rem;line-height:1.5;color:#35565b}
.point-tools label{display:block;margin:12px 0 5px;font-size:1rem;font-weight:700}
.point-tools select{width:100%;min-width:0;max-width:100%}
.point-tools button{min-height:44px;min-width:44px;border:2px solid #527974;border-radius:10px;background:#fff;color:#203d43;padding:8px 10px;margin:4px 0;font-size:1rem;font-weight:700;white-space:normal}
.direction-pad{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.point-tools>button{display:block;width:100%}
.kids-workshop #pointPosition{font-size:.875rem;min-height:2.8em}
.kids-workshop .family-build select{max-width:100%}.kids-workshop .family-build{overflow-wrap:anywhere}
.kids-workshop .family-guide,.kids-workshop .family-stage,.kids-workshop .family-build{scroll-margin-top:20px}
.kids-workshop .guide-assist{flex-wrap:wrap}.kids-workshop .guide-assist button{min-height:44px}
.kids-workshop .llama-name,.kids-workshop .build-id{color:#4e6868}
@media(forced-colors:active){.kids-workshop button[aria-pressed=true]{outline:3px solid Highlight}.kids-workshop input[type=range]{appearance:auto}.kids-workshop .family-stage{border:2px solid CanvasText}}
/* Let larger text reflow instead of squeezing the three mission choices. */
.kids-workshop .mission-choices .task-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,4.5rem),1fr));width:100%}
.kids-workshop .mission-choices .task-tabs button{min-width:0;white-space:normal;overflow-wrap:anywhere}
.kids-workshop .range-row{grid-template-columns:minmax(0,1fr) auto}
.kids-workshop .value,.kids-workshop .new-control output{white-space:normal;max-width:100%;overflow-wrap:anywhere}
.kids-workshop .chips,.kids-workshop .weight-presets,.kids-workshop .beam-size-chips{grid-template-columns:repeat(auto-fit,minmax(min(100%,4.5rem),1fr))}
.kids-workshop .chip,.kids-workshop .weight-preset,.kids-workshop .beam-size-chips button{min-width:0;white-space:normal;overflow-wrap:anywhere}
.kids-workshop .site-brand{max-width:100%;white-space:normal;line-height:1.15}
@media(max-width:760px){.kids-workshop .range-row{display:flex;flex-wrap:wrap}.kids-workshop .range-row input[type=range]{flex:1 1 100px;min-width:0}.kids-workshop .range-row .value{flex:0 1 auto}}
.kids-workshop .weight-preset.active{color:#203d43!important}