:root{
  --bg:#f6f3ed;--paper:#fffdfa;--panel:#ffffff;--ink:#182033;--muted:#667085;--line:#dfe4ec;
  --blue:#2855d9;--blue-2:#5f7fe8;--blue-soft:#edf2ff;--yellow:#f8c84a;--yellow-soft:#fff7d6;
  --orange:#e9883d;--red:#d65757;--green:#2d8b68;--cyan:#26a6b6;--purple:#7d64ce;
  --shadow:0 16px 45px rgba(31,42,68,.10);--shadow-sm:0 8px 22px rgba(31,42,68,.07);--radius:22px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% 0,#fff 0,#faf8f3 35%,#f3f1eb 100%);min-height:100vh}button,input,select{font:inherit}button{touch-action:manipulation}.shell{max-width:1540px;margin:0 auto;padding:18px 18px 42px}.back{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;color:#41506d;font-weight:850;text-decoration:none;padding:8px 10px;border-radius:12px}.back:hover{background:#fff}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:10px 2px 20px}.eyebrow{font-size:0.6875rem;font-weight:950;letter-spacing:.14em;color:var(--blue);text-transform:uppercase}.hero h1{font-size:clamp(34px,4.4vw,62px);line-height:.98;letter-spacing:-.045em;margin:6px 0 10px}.hero p{max-width:780px;margin:0;color:var(--muted);line-height:1.55;font-size:0.9375rem}.challenge{background:linear-gradient(145deg,#17223a,#283650);color:#fff;border-radius:18px;padding:15px 18px;min-width:235px;box-shadow:0 16px 35px rgba(23,34,58,.20);border:1px solid rgba(255,255,255,.08)}.challenge span,.challenge small{display:block;color:#cbd5e1}.challenge span{font-size:0.625rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.challenge strong{display:block;font-size:1.375rem;margin:3px 0}.challenge small{font-size:0.6875rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.step{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.75);border-radius:15px;padding:10px 12px;color:var(--muted)}.step b{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e9edf4;color:#667085;flex:0 0 auto}.step strong,.step small{display:block}.step strong{font-size:0.75rem;color:var(--ink)}.step small{font-size:0.625rem;margin-top:1px}.step.active{background:#fff;border-color:#b7c5ef;box-shadow:var(--shadow-sm)}.step.active b{background:var(--blue);color:#fff}.grid{display:grid;grid-template-columns:310px minmax(520px,1fr) 340px;gap:14px;align-items:start}.panel{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.controls,.results{padding:16px;position:sticky;top:10px}.panel-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.num{display:grid;place-items:center;width:34px;height:34px;background:var(--blue);color:#fff;border-radius:11px;font-weight:950;flex:0 0 auto}.panel-title h2{font-size:1.1875rem;margin:0;letter-spacing:-.02em}.panel-title p{font-size:0.6875rem;line-height:1.45;color:var(--muted);margin:4px 0 0}.group{margin-top:14px;padding-top:2px}.group:first-of-type{margin-top:0}.group label,.mini{display:block;font-size:0.625rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:950;margin-bottom:7px}.range-row{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:9px;align-items:center}.range-row input[type=range]{width:100%;accent-color:var(--blue);height:28px}.value{border:1px solid var(--line);background:#f8fafc;border-radius:11px;padding:8px;text-align:center;font-weight:950;font-size:0.8125rem}.chips{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.chips:has(.chip:nth-child(4)){grid-template-columns:repeat(2,1fr)}.chip{border:1px solid var(--line);background:#fafbfc;border-radius:13px;padding:10px 7px;min-height:52px;cursor:pointer;text-align:center;color:var(--ink);font-weight:850;transition:.15s ease}.chip:hover{transform:translateY(-1px);border-color:#b9c5dd;background:#fff}.chip small{display:block;color:var(--muted);font-size:0.5625rem;font-weight:700;margin-top:3px}.chip.active{border:2px solid var(--blue);background:var(--blue-soft);padding:9px 6px;box-shadow:inset 0 0 0 2px rgba(40,85,217,.04)}.coach{border:1px solid #cad6f3;background:linear-gradient(145deg,#f7f9ff,#edf2ff);border-radius:14px;padding:12px;margin-top:14px}.coach .mini{color:var(--blue);margin-bottom:4px}.coach strong{display:block;font-size:0.8125rem;line-height:1.38}.coach p{font-size:0.6875rem;line-height:1.48;color:var(--muted);margin:4px 0 0}.test{width:100%;border:0;background:linear-gradient(135deg,#f8c84a,#f1ac31);color:#3b2a00;border-radius:16px;padding:17px;font-size:1.0625rem;font-weight:950;cursor:pointer;margin-top:14px;box-shadow:0 9px 20px rgba(206,147,31,.22);transition:.15s ease}.test:hover{transform:translateY(-1px);box-shadow:0 12px 23px rgba(206,147,31,.28)}.test:active{transform:translateY(1px)}.reset{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;font-weight:800;color:var(--ink);cursor:pointer;margin-top:8px}.stage-panel{overflow:hidden;border-radius:24px}.stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid var(--line);background:#fff}.stage-top strong{font-size:0.8125rem}.stage-top span{font-size:0.625rem;color:var(--muted)}.stage{position:relative;background:linear-gradient(180deg,#f7f9fd 0,#eef2f6 100%);overflow:hidden}.stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(40,85,217,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(40,85,217,.05) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.stage svg{position:relative;display:block;width:100%;height:auto;min-height:430px}.status{display:flex;justify-content:space-between;gap:10px;padding:10px 14px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:0.6875rem}.result-hero{border:1px solid var(--line);background:#f8fafc;border-radius:15px;padding:14px}.result-hero span{display:block;font-size:0.625rem;font-weight:950;letter-spacing:.1em;margin-bottom:4px}.result-hero strong{display:block;font-size:1.1875rem;line-height:1.25}.result-hero p{font-size:0.6875rem;color:var(--muted);line-height:1.5;margin:6px 0 0}.result-hero.good{background:#edf8f3;border-color:#b6dec9}.result-hero.good span{color:var(--green)}.result-hero.warn{background:#fff8e6;border-color:#ecd38c}.result-hero.warn span{color:#a76a00}.result-hero.bad{background:#fff1f1;border-color:#efbdc1}.result-hero.bad span{color:var(--red)}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.metric{border:1px solid var(--line);background:#fafbfc;border-radius:12px;padding:10px}.metric span,.metric small{display:block;color:var(--muted)}.metric span{font-size:0.5625rem}.metric strong{display:block;font-size:1.1875rem;margin:2px 0}.metric small{font-size:0.5625rem}.learn{margin-top:12px;border-top:1px solid var(--line);padding-top:11px}.learn h3{font-size:0.8125rem;margin:0 0 6px}.learn p,.learn li{font-size:0.6875rem;line-height:1.55;color:var(--muted)}.learn ul{padding-left:17px;margin:5px 0}.learning-card{margin-top:12px;border:1px solid #dfe5f1;border-radius:15px;padding:12px;background:linear-gradient(145deg,#fff,#f8faff)}.learning-card .lesson-title{display:flex;align-items:center;gap:8px;font-size:0.8125rem;font-weight:950}.learning-card .lesson-title i{font-style:normal;display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--blue-soft)}.learning-card p{font-size:0.6875rem;color:var(--muted);line-height:1.5;margin:7px 0 0}.learning-card .try-next{margin-top:8px;padding-top:8px;border-top:1px dashed #cfd7e6;color:#41506d;font-size:0.625rem;font-weight:800}.advanced{margin-top:10px}.advanced summary{cursor:pointer;color:var(--muted);font-size:0.6875rem;font-weight:850}.advanced div{font-size:0.625rem;line-height:1.5;color:var(--muted);padding-top:7px}.hintbar{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:11px 14px}.hint-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--blue-soft);color:var(--blue);font-weight:950;font-size:1.25rem}.hintbar strong{font-size:0.8125rem}.hintbar span{display:block;color:var(--muted);font-size:0.625rem;margin-top:2px}.legend{display:flex;gap:12px;flex-wrap:wrap;padding:8px 13px;border-top:1px solid var(--line);background:#fff;font-size:0.625rem;color:var(--muted)}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}.lab-note{margin-top:12px;padding:14px 16px}.lab-note h2{font-size:1.0625rem;margin:0 0 5px}.lab-note p{font-size:0.6875rem;color:var(--muted);line-height:1.55;margin:0}.pulse{animation:pulse .45s ease}@keyframes pulse{50%{background:#fff7d8}}.shake{animation:shake .34s linear 2}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
/* Home */
.home-hero{padding:30px 0 22px}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:end}.home-hero h1{font-size:clamp(44px,7vw,82px);margin:8px 0 13px;letter-spacing:-.055em;line-height:.92}.home-hero p{font-size:1.0625rem;max-width:760px;color:var(--muted);line-height:1.55}.brand-mark{display:inline-flex;align-items:center;gap:8px;font-weight:950;letter-spacing:.12em;font-size:0.75rem;color:var(--blue)}.brand-mark i{width:15px;height:15px;background:var(--yellow);border:4px solid var(--blue);border-radius:4px;transform:rotate(12deg)}.home-mission{background:linear-gradient(145deg,#17223a,#2b3b59);color:#fff;border-radius:24px;padding:20px;box-shadow:0 18px 40px rgba(23,34,58,.2)}.home-mission span{font-size:0.625rem;text-transform:uppercase;letter-spacing:.12em;color:#c9d3e6;font-weight:900}.home-mission strong{display:block;font-size:1.75rem;line-height:1.05;margin:6px 0}.home-mission p{font-size:0.6875rem;color:#dbe2ef;margin:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:12px 0}.section-head h2{margin:0;font-size:1.5rem;letter-spacing:-.03em}.section-head p{margin:0;color:var(--muted);font-size:0.75rem}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lab-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);overflow:hidden;transition:.18s ease}.lab-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.lab-card .card-scene{height:180px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(160deg,#f7f9fe,#eef3fb);border-bottom:1px solid var(--line)}.lab-card .card-scene svg{width:92%;height:92%}.lab-card .card-copy{padding:16px}.lab-card h3{margin:4px 0 7px;font-size:1.375rem;letter-spacing:-.03em}.lab-card p{margin:0;color:var(--muted);font-size:0.75rem;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tag{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:5px 8px;font-size:0.5625rem;color:#536075;font-weight:800}.home-note{margin-top:16px;padding:16px 18px}.home-note p{margin:0;font-size:0.75rem;color:var(--muted);line-height:1.55}.home-note strong{color:var(--ink)}
/* visual builder helpers */
.visual-note{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.94);border:1px solid var(--line);padding:8px 10px;border-radius:12px;font-size:0.625rem;color:var(--muted);box-shadow:var(--shadow-sm);z-index:2}.visual-note b{display:block;color:var(--ink);font-size:0.6875rem}.control-readout{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.control-readout div{padding:8px;border-radius:11px;background:#f8fafc;border:1px solid var(--line)}.control-readout span{font-size:0.5625rem;color:var(--muted);display:block}.control-readout strong{font-size:0.75rem;display:block;margin-top:2px}.compare-strip{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:10px}.compare-strip>div{border:1px solid var(--line);background:#fafbfc;border-radius:12px;padding:9px}.compare-strip span{display:block;font-size:0.5625rem;color:var(--muted)}.compare-strip strong{font-size:0.75rem}.compare-strip b{color:var(--blue)}
@media(max-width:1100px){.grid{grid-template-columns:280px 1fr}.results{position:static;grid-column:1/-1}.controls{position:static}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-grid{grid-template-columns:1fr}.home-mission{max-width:520px}.stage svg{min-height:390px}}
@media(max-width:760px){.shell{padding:12px}.hero{display:block}.challenge{margin-top:14px;min-width:0}.steps{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.controls,.results{position:static}.stage svg{min-height:330px}.home-grid{grid-template-columns:1fr}.home-hero h1{font-size:3rem}.chips{grid-template-columns:1fr 1fr}.status{display:block}.status span{display:block;margin-top:3px}.home-hero{padding-top:18px}}
/* Gravity Racer component polish */
.racer-grid{grid-template-columns:330px minmax(560px,1fr) 330px}.racer-controls{padding:15px}.racer-mission{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.live-build-badge{border-left:1px solid var(--line);padding-left:14px;text-align:right}.live-build-badge span,.live-build-badge strong{display:block}.live-build-badge span{font-size:0.5625rem;letter-spacing:.08em;font-weight:900;color:var(--muted)}.live-build-badge strong{font-size:0.75rem;margin-top:2px}.build-section{border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.build-section:first-of-type{border-top:0;padding-top:0;margin-top:0}.section-label{display:flex;align-items:center;gap:9px;margin-bottom:8px}.section-label>span{display:grid;place-items:center;width:36px;height:36px;background:#eef2f7;border-radius:11px;font-size:1.0625rem}.section-label b,.section-label small{display:block}.section-label b{font-size:0.8125rem}.section-label small{font-size:0.625rem;color:var(--muted);margin-top:1px}.visual-range .range-row{grid-template-columns:minmax(0,1fr) 76px}.range-hint,.prediction-scale{display:flex;justify-content:space-between;font-size:0.5rem;color:#8a94a4;text-transform:uppercase;letter-spacing:.06em;margin-top:3px}.picture-chips .chip{padding-top:7px}.car-shape{display:block;height:20px;margin:0 auto 6px;background:#e9883d;border:2px solid #4e3924}.car-shape.boxy{width:45px;border-radius:3px}.car-shape.normal{width:46px;border-radius:12px 12px 4px 4px;clip-path:polygon(0 100%,10% 35%,30% 8%,72% 8%,100% 100%)}.car-shape.smooth{width:50px;border-radius:999px 999px 5px 5px;clip-path:polygon(0 100%,14% 45%,38% 15%,76% 20%,100% 100%)}.racer-stage{background:#fbfcfd}.racer-stage svg{min-height:470px}.racer-stage-panel{overflow:hidden}.visual-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);background:#fff}.visual-stats>div{padding:10px 12px;border-right:1px solid var(--line)}.visual-stats>div:last-child{border-right:0}.visual-stats span,.visual-stats strong{display:block}.visual-stats span{font-size:0.5rem;color:var(--muted);font-weight:900;letter-spacing:.08em}.visual-stats strong{font-size:0.75rem;margin-top:2px}.prediction-box{background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:12px}.prediction-box label{display:block;font-size:0.75rem;font-weight:850;margin-bottom:7px}.guess-value{font-size:1rem}.racer-test{font-size:1.125rem;min-height:60px}.wheel-group{transform-box:fill-box;transform-origin:center}.wheel-rim{transition:r .15s ease,fill .15s ease}.wheel-tire,.hub,#bodyShape,#windowShape,#weightBlock{transition:all .15s ease}#changeCallout{transition:opacity .18s ease}.track-build{padding-bottom:2px}
@media(max-width:1230px){.racer-grid{grid-template-columns:290px minmax(500px,1fr)}.racer-results{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:9px}.racer-results>.panel-title,.racer-results>.result-hero,.racer-results>.advanced{grid-column:1/-1}}
@media(max-width:820px){.racer-grid{display:block}.racer-controls,.racer-results{position:static;margin-bottom:10px}.racer-stage-panel{margin-bottom:10px}.racer-results{display:block}.racer-mission{grid-template-columns:auto minmax(0,1fr)}.live-build-badge{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:8px 0 0;text-align:left}.racer-stage svg{min-height:350px}.visual-stats{grid-template-columns:1fr 1fr}.visual-stats>div:nth-child(2){border-right:0}.visual-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* v0.7 premium visual system */
:root{
  --bg:#f3f1ec;--paper:#fffdf9;--panel:#fff;--ink:#172033;--muted:#667085;--line:#d9dee8;
  --navy:#17223a;--blue:#315ed8;--blue-soft:#edf3ff;--yellow:#f6c84f;--orange:#ec8b3d;
  --shadow:0 18px 50px rgba(24,32,51,.10);--shadow-sm:0 10px 28px rgba(24,32,51,.08)
}
body{background:linear-gradient(180deg,#faf9f6 0,#f2f0eb 100%);color:var(--ink)}
.panel{border-color:#dce1e9;box-shadow:var(--shadow-sm)}
.back{border:1px solid transparent}.back:hover{border-color:var(--line);background:#fff}
.home-shell{max-width:1500px;padding-top:24px}
.premium-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,620px);gap:34px;align-items:center;padding:24px 0 34px}
.premium-hero-copy h1{font-size:clamp(54px,7.5vw,96px);line-height:.89;letter-spacing:-.065em;margin:10px 0 18px}.premium-hero-copy h1 span{color:#315ed8}.premium-hero-copy p{max-width:720px;font-size:1.125rem;line-height:1.6;color:#667085;margin:0}.brand-mark{font-size:0.75rem;color:#315ed8}.brand-mark i{background:#f6c84f;border-color:#315ed8}
.hero-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:24px}.hero-flow span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #dbe0e9;border-radius:999px;padding:8px 12px;font-size:0.6875rem;font-weight:900;box-shadow:0 4px 14px rgba(24,32,51,.05)}.hero-flow span b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#17223a;color:#fff;font-size:0.625rem}.hero-flow i{font-style:normal;color:#9aa4b2;font-weight:900}.hero-workbench{border-radius:34px;overflow:hidden;box-shadow:0 28px 70px rgba(23,34,58,.18);border:1px solid rgba(23,34,58,.08);background:#eef2f8;transform:rotate(.2deg)}.hero-workbench svg{display:block;width:100%;height:auto}
.premium-section-head{margin:20px 0 15px;padding:0 2px}.premium-section-head h2{font-size:1.9375rem;letter-spacing:-.04em}.premium-section-head p{max-width:450px;text-align:right;line-height:1.5}
.premium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.premium-card{border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 12px 34px rgba(24,32,51,.07);border:1px solid #dfe3ea}.premium-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(24,32,51,.14);border-color:#cbd3df}.premium-card .card-scene{height:224px;border-bottom:0;background:#edf2f8}.premium-card .card-scene:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:rgba(23,32,51,.08)}.premium-card .card-scene svg{width:100%;height:100%}.premium-card .card-copy{padding:19px 19px 18px}.premium-card h3{font-size:1.5625rem;margin:5px 0 8px}.premium-card p{font-size:0.78125rem;line-height:1.58;min-height:58px}.premium-card .eyebrow{font-size:0.625rem}.scene-badge{position:absolute;z-index:3;top:14px;left:14px;background:rgba(255,255,255,.92);border:1px solid rgba(23,32,51,.08);border-radius:999px;padding:6px 9px;font-size:0.5625rem;font-weight:950;letter-spacing:.08em;color:#39465d;box-shadow:0 5px 15px rgba(24,32,51,.08)}.card-footer{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:14px}.card-footer .tags{margin-top:0}.open-lab{font-size:0.625rem;font-weight:950;color:#315ed8;white-space:nowrap}.tag{background:#f7f8fa;border-color:#dfe4eb;font-size:0.5625rem}.lab-bridge .card-scene{background:#e9eff8}.lab-racer .card-scene{background:#f8eee1}.lab-egg .card-scene{background:#eeecfa}.lab-catapult .card-scene{background:#edf3f8}.lab-balloon .card-scene{background:#eaf6f5}.lab-tower .card-scene{background:#f1edfa}
.home-quality{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:20px;overflow:hidden;border-radius:24px}.home-quality>div{display:flex;gap:13px;padding:18px 20px;border-right:1px solid var(--line)}.home-quality>div:last-child{border-right:0}.quality-icon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:#edf3ff;color:#315ed8;font-weight:950}.home-quality strong{display:block;font-size:0.8125rem}.home-quality p{margin:4px 0 0;color:var(--muted);font-size:0.65625rem;line-height:1.5}
/* shared v0.7 lab polish */
.hero h1{letter-spacing:-.05em}.challenge{box-shadow:0 18px 40px rgba(23,34,58,.18)}.steps{gap:9px}.step{background:rgba(255,255,255,.86);border-radius:16px}.step.active{border-color:#b9c9ef;box-shadow:0 9px 24px rgba(49,94,216,.09)}.controls,.results{border-radius:24px}.stage-panel{border-radius:26px;box-shadow:0 18px 48px rgba(24,32,51,.10)}.stage-top{padding:13px 17px}.stage{background:#f5f7fa}.stage:before{opacity:.4}.test{box-shadow:0 12px 26px rgba(217,157,35,.26)}.result-hero{border-radius:17px}.learning-card{border-radius:16px;box-shadow:inset 0 0 0 1px rgba(49,94,216,.02)}
/* Racer v0.7 visual scene */
.racer-stage{background:linear-gradient(180deg,#f7f3ea 0,#edf1f5 58%,#e4e6e8 58%,#e0e2e5 100%)}.racer-stage:before{display:none}.racer-stage svg{min-height:500px}.racer-stage-panel .stage-top{background:#fff}.racer-controls .build-section{background:#fbfcfd;border:1px solid #e6e9ef;border-radius:16px;padding:12px;margin-top:10px}.racer-controls .build-section:first-of-type{border-top:1px solid #e6e9ef}.section-label>span{background:#edf3ff}.picture-chips .chip{background:#fff}.racer-test{background:linear-gradient(135deg,#f6c84f,#efaa35)}.visual-stats{background:#fbfcfd}.visual-stats>div{padding:11px 13px}.live-build-badge{background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:8px 10px;text-align:left}.racer-mission{align-items:center}
/* Egg v0.7 visual scene */
.egg-grid{grid-template-columns:330px minmax(560px,1fr) 340px}.egg-controls .build-section{background:#fbfcfd;border:1px solid #e6e9ef;border-radius:16px;padding:12px;margin-top:10px}.egg-stage{background:linear-gradient(180deg,#f4f1fb 0,#edf1f7 68%,#e3e5e8 68%,#e0e2e4 100%)}.egg-stage:before{display:none}.egg-stage svg{min-height:500px}.egg-protection-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.egg-protection-preview div{padding:8px;border:1px solid var(--line);border-radius:11px;background:#fff}.egg-protection-preview span,.egg-protection-preview strong{display:block}.egg-protection-preview span{font-size:0.5rem;color:var(--muted);font-weight:900;letter-spacing:.07em}.egg-protection-preview strong{font-size:0.6875rem;margin-top:2px}.egg-test{font-size:1.125rem;min-height:60px}
@media(max-width:1120px){.premium-hero{grid-template-columns:1fr}.hero-workbench{max-width:760px}.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quality{grid-template-columns:1fr}.home-quality>div{border-right:0;border-bottom:1px solid var(--line)}.home-quality>div:last-child{border-bottom:0}.egg-grid{grid-template-columns:290px minmax(500px,1fr)}.egg-grid .results{grid-column:1/-1;position:static}}
@media(max-width:760px){.premium-hero{padding-top:8px}.premium-hero-copy h1{font-size:3.3125rem}.premium-hero-copy p{font-size:0.9375rem}.hero-workbench{border-radius:24px}.premium-grid{grid-template-columns:1fr}.premium-card .card-scene{height:205px}.premium-section-head{display:block}.premium-section-head p{text-align:left;margin-top:6px}.card-footer{align-items:center}.egg-grid{display:block}.egg-controls,.egg-grid .results{position:static;margin-bottom:10px}.egg-stage svg{min-height:365px}.hero-flow i{display:none}}

/* v0.8 art-consistency pass */
.home-body{background:linear-gradient(180deg,#fbfaf7 0,#f2f0ea 100%)}
.home-shell{max-width:1520px}
.premium-card{box-shadow:0 16px 42px rgba(24,32,51,.09)}
.premium-card .card-scene{height:236px}
.premium-card h3{font-size:1.625rem}
.panel,.controls,.results,.stage-panel{border-color:#d7dde7}
.stage-panel{box-shadow:0 20px 54px rgba(24,32,51,.11)}
.stage-top{background:linear-gradient(180deg,#fff 0,#fbfcfd 100%)}
.status{background:linear-gradient(180deg,#fff 0,#fbfcfd 100%)}
.hintbar{border-color:#d6dff1;background:linear-gradient(135deg,#fbfdff,#f2f6ff)}
.controls .group,.results .group{position:relative}
.controls .group label{font-size:0.625rem}
.controls,.results{padding:17px}
.controls .panel-title,.results .panel-title{margin-bottom:16px}
.controls .coach,.results .coach,.learning-card{box-shadow:0 10px 22px rgba(24,32,51,.05)}
.compare-strip{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe}.compare-strip span{display:block;font-size:0.5625rem;color:var(--muted);font-weight:900;letter-spacing:.08em}.compare-strip strong{display:block;font-size:0.875rem}.compare-strip b{color:#315ed8}

/* shared v0.8 stage scenes */
.catapult-grid,.balloon-grid,.tower-grid{grid-template-columns:310px minmax(540px,1fr) 340px}
.catapult-stage,.balloon-stage,.tower-stage{background:linear-gradient(180deg,#f7f9fc 0,#edf2f7 100%)}
.catapult-stage:before,.balloon-stage:before,.tower-stage:before{display:none}
.catapult-stage svg,.balloon-stage svg,.tower-stage svg{min-height:500px}
.catapult-stage-panel,.balloon-stage-panel,.tower-stage-panel{overflow:hidden}
.catapult-shell .challenge,.balloon-shell .challenge,.tower-shell .challenge{min-width:255px}
.egg-stage-panel,.catapult-stage-panel,.balloon-stage-panel,.tower-stage-panel{border-radius:28px}

/* catapult */
.catapult-shell .controls,.catapult-shell .results{border-radius:24px}
.catapult-shell .group .chips .chip,.balloon-shell .group .chips .chip,.tower-shell .group .chips .chip,.egg-shell .group .chips .chip{background:#fff}
.catapult-shell .test{background:linear-gradient(135deg,#f7c956,#ec8c3d);color:#2f2200}

/* balloon car */
.balloon-stage{background:linear-gradient(180deg,#f4fbfc 0,#edf2f7 100%)}
.balloon-shell .test{background:linear-gradient(135deg,#f6c84f,#efa934)}
.balloon-shell .stage-top span{max-width:240px;text-align:right}

/* tower */
.tower-stage{background:linear-gradient(180deg,#f6f5fb 0,#edf1f7 100%)}
.tower-shell .test{background:linear-gradient(135deg,#f6c84f,#efaa35)}

/* egg drop */
.egg-stage{background:linear-gradient(180deg,#f7f5fc 0,#eef2f8 100%)}
.egg-stage-panel .egg-protection-preview{padding:0 12px 10px}
.egg-protection-preview div{box-shadow:0 5px 14px rgba(24,32,51,.04)}

@media(max-width:1230px){.catapult-grid,.balloon-grid,.tower-grid{grid-template-columns:290px minmax(500px,1fr)}.catapult-grid .results,.balloon-grid .results,.tower-grid .results{grid-column:1/-1;position:static}}
@media(max-width:820px){.catapult-grid,.balloon-grid,.tower-grid{display:block}.catapult-shell .controls,.catapult-shell .results,.balloon-shell .controls,.balloon-shell .results,.tower-shell .controls,.tower-shell .results{position:static;margin-bottom:10px}.catapult-stage-panel,.balloon-stage-panel,.tower-stage-panel{margin-bottom:10px}.catapult-stage svg,.balloon-stage svg,.tower-stage svg{min-height:360px}}

/* v0.13 platform quality pass */
:root{
  --surface:#ffffff;--surface-2:#f7f9fc;--surface-3:#eef3f8;--navy:#17223a;
  --hair:#d8dee8;--focus:#315ed8;--warm:#f6c84f;--warm-2:#ef9d3c;
}
body{background:linear-gradient(180deg,#fbfaf7 0,#f3f1ec 52%,#eeece6 100%)}
.shell{padding-top:20px}
.back{background:rgba(255,255,255,.72);border:1px solid rgba(216,222,232,.9);box-shadow:0 5px 14px rgba(24,32,51,.04)}
.hero{padding-top:14px}.hero p{font-size:0.96875rem}.challenge{border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 46px rgba(23,34,58,.20)}
.steps{margin-bottom:14px}.step{min-height:55px;box-shadow:0 4px 12px rgba(24,32,51,.035)}
.panel{background:rgba(255,255,255,.985);border-color:var(--hair);box-shadow:0 16px 44px rgba(24,32,51,.085)}
.controls,.results{padding:18px}.panel-title h2{font-size:1.25rem}.panel-title p{font-size:0.71875rem}
.controls>.group,.controls>.build-section{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid #e5e9f0;border-radius:16px;padding:11px 12px;margin-top:10px}
.controls>.group:first-of-type,.controls>.build-section:first-of-type{margin-top:0}
.controls>.group label{margin-bottom:8px}
.range-row input[type=range]{accent-color:var(--focus)}
.value{background:#fff;border-color:#dbe1ea;box-shadow:inset 0 1px 0 #fff}
.chip{background:#fff;border-color:#dbe1ea;box-shadow:0 3px 9px rgba(24,32,51,.025)}
.chip.active{background:#edf3ff;border-color:#315ed8;box-shadow:0 6px 16px rgba(49,94,216,.08)}
.coach{background:linear-gradient(145deg,#f7faff,#edf3ff);border-color:#ccd8f1}
.stage-panel{border-radius:28px;box-shadow:0 24px 60px rgba(24,32,51,.12);overflow:hidden}
.stage-top{min-height:48px;padding:13px 17px}.stage-top strong{font-size:0.84375rem}.stage-top span{font-size:0.65625rem}
.status{min-height:44px;align-items:center;padding:10px 16px}.status strong{color:#303a4d}
.test{min-height:58px;font-size:1.0938rem;letter-spacing:.01em;border-radius:17px;box-shadow:0 14px 28px rgba(217,157,35,.28)}
.test:hover{transform:translateY(-2px)}.reset{min-height:43px}
.result-hero{padding:15px;border-radius:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.metric{background:linear-gradient(180deg,#fff,#f9fbfd);border-color:#e0e5ed;padding:11px}
.metric strong{font-size:1.25rem}.learning-card{background:linear-gradient(145deg,#fff,#f7faff);border-color:#d9e1ef;box-shadow:0 10px 24px rgba(24,32,51,.045)}
.learning-card:before{content:"BEOBACHTEN → VERSTEHEN → NOCHMAL";display:block;font-size:0.5rem;font-weight:950;letter-spacing:.13em;color:#315ed8;margin-bottom:8px}
.learning-card .try-next{background:#f4f7fc;border:1px dashed #cbd5e6;border-radius:10px;padding:8px 9px;margin-top:10px}
.advanced{padding-top:3px}.advanced summary{padding:6px 0}

/* Home v0.13 */
.premium-hero{gap:42px;padding-top:30px}.premium-hero-copy h1{max-width:760px}.hero-workbench{box-shadow:0 34px 82px rgba(23,34,58,.18);border-radius:36px}
.premium-section-head{margin-top:26px}.premium-grid{gap:20px}.premium-card{border-radius:28px;box-shadow:0 18px 48px rgba(24,32,51,.085);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.premium-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(24,32,51,.15)}
.premium-card .card-scene{height:242px;background:#eff3f8}.premium-card .card-copy{padding:20px 20px 19px}.premium-card h3{font-size:1.6875rem}
.scene-badge{top:15px;left:15px;padding:7px 10px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);box-shadow:0 7px 18px rgba(24,32,51,.08)}
.open-lab{display:inline-flex;align-items:center;min-height:34px;padding:0 9px;border-radius:999px;background:#edf3ff;color:#315ed8}
.home-quality{margin-top:24px}.home-quality>div{padding:20px 22px}

/* richer per-lab stage surfaces */
.catapult-stage,.balloon-stage,.tower-stage,.egg-stage,.racer-stage{position:relative}
.catapult-stage svg,.balloon-stage svg,.tower-stage svg,.egg-stage svg,.racer-stage svg{filter:saturate(1.02) contrast(1.01)}
.catapult-stage-panel .stage-top,.balloon-stage-panel .stage-top,.tower-stage-panel .stage-top,.egg-stage-panel .stage-top,.racer-stage-panel .stage-top{background:linear-gradient(180deg,#fff,#fbfcfe)}

/* young-user clarity */
.hintbar{border-radius:17px;padding:12px 15px}.hintbar strong{font-size:0.84375rem}.hintbar span{font-size:0.65625rem}
.section-label>span,.hint-icon{box-shadow:inset 0 0 0 1px rgba(49,94,216,.05)}
@media(max-width:820px){.controls>.group,.controls>.build-section{padding:10px}.premium-card .card-scene{height:218px}.hero p{font-size:0.875rem}}

/* v0.13 audit + clean-up pass */
body{background:linear-gradient(180deg,#faf9f6 0,#f1efe9 56%,#ece9e2 100%)}
.hero-workbench,.premium-card,.panel,.stage-panel{backdrop-filter:saturate(1.02)}
.premium-card .card-scene{background:linear-gradient(180deg,#f3f6fa 0,#edf1f6 100%)}
.premium-card p{color:#616c7f}
.stage{box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.stage-panel{box-shadow:0 22px 56px rgba(24,32,51,.11)}
.status,.stage-top{border-color:#e4e8ef}
.controls>.group,.controls>.build-section{box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
.result-hero{background:linear-gradient(180deg,#fff,#f8fafc)}
.compare-strip{background:linear-gradient(180deg,#fff,#f9fbfe)}

/* catapult-specific repair */
.catapult-stage{background:linear-gradient(180deg,#f5f8fc 0,#edf2f7 100%)}
.catapult-stage-panel .status{justify-content:space-between}
.catapult-shell .result-hero p{max-width:32ch}

/* make stage objects read more like tabletop prototypes */
.balloon-stage{background:linear-gradient(180deg,#f3fafb 0,#ecf2f7 100%)}
.tower-stage{background:linear-gradient(180deg,#f6f4fb 0,#ecf1f7 100%)}
.egg-stage{background:linear-gradient(180deg,#f6f4fb 0,#edf2f8 100%)}
.racer-stage{background:linear-gradient(180deg,#f8f4ec 0,#edf1f5 58%,#e4e6e8 58%,#e0e2e5 100%)}
/* Unified overview cards for the repaired lab scenes. */
.home-body{background:#f5f4ef}
.home-shell .premium-card,.home-shell .hero-workbench,.home-shell .home-quality{box-shadow:none;border:1px solid #d8ddd9}
.home-shell .premium-card:hover{box-shadow:0 8px 22px rgba(38,52,73,.10)}
.home-shell .premium-card .card-scene{background:#f6f7f4;height:242px}
.home-shell .premium-card .card-scene img{display:block;width:100%;height:100%;object-fit:cover}
.home-shell .scene-badge{background:#263449;color:#fff;border-radius:8px;box-shadow:none;backdrop-filter:none}
.home-shell .home-mission{background:#263449;box-shadow:none}
@media(max-width:760px){.home-shell .premium-card .card-scene{height:205px}}
.home-shell .hero-workbench{overflow:hidden;background:#f6f7f4;border-radius:18px}
.home-shell .hero-workbench img{display:block;width:100%;height:100%;object-fit:cover}

/* Short explanations available next to the engineering results in every lab. */
.kid-explainer{display:flex;gap:12px;padding:15px;margin:16px 0;background:#f0f5ee;border:1px solid #cbd9c9;border-radius:14px;color:#263449}
.kid-explainer-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;background:#d7e9d8;border-radius:9px;font-weight:900}
.kid-explainer h3{font-size:0.9375rem;line-height:1.2;margin:0 0 6px}
.kid-explainer p{font-size:0.75rem;line-height:1.55;margin:0 0 6px}
.kid-explainer p.kid-try{font-weight:700;margin:0}

/* One quiet build marker for distinguishing extracted revisions. */
.build-id{max-width:1540px;margin:24px auto 8px;text-align:right;color:#7d8791;font:800 10px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em}


/* Shared workshop navigation for all seven pages. */
.skip-site-nav{position:absolute;left:1rem;top:-5rem;z-index:50;padding:.65rem 1rem;background:#263449;color:white;border-radius:.5rem}
.skip-site-nav:focus{top:.5rem}
.site-nav{background:#263449;color:#fff;border-bottom:3px solid #e7b34f}
.site-nav-inner{max-width:1540px;margin:auto;min-height:4.25rem;padding:.55rem clamp(.75rem,2vw,1.5rem);display:flex;align-items:center;gap:1.25rem}
.site-brand{display:inline-flex;align-items:center;gap:.55rem;white-space:nowrap;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:900;letter-spacing:.03em}
.brand-symbol{width:1.85rem;height:1.85rem;display:grid;place-items:center;background:#e7b34f;color:#263449;border-radius:.45rem;font-size:1.4rem;line-height:1}
.site-links{display:flex;align-items:center;gap:.12rem;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;flex:1;min-width:0}
.site-links a{display:inline-flex;align-items:center;min-height:2.7rem;padding:.48rem .72rem;border-radius:.55rem;text-decoration:none;color:#dce5e7;font-size:.9rem;font-weight:700}
.site-links a:hover,.site-links a:focus-visible{background:#41536a;color:#fff}
.site-links a[aria-current="page"]{background:#f6f7f4;color:#263449}
.alpha-label{border:1px solid #aab8bd;color:#dce5e7;border-radius:999px;padding:.35rem .55rem;letter-spacing:.1em;font-size:.7rem;font-weight:850}
@media(max-width:820px){.site-nav-inner{flex-wrap:wrap;gap:.35rem .8rem;padding-bottom:0}.site-brand{min-height:2.4rem}.alpha-label{margin-left:auto}.site-links{order:3;flex-basis:100%;padding:.15rem 0 .4rem;margin-right:0}.site-links a{min-height:2.55rem;font-size:.875rem}}
/* Bring the actual lab choices into the first desktop viewport. */
.home-hero.premium-hero{padding-top:1.4rem;padding-bottom:1.4rem;min-height:0;align-items:center}
.home-hero .premium-hero-copy h1{font-size:clamp(2.7rem,5vw,4.9rem);line-height:.98;margin:.5rem 0 1rem}
.home-hero .premium-hero-copy p{font-size:1rem;line-height:1.55}
.home-hero .hero-workbench{min-height:0;max-height:270px;overflow:hidden}
.home-hero .hero-workbench img{max-height:255px;object-fit:contain}
.premium-section-head{margin:1.25rem 0}
@media(max-width:760px){.home-hero.premium-hero{padding-top:1.3rem}.home-hero .premium-hero-copy h1{font-size:clamp(2.6rem,10vw,3.7rem)}.home-hero .hero-workbench{display:none}.premium-section-head{margin-top:1.3rem}}
/* Build 04: nine routes share one navigation and visible release marker. */
.site-links a{flex-shrink:0}
.home-body .lab-spin .card-scene,.home-body .lab-boat .card-scene,.home-body .lab-paperplane .card-scene{background:#f5f7f4}

/* Extends the established workshop palette. Scoped to the three new labs. */
.new-lab{--focus:#2855b8;--muted:#566375;background:#f6f3ed;font-size:1rem}
.new-lab .shell{max-width:1600px;padding:24px clamp(12px,2vw,28px) 40px}
.new-lab .hero{align-items:center;padding:8px 0 24px;gap:28px}
.new-lab .hero h1{font-size:clamp(30px,3.2vw,48px);line-height:1.08;letter-spacing:-.035em}
.new-lab .hero p{font-size:1rem;max-width:790px}.new-lab .eyebrow{font-size:0.75rem;color:#335b8d}
.new-lab .challenge{box-shadow:none;min-width:240px;max-width:300px;background:#263449}.new-lab .challenge span,.new-lab .challenge small{font-size:0.8125rem;line-height:1.5}.new-lab .challenge strong{font-size:1.25rem;line-height:1.35}
.workshop-grid{display:grid;grid-template-columns:270px minmax(0,1fr) 290px;gap:16px;align-items:start}
.new-lab .panel{background:#fff;border:1px solid #d8dfe4;border-radius:18px;box-shadow:0 5px 16px #26344908;min-width:0}
.new-lab .controls,.new-lab .results{position:static;padding:18px}.new-lab .panel-title h2{font-size:1.25rem}.new-lab .panel-title p{font-size:0.875rem}.new-lab .num{background:#355979;border-radius:10px}
.new-lab fieldset{border:0;padding:0;margin:0;min-width:0}.new-lab fieldset:disabled{opacity:.65}
.new-control{margin:21px 0}.new-control>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.new-control label{font-size:0.875rem;line-height:1.4;font-weight:650}.new-control output{font-size:0.875rem;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750;color:#355979}
.new-control input[type=range]{width:100%;min-height:30px;margin:0;accent-color:#355979;cursor:pointer;touch-action:pan-y}
.new-lab button:focus-visible,.new-lab input:focus-visible,.new-lab select:focus-visible,.new-lab summary:focus-visible{outline:3px solid #245bd7;outline-offset:3px}
.new-lab button:disabled{opacity:.5;cursor:default;transform:none}.new-lab .reset{font-size:0.875rem;min-height:44px;background:#f7f8f8}
.workbench{overflow:hidden}.new-lab .stage-top{padding:15px 18px;flex-wrap:wrap;background:#fff}.new-lab .stage-top strong{font-size:1rem}.new-lab .stage-top span{font-size:0.8125rem}
.new-stage{background:#f5f7f4;line-height:0}.new-stage svg{display:block;width:100%;height:auto;touch-action:pan-y;user-select:none;font-family:inherit}.new-stage svg [data-handle]{cursor:grab;touch-action:none}.new-stage svg.dragging{touch-action:none;cursor:grabbing}
.drag-hint{padding:12px 18px;margin:0;font-size:0.875rem;line-height:1.5;color:#566375;border-bottom:1px solid #d8dfe4}
.live-readout{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 18px;font-size:0.875rem;font-variant-numeric:tabular-nums;color:#355979;font-weight:700}
.run-toolbar{display:flex;gap:8px;align-items:center;padding:0 16px 16px}.new-lab .test{margin:0;flex:1;font-size:1rem;min-height:48px;padding:12px;border-radius:10px;background:#efbd58;box-shadow:none;color:#352908}.secondary{background:white;border:1px solid #cbd5dd;color:#263449;font-size:0.875rem;font-weight:700;min-height:48px;padding:10px;border-radius:10px;cursor:pointer}
.new-lab .status{display:block;font-size:0.875rem;line-height:1.5;padding:12px 18px;background:#f8faf9}
.predict{margin-bottom:18px}.predict label{display:block;font-size:0.875rem;font-weight:700;margin-bottom:9px}.guess-row{display:flex;gap:8px;align-items:center}.predict input,.predict select{width:100%;min-height:44px;font-size:1rem;padding:9px 12px;border:1px solid #bdc9d4;border-radius:9px;background:white;color:#263449}.guess-row input{max-width:130px}
.new-lab .result-hero{padding:15px;background:#f5f7f8;border-radius:12px}.new-lab .result-hero span{font-size:0.75rem}.new-lab .result-hero strong{font-size:1.4375rem}.new-lab .result-hero p{font-size:0.875rem;line-height:1.55;color:#566375}.new-lab .result-hero.good{background:#eff7f1;border-color:#b9d5bf}.new-lab .result-hero.warn{background:#fff7e6;border-color:#e4cb93}
.new-lab .metric{padding:10px;border-radius:10px}.new-lab .metric span,.new-lab .metric small{font-size:0.75rem;line-height:1.4}.new-lab .metric strong{font-size:1.3125rem;overflow-wrap:anywhere}.new-lab .coach{background:#f0f4f8;border-color:#d0dce5;box-shadow:none}.new-lab .coach .mini{font-size:0.75rem;color:#355979}.new-lab .coach p{font-size:0.875rem;line-height:1.55;margin:0;color:#425469}
.run-compare{font-size:0.875rem;line-height:1.6;border-top:1px solid #d8dfe4;padding-top:12px;margin-top:16px}.run-compare[hidden]{display:none}
.learn-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.learn-grid article{padding:22px}.learn-grid h2{font-size:1.3125rem;line-height:1.3;margin:8px 0}.learn-grid p,.model-details p{font-size:1rem;line-height:1.65;color:#4e5b6c}.learn-grid p{margin-bottom:0}
.model-details{padding:18px 22px;margin-top:16px}.model-details summary{cursor:pointer;font-size:1rem;font-weight:700}.model-details a{color:#2855b8}.new-lab .build-id{font-size:0.75rem;margin-top:20px}
.wing-picker legend{font-size:0.875rem;font-weight:700;margin:6px 0 10px}.shape-options{display:flex;gap:6px}.shape-options button{flex:1;min-width:0;background:white;border:1px solid #cbd5dd;border-radius:9px;padding:10px 5px;font-size:0.875rem;min-height:44px;color:#263449;cursor:pointer}.shape-options button[aria-pressed=true]{background:#eaf0f6;border:2px solid #355979;padding:9px 4px;font-weight:700}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1220px){.workshop-grid{grid-template-columns:255px minmax(0,1fr)}.new-lab .results{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px}.new-lab .results>.panel-title{grid-column:1/-1;margin:0}.new-lab .results .coach{margin:0}.new-lab .metrics{margin:0}}
@media(max-width:760px){.new-lab .hero{display:block;padding-bottom:18px}.new-lab .hero p{font-size:1rem}.new-lab .challenge{max-width:none;margin-top:16px;padding:12px 16px}.new-lab .challenge strong{font-size:1.125rem}.workshop-grid{display:flex;flex-direction:column}.workshop-grid>*{width:100%}.new-lab .workbench{order:0}.new-lab .controls{order:1}.new-lab .results{order:2;display:block}.new-lab .metrics{margin-top:12px}.new-lab .results .coach{margin-top:12px}.new-lab .results>.panel-title{margin-bottom:16px}.learn-grid{grid-template-columns:1fr}.new-lab .stage-top{padding:12px}.drag-hint{padding:10px 12px}.live-readout{padding:10px 12px;font-size:0.8125rem}.run-toolbar{padding:0 12px 12px;flex-wrap:wrap}.new-lab .test{font-size:0.9375rem;min-width:140px}.secondary{font-size:0.8125rem}.new-lab .hero h1{font-size:2rem}.new-lab .shell{padding-top:14px}}
@media(prefers-reduced-motion:reduce){.new-lab *{scroll-behavior:auto;transition:none!important}}
.workbench .predict{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 18px 16px;margin:0}.workbench .predict label{margin:0;max-width:60%;font-size:0.875rem}.workbench .predict select{max-width:230px;font-size:0.875rem}.workbench .guess-row{flex-shrink:0}.workbench .guess-row input{max-width:90px}
@media(max-width:760px){.workbench .predict{padding:8px 12px 14px;gap:10px}.workbench .predict select{max-width:175px}}
.predict-number{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-right:5px;border-radius:7px;background:#355979;color:white;font-size:0.8125rem}

/* BUILD LAB · playful workshop for ages 6–12 */
:root{--kid-ink:#203d43;--kid-teal:#126c6b;--kid-yellow:#ffd44b;--kid-coral:#ec684c;--kid-paper:#fffdf8;--lab-color:#126c6b;--lab-tint:#d1f1e6}
.kids-workshop{font-family:'Trebuchet MS','Verdana',sans-serif;font-size:1rem;background:#fffdf8;color:var(--kid-ink);line-height:1.5}
.kids-workshop *, .kids-workshop *:before,.kids-workshop *:after{box-sizing:border-box}
.kids-workshop h1,.kids-workshop h2,.kids-workshop h3,.kids-workshop button,.kids-workshop summary{font-family:'Trebuchet MS','Verdana',sans-serif;letter-spacing:-.025em}
.kids-workshop button,.kids-workshop input,.kids-workshop select{font:inherit}.kids-workshop button{cursor:pointer}.kids-workshop button:disabled{cursor:default;opacity:.55}
.kids-workshop .legacy-steps,.kids-workshop .legacy-hint,.kids-workshop .legacy-explanation,.kids-workshop .legacy-coach,.technical-load-help{display:none!important}
.kids-workshop a:focus-visible,.kids-workshop button:focus-visible,.kids-workshop input:focus-visible,.kids-workshop summary:focus-visible,.kids-workshop select:focus-visible{outline:3px solid #1f61bc;outline-offset:4px}
/* A light, toy-box navigation replaces the dark application bar. */
.kids-workshop .site-nav{background:#fffdf8;color:var(--kid-ink);border-bottom:2px solid #d5e2df}
.kids-workshop .site-nav-inner{max-width:1440px;min-height:82px;gap:20px;padding:14px 24px}
.kids-workshop .site-brand{color:var(--kid-ink);font-size:1.4375rem;letter-spacing:-.045em;font-weight:900;gap:10px}
.kids-workshop .brand-symbol{width:39px;height:39px;background:var(--kid-yellow);color:var(--kid-ink);border:2px solid var(--kid-ink);box-shadow:0 3px 0 var(--kid-ink);border-radius:12px;transform:rotate(-7deg);font-size:1.8125rem}
.kids-workshop .site-links{gap:4px}.kids-workshop .site-links a{font-size:0.875rem;min-height:42px;border-radius:14px;color:#3c5a60;padding:9px 10px;font-weight:800}
.kids-workshop .site-links a:hover{color:var(--kid-teal);background:#e2f5ef}.kids-workshop .site-links a[aria-current=page]{background:var(--kid-teal);color:white;box-shadow:0 3px 0 #094846}
.kids-workshop .alpha-label{color:#466668;font-size:0.75rem;letter-spacing:0;background:#eef5ed;border:0;white-space:nowrap;padding:8px 10px}
.lab-menu-toggle{display:none}
/* Pick a lab: richly coloured, tactile cards with the actual experiment. */
.kids-workshop .home-shell{max-width:1300px;padding:25px 26px 38px}
.kids-workshop .home-hero.premium-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;min-height:0;padding:25px 38px 28px;align-items:center;background:#d6f4e9;border:2px solid #b3e1d1;border-radius:32px;position:relative;overflow:hidden}
.kids-workshop .brand-mark{color:#276252;font-size:0.9375rem;letter-spacing:0;font-weight:800;text-transform:none;display:inline-block;padding:4px 0}
.kids-workshop .premium-hero-copy h1{font-size:clamp(40px,4.2vw,58px);line-height:1.05;margin:8px 0 14px;letter-spacing:-.06em;font-weight:950;color:var(--kid-ink)}
.kids-workshop .premium-hero-copy h1 span{color:#bd412e}.kids-workshop .premium-hero-copy p{font-size:1.1875rem;line-height:1.55;color:#315652;margin:0;max-width:510px}
.kids-workshop .hero-workbench{display:block!important;transform:none;border:0;background:transparent;box-shadow:none;border-radius:0;min-height:0;max-height:280px;overflow:visible;justify-self:center;width:100%}
.kids-workshop .hero-workbench img{width:100%;height:280px;max-height:none;object-fit:contain;display:block;filter:none}
.kids-workshop .premium-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 2px 20px}
.kids-workshop .premium-section-head h2{font-size:1.875rem;letter-spacing:-.045em;line-height:1.2;margin:0;color:var(--kid-ink)}.kids-workshop .premium-section-head p{font-size:0.9375rem;color:#527074;margin:0;max-width:300px;text-align:right;line-height:1.5}
.kids-workshop .premium-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.kids-workshop .premium-card{background:#fff;border:2px solid var(--kid-ink);border-radius:25px;box-shadow:0 6px 0 var(--kid-ink);overflow:hidden;color:var(--kid-ink);transition:transform .16s ease,box-shadow .16s ease;display:flex;flex-direction:column;backdrop-filter:none}
.kids-workshop .premium-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:0 11px 0 var(--kid-ink);border-color:var(--kid-ink)}
.kids-workshop .premium-card:active{transform:translateY(3px);box-shadow:0 3px 0 var(--kid-ink)}
.kids-workshop .premium-card .card-scene{height:196px;background:var(--lab-tint);border-bottom:2px solid var(--kid-ink);position:relative}
.kids-workshop .premium-card .card-scene:after{display:none}.kids-workshop .premium-card .card-scene img{width:100%;height:100%;object-fit:contain;display:block}
.kids-workshop .scene-badge{font-size:0.75rem;letter-spacing:0;font-weight:800;line-height:1.25;padding:6px 10px;color:var(--kid-ink);background:#fffdf8;border:1.5px solid var(--kid-ink);box-shadow:0 2px 0 #203d4333;border-radius:9px;top:12px;left:12px;transform:rotate(-3deg)}
.kids-workshop .premium-card .card-copy{padding:19px 20px 20px;flex:1;display:flex;flex-direction:column;background:#fff}
.kids-workshop .premium-card h3{font-size:1.6875rem;letter-spacing:-.04em;line-height:1.2;margin:0 0 8px;color:var(--lab-color)}
.kids-workshop .premium-card p{font-size:1rem;line-height:1.5;color:#486166;min-height:48px;margin:0 0 18px}
.kids-workshop .card-footer{margin-top:auto;align-items:center;gap:10px}.kids-workshop .tag{background:none;border:0;padding:0;color:#527074;font-size:0.8125rem;line-height:1.4;font-weight:600}
.kids-workshop .open-lab{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--kid-yellow);color:#294146;border:2px solid #294146;border-radius:13px;padding:10px 13px;min-height:47px;font-size:0.9375rem;font-weight:900;box-shadow:0 3px 0 #294146;white-space:nowrap}
.kids-workshop .open-lab span{font-size:0.8125rem}.kids-workshop .home-quality{border:0;background:#edf7f1;box-shadow:none;border-radius:24px;margin:38px 0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:8px}
.kids-workshop .home-quality>div{border:0;display:flex;align-items:center;gap:14px;padding:20px}.kids-workshop .quality-icon{display:grid;place-items:center;width:45px;min-width:45px;height:45px;border:2px solid #203d43;border-radius:15px;background:var(--kid-yellow);font-size:1.625rem;color:#203d43;box-shadow:0 3px 0 #203d43;transform:rotate(-5deg)}
.kids-workshop .home-quality strong{font-size:1.1875rem}.kids-workshop .home-quality p{font-size:0.875rem;line-height:1.5;margin:5px 0 0;color:#4e686b}
/* Labs put the mission beside a large model, not above an information page. */
.kids-workshop.family-lab .shell,.kids-workshop.family-lab .app-shell{max-width:1420px;padding:23px 28px 35px;margin:auto}
.kids-workshop .hero{display:block;margin:0;padding:0 2px 22px}.kids-workshop .hero .eyebrow{font-size:0.875rem;color:var(--lab-color);letter-spacing:0;font-weight:900;text-transform:none;line-height:1.4}
.kids-workshop .hero h1{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.05em;line-height:1.15;color:var(--kid-ink);margin:5px 0 7px;font-weight:900}
.kids-workshop .hero p{font-size:1.0625rem;line-height:1.5;color:#4c686c;margin:0;max-width:850px}
.kids-workshop .family-workspace{display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;gap:24px;align-items:start}
.family-tools,.family-play{display:flex;flex-direction:column;gap:20px;min-width:0}
.kids-workshop .panel{background:#fff;border:2px solid #cbdad7;border-radius:23px;box-shadow:none;backdrop-filter:none}
.kids-workshop .family-guide{background:var(--lab-tint);border:2px solid var(--lab-color);border-radius:23px;overflow:hidden;margin:0;box-shadow:0 4px 0 var(--lab-color)}
.kids-workshop .guide-heading{padding:13px 17px 0;display:block;background:none}.kids-workshop .guide-heading .eyebrow{color:var(--lab-color);font-size:0.9375rem;letter-spacing:0;text-transform:none;font-weight:900}
.kids-workshop .task-tabs{display:flex;gap:6px;padding:13px 14px 0}.kids-workshop .task-tabs button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;border:2px solid transparent;background:#ffffffb5;color:#4c6165;font-size:0.75rem;line-height:1.3;font-weight:800;border-radius:13px;padding:7px 2px;letter-spacing:0}
.kids-workshop .task-tabs button span{display:grid;place-items:center;font-size:1rem;width:24px;height:24px;background:#fff;border:1px solid #aec5c3;border-radius:50%;font-weight:900}
.kids-workshop .task-tabs button[aria-pressed=true]{background:#fff;border-color:var(--lab-color);color:var(--lab-color);box-shadow:0 3px 0 var(--lab-color)}
.kids-workshop .task-tabs button[aria-pressed=true] span{color:#fff;background:var(--lab-color);border-color:var(--lab-color)}
.kids-workshop .task-body{padding:18px 18px 16px;display:block}.kids-workshop .task-body h2{font-size:1.4375rem;line-height:1.25;margin:0 0 12px;letter-spacing:-.04em;color:var(--kid-ink)}
.kids-workshop .task-body ol{list-style:none;counter-reset:little-step;padding:0;margin:0}.kids-workshop .task-body li{counter-increment:little-step;display:flex;align-items:start;gap:9px;font-size:1rem;line-height:1.5;margin:9px 0;color:#2d5054;padding:0}
.kids-workshop .task-body li:before{content:counter(little-step);display:grid;place-items:center;background:#fff;border:1px solid #aec9c5;border-radius:50%;width:22px;min-width:22px;height:22px;font-size:0.8125rem;font-weight:800;margin-top:2px}
.kids-workshop .task-followup{display:block;border-top:1px solid #87a39e55;margin-top:14px;padding-top:11px}.kids-workshop [id$="-guide-text"]{font-size:0.8125rem;line-height:1.5;color:#466568;display:block}.task-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.kids-workshop .task-actions button{border:2px solid var(--lab-color);background:white;color:var(--lab-color);border-radius:11px;min-height:43px;font-size:0.875rem;font-weight:900;padding:7px 13px;box-shadow:0 2px 0 var(--lab-color);margin:0}.kids-workshop .try-task{display:none}
.kids-workshop .family-build,.kids-workshop .family-results{position:static!important;display:block!important;min-width:0;padding:20px}
.kids-workshop .family-build{border-color:#cbdad7;background:#fff}.kids-workshop .family-stage{border:2px solid var(--kid-ink);border-radius:24px;overflow:hidden;scroll-margin-top:16px;box-shadow:0 5px 0 var(--kid-ink);background:white;min-width:0}
.kids-workshop .panel-title,.kids-workshop .panel-heading{display:flex;align-items:start;gap:10px;margin-bottom:18px}.kids-workshop .panel-title h2,.kids-workshop .panel-heading h2{font-size:1.5rem;line-height:1.2;color:var(--kid-ink);margin:0}.kids-workshop .panel-title p,.kids-workshop .panel-heading p{font-size:0.875rem;line-height:1.5;margin:5px 0 0;color:#587074}
.kids-workshop .family-results{border-color:var(--lab-color);background:#fff}.kids-workshop .family-results .panel-title,.kids-workshop .family-results .panel-heading{margin-bottom:12px}
.kids-workshop .group label,.kids-workshop .new-control label,.kids-workshop .field>span,.kids-workshop .section-label b{font-size:0.9375rem;font-weight:800;letter-spacing:0;text-transform:none;color:#35565b;line-height:1.5}
.kids-workshop .section-label small{font-size:0.8125rem}.kids-workshop .group,.kids-workshop .new-control{margin:18px 0}.kids-workshop .new-control>div{gap:10px}.kids-workshop .range-row{grid-template-columns:minmax(0,1fr) 80px;gap:10px;align-items:center}
.kids-workshop .value,.kids-workshop .new-control output{font-size:0.875rem;color:var(--lab-color);font-weight:800;background:var(--lab-tint);border-radius:9px;padding:5px 7px;white-space:nowrap}
.kids-workshop input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:36px;min-height:36px;background:transparent;cursor:pointer;accent-color:var(--lab-color);margin:2px 0}
.kids-workshop input[type=range]::-webkit-slider-runnable-track{height:10px;background:#d9e9e3;border:1px solid #9bb8af;border-radius:10px}
.kids-workshop input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;border-radius:10px;border:2px solid #203d43;background:var(--kid-yellow);box-shadow:0 2px 0 #203d43;margin-top:-10px}
.kids-workshop input[type=range]::-moz-range-track{height:9px;background:#d9e9e3;border:1px solid #9bb8af;border-radius:10px}.kids-workshop input[type=range]::-moz-range-thumb{width:25px;height:25px;border-radius:10px;border:2px solid #203d43;background:var(--kid-yellow);box-shadow:0 2px 0 #203d43}
.kids-workshop input[type=number],.kids-workshop select{border:2px solid #91ada7;border-radius:12px;padding:10px;color:#203d43;background:#fff;font-size:1rem;min-height:46px}
.kids-workshop .chips{gap:8px}.kids-workshop .chip,.kids-workshop .shape-options button,.kids-workshop .tool-btn,.kids-workshop .weight-preset{border:2px solid #b3c8c2;background:#fff;border-radius:13px;min-height:57px;font-size:0.875rem;line-height:1.3;box-shadow:0 3px 0 #d9e5e0;color:#355358;padding:10px 7px;transition:transform .12s ease,background .12s ease}
.kids-workshop .chip small{font-size:0.75rem;line-height:1.4;color:#5b7576;margin-top:4px}.kids-workshop .chip.active,.kids-workshop .tool-btn.active,.kids-workshop .weight-preset.active,.kids-workshop .shape-options button[aria-pressed=true]{background:var(--lab-tint);border-color:var(--lab-color);box-shadow:0 3px 0 var(--lab-color);color:var(--lab-color);font-weight:900}
.kids-workshop .test,.kids-workshop .big-test{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--kid-yellow);border:2px solid #203d43;color:#203d43;border-radius:16px;min-height:58px;box-shadow:0 5px 0 #203d43;font-size:1.1875rem;font-weight:900;line-height:1.25;text-transform:none;letter-spacing:-.025em;padding:13px 20px;transition:transform .12s ease,box-shadow .12s ease}
.kids-workshop .test:hover:not(:disabled),.kids-workshop .big-test:hover:not(:disabled){background:#ffdf6d;transform:translateY(-2px);box-shadow:0 7px 0 #203d43}.kids-workshop .test:active:not(:disabled),.kids-workshop .big-test:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 #203d43}
.kids-workshop .reset,.kids-workshop .secondary,.kids-workshop .secondary-actions button{font-size:0.875rem;min-height:45px;line-height:1.4;color:#49686c;background:#fff;border:2px solid #c1d3cd;border-radius:12px;padding:9px 13px;font-weight:700;box-shadow:none}
.kids-workshop .build-section{border:0;background:none;padding:0;margin:18px 0}.kids-workshop .build-section:first-of-type{margin-top:0}.kids-workshop .more-build,.kids-workshop .more-test,.kids-workshop .number-details,.kids-workshop .explanation-details,.kids-workshop .advanced-selection{border-top:1px solid #cedfd8;margin-top:19px;padding-top:15px}
.kids-workshop summary{font-size:0.9375rem;font-weight:800;color:var(--lab-color);cursor:pointer;line-height:1.5;min-height:34px}.kids-workshop details[open]>summary{margin-bottom:12px}.kids-workshop .more-build #clearBtn{font:inherit;border:2px solid #c1d3cd;border-radius:11px;background:white;min-height:44px;color:#3c6163;padding:8px 12px}.kids-workshop .more-build .tool-grid{margin-top:12px}
/* The model is still the model; only its surrounding workbench is playful. */
.kids-workshop .stage-top{padding:13px 19px;background:var(--lab-tint);border-bottom:1px solid #98b2ab;display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--kid-ink)}.kids-workshop .stage-top strong{font-size:1rem}.kids-workshop .stage-top span{font-size:0.8125rem;color:#49696c}
.kids-workshop .stage svg,.kids-workshop .new-stage svg,.kids-workshop .canvas-stage svg{width:100%;height:auto;min-height:0!important;display:block}.kids-workshop .stage,.kids-workshop .new-stage,.kids-workshop .canvas-stage{min-height:0;background:#f5faf6}.kids-workshop .stage svg>rect:first-child,.kids-workshop .new-stage svg>rect:first-child{fill:#f4faf6}
.kids-workshop .family-test-dock{padding:17px 20px 20px;border-top:1px solid #cedfd8;background:white;display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:12px 22px;align-items:center}.kids-workshop .family-test-dock .test-dock-heading{font-size:1.1875rem;line-height:1.3;margin:0;grid-column:1/-1}.kids-workshop .family-test-dock>.group,.kids-workshop .family-test-dock>.prediction-box{grid-column:1;grid-row:2/4;margin:0;padding:0;background:none;border:0}.kids-workshop .family-test-dock>.test{grid-column:2;grid-row:2;margin:0}.kids-workshop .family-test-dock>.reset{grid-column:2;grid-row:3;margin:0}.kids-workshop .family-test-dock>.more-test{grid-column:1/-1;margin:0;padding-top:12px}.kids-workshop .family-stage>.more-test{padding:15px 20px;margin:0;background:white}
.kids-workshop .family-test-dock label{font-size:0.875rem;margin-bottom:9px;display:block}.kids-workshop .family-test-dock .chip{font-size:0.875rem;min-height:60px}.kids-workshop .prediction-scale,.kids-workshop .range-hint{font-size:0.75rem}
.kids-workshop .status,.kids-workshop .canvas-status{font-size:0.875rem;line-height:1.5;padding:11px 18px;display:block;background:#eff7f0;color:#3c6262;border-top:1px solid #cfe0d7}.kids-workshop .status>span:last-child,.kids-workshop .canvas-status>span:last-child{display:none}
.kids-workshop .visual-stats{display:flex;gap:12px;flex-wrap:wrap;padding:10px 18px;background:#fff}.kids-workshop .visual-stats>div{flex:1}.kids-workshop .visual-stats span{font-size:0.75rem}.kids-workshop .visual-stats strong{font-size:0.875rem}
.kids-workshop .drag-hint{font-size:0.875rem;padding:10px 18px;margin:0;line-height:1.5;background:#fff}.kids-workshop .live-readout{font-size:0.8125rem;padding:10px 18px;gap:10px;flex-wrap:wrap;background:#edf6f0;color:#456264}
.kids-workshop .workbench .predict{padding:14px 18px;align-items:center;gap:12px}.kids-workshop .workbench .predict label{font-size:1rem;color:#355358;line-height:1.4}.kids-workshop .workbench .predict select{max-width:230px}.kids-workshop .predict-number{background:var(--lab-color);border-radius:50%;font-size:0.875rem;min-width:26px;height:26px;margin-right:7px}
.kids-workshop .run-toolbar{padding:2px 18px 19px;gap:10px;display:flex;align-items:center}.kids-workshop .run-toolbar .test{flex:1}.kids-workshop .run-toolbar .secondary{min-height:52px}
.kids-workshop .result-hero{background:#f2f7f4;border:0;border-radius:17px;padding:18px;margin:0}.kids-workshop .result-hero.good,.kids-workshop .result-hero.pass{background:#e2f7d7}.kids-workshop .result-hero.bad,.kids-workshop .result-hero.fail,.kids-workshop .result-hero.warn{background:#fff0cb}
.kids-workshop .result-hero>span{font-size:0.75rem;font-weight:900;color:#387060;line-height:1.4;letter-spacing:.05em}.kids-workshop .result-hero strong{font-size:1.6875rem;line-height:1.3;color:var(--kid-ink)}.kids-workshop .result-hero p{font-size:1rem;line-height:1.6;color:#466365;max-width:750px}
.kids-workshop .coach,.kids-workshop .coach-box{padding:16px;background:var(--lab-tint);border:0;border-radius:16px;box-shadow:none;margin-top:15px}.kids-workshop .coach strong,.kids-workshop .coach-box strong{font-size:1.125rem;line-height:1.5}.kids-workshop .coach p,.kids-workshop .coach-box p{font-size:0.9375rem;line-height:1.6;color:#3c5d62}.kids-workshop .mini,.kids-workshop .coach-label{font-size:0.75rem;line-height:1.4;color:var(--lab-color);font-weight:900;letter-spacing:.035em}
.kids-workshop .metrics,.kids-workshop .simple-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kids-workshop .metric span,.kids-workshop .metric small,.kids-workshop .simple-metrics span,.kids-workshop .simple-metrics small{font-size:0.8125rem;line-height:1.5}.kids-workshop .metric strong,.kids-workshop .simple-metrics strong{font-size:1.375rem}.kids-workshop .compare-strip{font-size:0.9375rem;flex-wrap:wrap}.kids-workshop .compare-strip[hidden],.kids-workshop .force-legend[hidden]{display:none}.kids-workshop .learning-card{margin:0;background:#f6faf6;box-shadow:none}.kids-workshop .learning-card p{font-size:1rem;line-height:1.6}.kids-workshop .try-next{font-size:0.9375rem}
.kids-workshop .canvas-toolbar{background:#fff;padding:18px;gap:16px}.kids-workshop .weight-title b{font-size:1.0625rem}.kids-workshop .weight-title small{font-size:0.8125rem;line-height:1.5}.kids-workshop .weight-preset b{font-size:1.0625rem}.kids-workshop .weight-preset small{font-size:0.75rem}.kids-workshop .big-test{min-width:170px;font-size:1.0625rem;padding:14px}.kids-workshop .force-legend{font-size:0.875rem;line-height:1.5;gap:12px}.kids-workshop .tool-btn .tool-title{font-size:0.9375rem}
.kids-workshop .family-learning{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.kids-workshop .family-learning article{padding:26px;border-radius:24px;background:#eef6ff;border:2px solid #aecbdd}.kids-workshop .family-learning article+article{background:#fff2c9;border-color:#dcc786}.kids-workshop .family-learning .eyebrow{font-size:0.875rem;color:#3f6d8d;letter-spacing:0;text-transform:none;font-weight:900}.kids-workshop .family-learning article+article .eyebrow{color:#8a652d}
.kids-workshop .family-learning h2{font-size:1.75rem;line-height:1.2;color:#24494f;margin:9px 0 13px}.kids-workshop .family-learning p,.kids-workshop .family-learning li{font-size:1.0625rem;line-height:1.65;color:#46646b}.kids-workshop .family-learning ol{padding-left:22px}.kids-workshop .family-learning li{padding-left:4px;margin:8px 0}.kids-workshop .word-help{border-top:1px solid #b3cdde;margin-top:18px;padding-top:14px}.kids-workshop .word-help strong{display:block;font-size:1.0625rem}.kids-workshop .word-help span{display:block;font-size:0.9375rem;line-height:1.6;margin-top:4px;color:#486a72}
.kids-workshop .parent-notes{margin-top:23px;padding:19px 23px;border:2px dashed #b3c8c1;border-radius:18px;background:#f4f8f3;box-shadow:none}.kids-workshop .parent-notes>summary{font-size:1rem;color:#416660;min-height:28px}.parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:20px 0}.kids-workshop .parent-grid h3{font-size:1.25rem;line-height:1.3;margin:0 0 8px}.kids-workshop .parent-grid p,.kids-workshop .parent-age-note,.kids-workshop .unit-help,.kids-workshop .model-notes p{font-size:1rem;line-height:1.65;color:#4d696b}.kids-workshop .model-notes .advanced div,.kids-workshop .model-notes .advanced-body,.kids-workshop .model-notes .model-details{font-size:0.9375rem;line-height:1.6}
.kids-workshop .family-footer{display:flex;justify-content:space-between;gap:16px;margin-top:24px}.kids-workshop .family-footer a{font-size:0.9375rem;font-weight:800;color:#416e69;text-decoration:none;min-height:44px;padding:10px 0}.kids-workshop .build-id{font-size:0.75rem;color:#78928e;margin-top:22px;letter-spacing:.02em}
@media(min-width:1600px){.kids-workshop .family-workspace{grid-template-columns:330px minmax(0,1fr)!important}}
@media(max-width:1200px){.kids-workshop .alpha-label{display:none}.kids-workshop .site-nav-inner{gap:14px;padding:14px 20px}.kids-workshop .site-brand{font-size:1.25rem}.kids-workshop .site-links a{padding:9px 8px;font-size:0.8125rem}.kids-workshop .family-workspace{grid-template-columns:290px minmax(0,1fr)!important;gap:20px}.kids-workshop .family-test-dock{grid-template-columns:minmax(0,1fr);gap:14px}.kids-workshop .family-test-dock>.group,.kids-workshop .family-test-dock>.prediction-box,.kids-workshop .family-test-dock>.test,.kids-workshop .family-test-dock>.reset{grid-column:auto;grid-row:auto}.kids-workshop .premium-grid{gap:20px}.kids-workshop .card-footer{align-items:start;flex-direction:column}.kids-workshop .open-lab{width:100%}}
@media(max-width:1020px){.kids-workshop .site-nav-inner{flex-wrap:wrap;gap:12px;padding:12px 18px;min-height:73px}.kids-workshop .lab-menu-toggle{display:block;margin-left:auto;min-height:45px;border:2px solid var(--kid-teal);box-shadow:0 3px 0 var(--kid-teal);border-radius:12px;padding:8px 13px;background:#fff;color:var(--kid-teal);font-size:0.875rem;font-weight:900}.kids-workshop .site-links{display:none;width:100%;white-space:normal;overflow:visible;flex-basis:100%;padding:8px 0 4px;gap:8px}.kids-workshop .site-nav-inner.menu-open .site-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.kids-workshop .site-links a{min-height:46px;font-size:0.875rem;border:1px solid #c7dbd3;justify-content:center}.kids-workshop .family-workspace{grid-template-columns:270px minmax(0,1fr)!important}.kids-workshop.family-lab .shell{padding:20px}.kids-workshop .task-body{padding:16px 14px}.kids-workshop .task-tabs{padding:13px 10px 0}.kids-workshop .run-toolbar{flex-wrap:wrap}.kids-workshop .run-toolbar .test{flex-basis:100%}.kids-workshop .run-toolbar .secondary{flex:1}.kids-workshop .workbench .predict{flex-wrap:wrap}.kids-workshop .workbench .predict label{max-width:100%;font-size:0.9375rem}.kids-workshop .metrics,.kids-workshop .simple-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.kids-workshop .canvas-toolbar{display:block}.kids-workshop .big-test{margin-top:16px;width:100%}.kids-workshop .premium-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kids-workshop .card-footer{flex-direction:row;align-items:center}.kids-workshop .open-lab{width:auto}.kids-workshop .home-quality{grid-template-columns:1fr}.kids-workshop .home-quality>div{padding:16px}}
@media(max-width:760px){.kids-workshop .home-shell{padding:18px 16px 30px}.kids-workshop .home-hero.premium-hero{grid-template-columns:1.35fr .65fr;padding:20px;border-radius:24px;gap:0}.kids-workshop .premium-hero-copy h1{font-size:2.5rem}.kids-workshop .premium-hero-copy p{font-size:1rem}.kids-workshop .brand-mark{font-size:0.75rem}.kids-workshop .hero-workbench{max-height:170px}.kids-workshop .hero-workbench img{height:170px;width:150%;max-width:none;margin-left:-10%}.kids-workshop .premium-section-head{display:block;margin:26px 0 18px}.kids-workshop .premium-section-head h2{font-size:1.75rem}.kids-workshop .premium-section-head p{text-align:left;font-size:0.875rem;max-width:none;margin-top:8px}.kids-workshop .premium-card .card-scene{height:170px}.kids-workshop .premium-card .card-copy{padding:17px}.kids-workshop .premium-card h3{font-size:1.5625rem}.kids-workshop .premium-card p{font-size:1rem}.kids-workshop .premium-grid{gap:21px}.kids-workshop .card-footer{flex-direction:column;align-items:start}.kids-workshop .open-lab{width:100%}.kids-workshop .scene-badge{font-size:0.6875rem;padding:5px 8px}
.kids-workshop.family-lab .shell,.kids-workshop.family-lab .app-shell{padding:18px 14px 30px}.kids-workshop .hero{padding-bottom:18px}.kids-workshop .hero h1{font-size:2.0625rem}.kids-workshop .hero p{font-size:1rem}.kids-workshop .hero .eyebrow{font-size:0.8125rem}.kids-workshop .family-workspace{display:flex!important;flex-direction:column;gap:20px}.family-tools,.family-play{display:contents}.kids-workshop .family-guide{order:0;width:100%}.kids-workshop .family-stage{order:1;width:100%;margin:0}.kids-workshop .family-build{order:2;width:100%}.kids-workshop .family-results{order:3;width:100%}.kids-workshop .guide-heading{padding:12px 16px 0}.kids-workshop .task-tabs{padding:11px 14px 0;gap:8px}.kids-workshop .task-tabs button{flex-direction:row;font-size:0.8125rem;min-height:44px;gap:5px;padding:7px 4px}.kids-workshop .task-tabs button span{height:22px;width:22px;font-size:0.875rem}.kids-workshop .task-body{padding:16px}.kids-workshop .task-body h2{font-size:1.375rem;margin-bottom:10px}.kids-workshop .task-body li{font-size:1rem;margin:6px 0}.kids-workshop .task-followup{padding-top:10px;margin-top:12px}.kids-workshop .try-task{display:inline-flex;align-items:center;min-height:43px;font-size:0.875rem;font-weight:900;background:var(--lab-color);color:#fff;padding:8px 12px;border:2px solid var(--lab-color);border-radius:11px;text-decoration:none}.kids-workshop .family-build,.kids-workshop .family-results{padding:19px}.kids-workshop .stage-top{padding:12px 14px}.kids-workshop .stage-top strong{font-size:0.875rem}.kids-workshop .family-test-dock{padding:16px}.kids-workshop .family-test-dock .chips{grid-template-columns:repeat(3,minmax(0,1fr))}.kids-workshop .family-test-dock .chip{padding:9px 5px}.kids-workshop .test,.kids-workshop .big-test{font-size:1.1875rem}.kids-workshop .result-hero strong{font-size:1.5625rem}.kids-workshop .family-learning,.parent-grid{grid-template-columns:1fr}.kids-workshop .family-learning{gap:18px;margin-top:25px}.kids-workshop .family-learning article{padding:22px}.kids-workshop .family-learning h2{font-size:1.625rem}.kids-workshop .parent-notes{padding:18px}.kids-workshop .family-footer{flex-wrap:wrap;gap:0 20px}.kids-workshop .weight-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.kids-workshop .weight-preset{min-width:0}.kids-workshop .workbench .predict{flex-wrap:nowrap}.kids-workshop .workbench .predict select{max-width:175px}.kids-workshop .run-toolbar .test{flex-basis:auto}.kids-workshop .run-toolbar .secondary{flex:0}.kids-workshop .site-nav-inner.menu-open .site-links{grid-template-columns:1fr 1fr}}
@media(max-width:500px){.kids-workshop .premium-grid{grid-template-columns:1fr}.kids-workshop .card-footer{flex-direction:row;align-items:center}.kids-workshop .open-lab{width:auto}.kids-workshop .premium-card .card-scene{height:190px}.kids-workshop .premium-card p{min-height:0}.kids-workshop .home-hero.premium-hero{grid-template-columns:minmax(0,1fr) 95px;padding:19px 16px}.kids-workshop .premium-hero-copy h1{font-size:2.1875rem}.kids-workshop .premium-hero-copy p{font-size:0.9375rem}.kids-workshop .hero-workbench{align-self:center}.kids-workshop .hero-workbench img{height:170px;width:150px;margin-left:-18px}.kids-workshop .brand-mark{max-width:150px;line-height:1.3}.kids-workshop .site-nav-inner{padding:12px 15px;gap:9px}.kids-workshop .site-brand{font-size:1.3125rem}.kids-workshop .brand-symbol{width:33px;height:33px;font-size:1.5625rem}.kids-workshop .lab-menu-toggle{font-size:0.8125rem;padding:8px 10px}.kids-workshop .run-toolbar{gap:8px}.kids-workshop .run-toolbar .test{flex-basis:100%}.kids-workshop .run-toolbar .secondary{flex:1}.kids-workshop .task-tabs{gap:5px;padding-inline:10px}.kids-workshop .task-tabs button{font-size:0.75rem}.kids-workshop .task-tabs button span{width:20px;height:20px;min-width:20px}.kids-workshop .task-body{padding:15px}.kids-workshop .workbench .predict{flex-wrap:wrap}.kids-workshop .workbench .predict select{max-width:100%;flex:1}.kids-workshop .scene-badge{font-size:0.75rem}}
@media(prefers-reduced-motion:reduce){.kids-workshop *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.kids-workshop.family-lab .hero{position:relative;min-height:120px;padding-right:120px}.lab-buddy{position:absolute;right:7px;top:-7px;width:100px;height:100px;object-fit:contain;transform:rotate(5deg)}
@media(max-width:760px){.kids-workshop.family-lab .hero{padding-right:75px;min-height:0}.lab-buddy{width:66px;height:66px;right:0;top:7px}}
/* Let children start before they need to scroll. */
.kids-workshop .home-shell .premium-card{border:2px solid var(--kid-ink);box-shadow:0 6px 0 var(--kid-ink)}
.kids-workshop .home-shell .premium-card:hover{box-shadow:0 11px 0 var(--kid-ink)}
.kids-workshop .family-test-dock{border-top:0;border-bottom:1px solid #cedfd8;padding-top:14px;padding-bottom:17px}
.kids-workshop .family-test-dock .test-dock-heading{font-size:1rem;margin:0}
.kids-workshop .egg-protection-preview{display:none}
.kids-workshop .visual-stats span{font-size:0.75rem}.kids-workshop .visual-stats strong{font-size:0.875rem}
@media(min-width:761px){.kids-workshop .family-stage .stage svg,.kids-workshop .family-stage .new-stage svg{height:330px;width:100%;min-height:0}.kids-workshop .family-stage .canvas-stage svg{height:370px;width:100%;min-height:0}}
@media(max-width:500px){.kids-workshop .hero-workbench img{width:110px;height:150px;margin-left:-5px}}
.kids-workshop .kid-test-actions .big-test{background:var(--kid-yellow)!important;color:var(--kid-ink)!important;border:2px solid var(--kid-ink)!important;box-shadow:0 5px 0 var(--kid-ink)!important;border-radius:16px!important;min-height:58px}
.kids-workshop .kid-test-actions .big-test:active:not(:disabled){box-shadow:0 1px 0 var(--kid-ink)!important;transform:translateY(4px)}

/* Build 07: one workbench, with controls next to the model. */
.kids-workshop.family-lab .hero{padding-right:0;min-height:0;padding-bottom:18px}
.kids-workshop .family-workspace{display:flex!important;flex-direction:column;gap:22px}
.kids-workshop .llama-guide{display:grid;grid-template-columns:95px minmax(0,1fr) 285px;gap:18px;align-items:center;width:100%;padding:14px 18px;background:var(--lab-tint);border:0;box-shadow:none;overflow:visible}
.guide-llama{width:95px;height:112px;object-fit:contain;align-self:center}
.kids-workshop .llama-bubble{position:relative;background:#fffdf8;border:2px solid var(--lab-color);border-radius:20px;padding:13px 17px;min-width:0}
.llama-bubble:before{content:'';position:absolute;left:-8px;top:35px;width:13px;height:13px;background:#fffdf8;border-left:2px solid var(--lab-color);border-bottom:2px solid var(--lab-color);transform:rotate(45deg)}
.kids-workshop .llama-name{display:block;font-size:0.75rem;font-weight:800;letter-spacing:.025em;color:var(--lab-color);margin-bottom:3px}
.kids-workshop [id$="-guide-title"]{font-size:1.375rem;line-height:1.25;margin:0 0 5px;color:var(--kid-ink)}
.kids-workshop [id$="-guide-text"]{font-size:0.9375rem;line-height:1.5;color:#35565b;margin:0}
.guide-assist{display:flex;align-items:start;gap:15px;margin-top:8px;flex-wrap:wrap}
.kids-workshop [id$="-show-me"],.kids-workshop .mission-details>summary{border:0;background:none;padding:4px 0;min-height:34px;font-size:0.8125rem;font-weight:800;color:var(--lab-color);text-decoration:underline;text-underline-offset:3px;margin:0}
.kids-workshop .mission-details{flex:1;min-width:140px}.kids-workshop #taskSteps{margin:8px 0;padding-left:20px;font-size:0.9375rem;line-height:1.5}.kids-workshop #taskSteps li{margin:7px 0}
.kids-workshop .mission-choices .task-tabs{padding:0;gap:7px}.kids-workshop .mission-choices .task-tabs button{min-height:62px;font-size:0.75rem;padding:6px 3px}
.kids-workshop #nextTask{display:block;background:none;border:0;box-shadow:none;margin:12px 0 0 auto;padding:4px 0;color:var(--lab-color);font-size:0.8125rem;min-height:35px;font-weight:800}
.kids-workshop .experiment-bench{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start;width:100%;position:relative}
.kids-workshop .family-stage{position:sticky;top:18px;align-self:start;width:100%;margin:0;min-width:0;z-index:2;background:#f5faf6}
.experiment-settings{min-width:0;display:flex;flex-direction:column;gap:0;border:2px solid #bdd0c8;border-radius:22px;background:#fff;overflow:hidden}
.kids-workshop .family-build{border:0;border-radius:0;padding:18px 20px 4px;width:100%;box-shadow:none}
.kids-workshop .family-build .panel-title,.kids-workshop .family-build .panel-heading{margin-bottom:14px}.kids-workshop .family-build .panel-title h2,.kids-workshop .family-build .panel-heading h2{font-size:1.375rem}
.kids-workshop .family-build .group,.kids-workshop .family-build .new-control{margin:13px 0}.kids-workshop .build-section{margin:14px 0}.kids-workshop .section-label small{display:none}
.kids-workshop .family-build .chip{min-height:49px;padding:7px 5px;font-size:0.8125rem}.kids-workshop .family-build .chip small{font-size:0.6875rem}
.kids-workshop .section-label{margin-bottom:8px}.kids-workshop .more-build,.kids-workshop .family-build .lab-tools{margin-top:14px;padding-top:12px}
.kids-workshop .control-help{font-size:0.8125rem;line-height:1.45;color:#56716e;margin:5px 0 0}.kids-workshop .slider-ends{display:flex;justify-content:space-between;font-size:0.6875rem;font-weight:700;color:#55746c;margin-top:-3px}
.kids-workshop .test-panel{padding:16px 20px 20px;border-top:1px solid #d8e3de;background:#f6faf4}
.kids-workshop .guess-details{margin:0 0 12px;border:0}.kids-workshop .guess-details>summary{min-height:36px;font-size:0.9375rem;color:#365c57}.kids-workshop .guess-details .group,.kids-workshop .guess-details .prediction-box{margin:8px 0 15px;padding:0;border:0;background:none}
.kids-workshop .guess-details .predict{padding:0;display:flex;flex-wrap:wrap;gap:8px}.kids-workshop .guess-details label{font-size:0.875rem}.kids-workshop .guess-details .predict-number{display:none}.kids-workshop .guess-details input[type=number]{width:95px}.kids-workshop .guess-details select{width:100%;max-width:none}.kids-workshop .guess-details .chip{font-size:0.8125rem;min-height:50px;padding:6px 4px}
.kids-workshop .experiment-actions>.test{width:100%;margin:0;font-size:1.125rem;min-height:55px}.experiment-secondary{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.experiment-secondary>*{flex:1;padding:7px!important;font-size:0.75rem!important;min-height:43px!important;white-space:nowrap}
.kids-workshop .result-link{display:block;text-align:center;margin-top:12px;min-height:42px;padding:8px 0;color:var(--lab-color);font-size:0.9375rem;font-weight:800}.kids-workshop .result-link[hidden]{display:none}
.kids-workshop .family-results{width:100%;scroll-margin-top:24px}.kids-workshop .family-results .panel-title p,.kids-workshop .family-results .panel-heading p{display:none}.kids-workshop .family-results .panel-title h2,.kids-workshop .family-results .panel-heading h2{font-size:1.375rem}
.kids-workshop .family-results .result-hero{padding:16px 20px}.kids-workshop .result-hero strong{font-size:1.5625rem}.kids-workshop .result-hero p{margin:7px 0 0}.kids-workshop .number-details{margin-top:12px;padding-top:10px}
.kids-workshop .llama-tip{position:relative;padding-left:95px;min-height:110px}.llama-tip:before{content:'';position:absolute;left:12px;top:12px;width:70px;height:85px;background:url('/assets/mascot-flat.png') center/contain no-repeat}.kids-workshop .llama-tip .mini,.kids-workshop .llama-tip .coach-label{font-size:0.6875rem}.kids-workshop .llama-tip p{margin:6px 0 0}
.kids-workshop .family-stage .stage svg,.kids-workshop .family-stage .new-stage svg{height:420px;width:100%;min-height:0}.kids-workshop .family-stage .canvas-stage svg{height:440px;width:100%;min-height:0}
.kids-workshop .family-stage .visual-stats{padding:9px 15px}.kids-workshop .family-stage .status,.kids-workshop .family-stage .canvas-status{font-size:0.8125rem;padding:10px 15px}.kids-workshop .family-stage .live-readout{font-size:0.75rem;padding:9px 15px}.kids-workshop .drag-hint{font-size:0.8125rem;padding:9px 15px}
.kids-workshop .test-panel .weight-title{margin-bottom:9px}.kids-workshop .test-panel .weight-title small{display:none}.kids-workshop .test-panel .weight-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:16px}.kids-workshop .test-panel .weight-preset{padding:7px 3px;min-width:0;min-height:55px}.kids-workshop .test-panel .weight-preset>span{display:none}.kids-workshop .test-panel .weight-preset b{font-size:0.9375rem}
.kids-workshop .control-highlight{outline:3px solid var(--kid-coral);outline-offset:6px;border-radius:10px}
.kids-workshop .hero-workbench{display:flex!important;align-items:center;gap:8px;max-height:none}.kids-workshop .hero-workbench img{width:55%;height:280px}.home-llama-speech{background:#fffdf8;border:2px solid #2a6660;border-radius:20px;padding:17px;max-width:190px;position:relative;color:#315652;font-size:0.9375rem;line-height:1.5}.home-llama-speech strong,.home-llama-speech span{display:block}.home-llama-speech strong{font-size:1.1875rem;margin-bottom:7px;color:#203d43}
@media(max-width:1100px){.kids-workshop .experiment-bench{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.kids-workshop .llama-guide{grid-template-columns:72px minmax(0,1fr) 245px;gap:14px}.guide-llama{width:72px;height:96px}.kids-workshop .family-build{padding:16px 16px 3px}.kids-workshop .test-panel{padding:13px 16px 18px}.kids-workshop .family-stage .stage svg,.kids-workshop .family-stage .new-stage svg,.kids-workshop .family-stage .canvas-stage svg{height:350px}.kids-workshop .hero-workbench{flex-direction:column}.kids-workshop .hero-workbench img{width:100%;height:215px}.home-llama-speech{max-width:260px;padding:11px;font-size:0.8125rem}.home-llama-speech strong{font-size:1rem;margin-bottom:2px}}
@media(max-width:760px){.kids-workshop .llama-guide{grid-template-columns:57px minmax(0,1fr);padding:11px;gap:10px}.guide-llama{width:57px;height:80px;align-self:start;margin-top:12px}.kids-workshop .llama-bubble{padding:11px 13px;border-radius:16px}.kids-workshop .llama-name{font-size:0.625rem}.kids-workshop [id$="-guide-title"]{font-size:1.25rem}.kids-workshop [id$="-guide-text"]{font-size:0.875rem}.guide-assist{gap:8px;margin-top:5px}.kids-workshop [id$="-show-me"],.kids-workshop .mission-details>summary{font-size:0.75rem}.kids-workshop .mission-choices{grid-column:1/-1;display:flex;gap:8px;align-items:center}.kids-workshop .mission-choices .task-tabs{flex:1;gap:5px}.kids-workshop .mission-choices .task-tabs button{min-height:43px;flex-direction:row;font-size:0.6875rem;gap:4px}.kids-workshop #nextTask{margin:0;font-size:0;min-width:40px;border:1px solid var(--lab-color);border-radius:10px;min-height:42px;background:#fff}.kids-workshop #nextTask:after{content:'→';font-size:1.375rem}.kids-workshop #nextTask[aria-label='Back to the first idea']:after{content:'↺'}
.kids-workshop .family-workspace{gap:18px}.kids-workshop .experiment-bench{display:flex;flex-direction:column;gap:16px}.kids-workshop .family-stage{top:0;z-index:5;order:0;border-radius:17px;box-shadow:0 4px 0 #203d43;isolation:isolate}.experiment-settings{width:100%}.kids-workshop .family-stage .stage svg,.kids-workshop .family-stage .new-stage svg,.kids-workshop .family-stage .canvas-stage svg{height:200px!important;width:100%;min-height:0}.kids-workshop .family-stage .stage-top{padding:7px 12px;gap:4px 10px}.kids-workshop .family-stage .stage-top strong{font-size:0.75rem}.kids-workshop .family-stage .stage-top span{font-size:0.6875rem}.kids-workshop .family-stage .visual-stats,.kids-workshop .family-stage .live-readout,.kids-workshop .family-stage .drag-hint{display:none}.kids-workshop .family-stage .status,.kids-workshop .family-stage .canvas-status{font-size:0.6875rem;padding:6px 12px;line-height:1.4}.kids-workshop .family-build{padding:18px 18px 4px}.kids-workshop .test-panel{padding:14px 18px 19px}.kids-workshop .family-build input,.kids-workshop .family-build button,.kids-workshop .family-build summary{scroll-margin-top:290px}.kids-workshop .family-results{order:initial;scroll-margin-top:16px}.kids-workshop .experiment-actions>.test{font-size:1.1875rem}.kids-workshop .family-results .result-hero{padding:15px}.kids-workshop .llama-tip{padding-left:78px}.llama-tip:before{width:58px;left:9px}.kids-workshop .hero-workbench{flex-direction:column;align-self:center;width:100%;gap:5px}.kids-workshop .hero-workbench img{width:100%;height:150px;margin:0}.kids-workshop .home-hero.premium-hero{grid-template-columns:minmax(0,1fr) 135px;gap:5px}.home-llama-speech{font-size:0.6875rem;line-height:1.4;padding:9px;border-radius:12px}.home-llama-speech strong{font-size:0.875rem}.kids-workshop .premium-hero-copy h1{font-size:2.25rem}}
@media(max-width:380px){.kids-workshop .home-hero.premium-hero{grid-template-columns:minmax(0,1fr) 108px;padding:16px 12px}.kids-workshop .premium-hero-copy h1{font-size:1.875rem}.kids-workshop .premium-hero-copy p{font-size:0.875rem}.kids-workshop .family-stage .stage svg,.kids-workshop .family-stage .new-stage svg,.kids-workshop .family-stage .canvas-stage svg{height:170px!important}.kids-workshop .mission-choices .task-tabs button span{display:none}.kids-workshop .llama-guide{grid-template-columns:45px minmax(0,1fr)}.guide-llama{width:45px}.kids-workshop .llama-bubble{padding:10px}}
@media(max-height:560px) and (max-width:760px){.kids-workshop .family-stage{position:relative;top:auto}}

.kids-workshop .experiment-settings>.family-build{order:0}.kids-workshop .experiment-settings>.test-panel{order:1}
.kids-workshop .test-panel .guess-details>summary{overflow-wrap:anywhere}
.kids-workshop .experiment-actions .test,.kids-workshop .experiment-secondary button{scroll-margin-top:300px}

/* Build 08: readable controls and consistent states across every lab. */
.kids-workshop [hidden]{display:none!important}
.kids-workshop .llama-guide{grid-template-columns:80px minmax(0,1fr) 285px;padding:12px 17px;gap:15px}
.kids-workshop .guide-llama{width:80px;height:100px}.kids-workshop .llama-name{font-size:0.75rem;letter-spacing:0}
.kids-workshop .guide-assist{display:flex;gap:18px;align-items:start;flex-wrap:nowrap;margin-top:4px}
.kids-workshop [id$="-show-me"],.kids-workshop .mission-details>summary{font-size:0.875rem;min-height:44px;display:flex;align-items:center;padding:6px 0;white-space:nowrap}
.kids-workshop .mission-details{min-width:0;flex:1}.kids-workshop .mission-details>summary{display:list-item;line-height:32px;width:max-content}
.kids-workshop .mission-choices .task-tabs button{font-size:0.875rem;line-height:1.25;min-height:60px}.kids-workshop #nextTask{font-size:0.875rem;min-height:44px;margin-top:4px}
.kids-workshop input[type=range]{height:44px;min-height:44px}
.kids-workshop input[type=range]::-webkit-slider-thumb{width:30px;height:30px;margin-top:-11px}
.kids-workshop input[type=range]::-moz-range-thumb{width:27px;height:27px}
.kids-workshop input[type=range]:disabled{cursor:default;opacity:.6}
.kids-workshop .family-build .chip,.kids-workshop .guess-details .chip,.kids-workshop .shape-options button{font-size:0.875rem;min-height:52px;line-height:1.3}
.kids-workshop .family-build .chip small,.kids-workshop .guess-details .chip small{font-size:0.75rem;line-height:1.35}
.kids-workshop .slider-ends{font-size:0.75rem;line-height:1.4;margin-top:0}.kids-workshop .control-help{font-size:0.875rem;line-height:1.5}
.kids-workshop .family-build summary,.kids-workshop .guess-details>summary,.kids-workshop .number-details>summary,.kids-workshop .explanation-details>summary{min-height:44px;font-size:0.9375rem;line-height:24px;padding:10px 0}
.kids-workshop .more-build,.kids-workshop .family-build .lab-tools{padding-top:6px;margin-top:12px}
.kids-workshop .experiment-secondary{display:grid;grid-template-columns:1fr;gap:9px}
.kids-workshop .experiment-secondary:has(#pauseBtn){grid-template-columns:1fr 1fr}
.kids-workshop .experiment-secondary #resetBtn{grid-column:1/-1}
.kids-workshop .experiment-secondary>button{font-size:0.875rem!important;padding:9px 10px!important;min-height:44px!important;border:2px solid #bdcfc8;border-radius:12px;background:white;color:#35565b;box-shadow:none;font-weight:700;letter-spacing:0;white-space:normal}
.kids-workshop .experiment-secondary>button:hover:not(:disabled){background:#eaf4ef;border-color:#607f75}
.kids-workshop .experiment-actions>.test{min-height:58px;font-size:1.125rem;letter-spacing:0}
.kids-workshop .experiment-actions>.test:disabled{opacity:1;color:#466568;background:#e2ebe5;border-color:#78958b;box-shadow:0 3px 0 #78958b;transform:none;cursor:wait}
.kids-workshop .is-testing .family-build{background:#f8faf7}.kids-workshop .is-testing .family-stage{border-color:var(--lab-color)}
.kids-workshop .input-error{color:#922f24;background:#fff0dc;border-left:4px solid #bd493a;padding:10px 12px;font-size:0.875rem;line-height:1.5;margin:10px 0}
.kids-workshop [aria-invalid=true]{outline:3px solid #bd493a;outline-offset:2px}
.kids-workshop .llama-tip{padding-left:95px}.kids-workshop .llama-tip:before{width:70px;height:90px}
.kids-workshop .force-legend{flex-wrap:wrap;padding:10px 14px;font-size:0.8125rem}
.kids-workshop .family-stage .status,.kids-workshop .family-stage .canvas-status{font-size:0.875rem;line-height:1.5}
.kids-workshop .guess-details .chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.kids-workshop .test-panel .weight-preset{text-transform:none;letter-spacing:0}.kids-workshop .test-panel .weight-preset b{font-size:1rem}.kids-workshop .test-panel .weight-preset small{font-size:0.75rem}
.kids-workshop .tool-btn{letter-spacing:0;text-transform:none}.kids-workshop .tool-btn .tool-title{font-size:0.9375rem}.kids-workshop .tool-btn .tool-note{font-size:0.75rem}
.kids-workshop .result-hero>span,.kids-workshop .llama-tip .mini,.kids-workshop .llama-tip .coach-label{font-size:0.75rem;letter-spacing:.025em}
@media(max-width:1100px){.kids-workshop .llama-guide{grid-template-columns:68px minmax(0,1fr) 260px}.kids-workshop .guide-llama{width:68px;height:90px}}
@media(max-width:760px){
 .kids-workshop.family-lab .hero{padding-bottom:15px}.kids-workshop .hero h1{font-size:1.875rem}.kids-workshop .hero p{font-size:1rem}
 .kids-workshop .llama-guide{grid-template-columns:55px minmax(0,1fr);gap:9px;padding:10px}
 .kids-workshop .guide-llama{width:55px;height:82px;margin-top:9px}.kids-workshop .llama-name{font-size:0.75rem}.kids-workshop .llama-bubble{padding:11px 12px}
 .kids-workshop [id$="-guide-text"]{font-size:0.9375rem}.kids-workshop [id$="-guide-title"]{font-size:1.25rem}
 .kids-workshop .guide-assist{gap:14px;flex-wrap:wrap}.kids-workshop .mission-details{flex:1;min-width:62px}.kids-workshop .mission-details[open]{flex-basis:100%}
 .kids-workshop .mission-choices{display:block}.kids-workshop .mission-choices .task-tabs{width:100%;gap:6px}.kids-workshop .mission-choices .task-tabs button{font-size:0.875rem;min-height:46px;gap:5px}
 .kids-workshop .mission-choices #nextTask{display:none}
 .kids-workshop .family-stage .stage-top strong{font-size:0.8125rem}.kids-workshop .family-stage .stage-top span{font-size:0.75rem}
 .kids-workshop .family-stage .status,.kids-workshop .family-stage .canvas-status{font-size:0.8125rem;padding:7px 12px}
 .kids-workshop .llama-tip{padding-left:79px}.kids-workshop .llama-tip:before{width:57px;height:76px}
 .kids-workshop .home-llama-speech{font-size:0.8125rem}.kids-workshop .home-llama-speech strong{font-size:0.9375rem}
}
@media(max-width:380px){.kids-workshop .mission-choices .task-tabs button span{display:none}.kids-workshop .llama-guide{grid-template-columns:44px minmax(0,1fr)}.kids-workshop .guide-llama{width:44px}.kids-workshop .guide-assist{gap:10px}.kids-workshop [id$="-show-me"],.kids-workshop .mission-details>summary{font-size:0.875rem}}
@media(max-width:500px){
 .kids-workshop .home-hero.premium-hero{grid-template-columns:1fr;padding:20px;gap:15px}
 .kids-workshop .premium-hero-copy h1{font-size:2.1875rem}.kids-workshop .premium-hero-copy p{font-size:1rem}
 .kids-workshop .hero-workbench{display:grid!important;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:12px}
 .kids-workshop .hero-workbench img{width:82px;height:115px;margin:0}
 .kids-workshop .home-llama-speech{max-width:none;font-size:0.875rem;line-height:1.5;padding:12px}
 .kids-workshop .home-llama-speech strong{font-size:1rem}
}

/* Build 09: the experiment and its start button form one working surface. */
.workbench-v9 .hero h1{font-size:clamp(26px,3vw,38px);line-height:1.15}
.workbench-v9 .hero p{font-size:1rem;margin-top:6px}.workbench-v9 .hero .eyebrow{font-size:0.75rem}
.kids-workshop.workbench-v9 .hero{padding-bottom:12px}
.kids-workshop.workbench-v9 .family-workspace{gap:16px}
.kids-workshop.workbench-v9 .llama-guide{padding:10px 14px;grid-template-columns:65px minmax(0,1fr) 275px}
.workbench-v9 .guide-llama{width:65px!important;height:84px!important}
.workbench-v9 [id$="-guide-title"]{font-size:1.25rem!important}.workbench-v9 .llama-name{display:none!important}
.workbench-v9 .llama-bubble{padding:10px 14px!important}.workbench-v9 .guide-assist{margin-top:0!important}
.workbench-v9 #nextTask{display:none!important}.workbench-v9 .task-tabs button{min-height:52px!important}
.kids-workshop.workbench-v9 .experiment-bench{grid-template-columns:minmax(0,1fr) 310px;gap:18px}
.kids-workshop.workbench-v9 .family-stage{background:var(--lab-tint);border:2px solid #203d43;overflow:hidden;box-shadow:0 5px 0 #203d43;border-radius:23px}
.workbench-v9 .stage-top{background:var(--lab-tint)!important;border-bottom:0!important;padding:11px 16px!important;color:#203d43}
.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:340px;width:100%;display:block}
.workbench-v9 .family-stage svg>rect:first-child{fill:var(--lab-tint)}
.workbench-v9 .family-stage svg [fill='#e8e3d9'],.workbench-v9 .family-stage svg [fill='#e6e2d7']{fill:#f5dba6}
.workbench-v9 .family-stage svg [stroke='#9d9e9a'],.workbench-v9 .family-stage svg [stroke='#929b97']{stroke:#47686b}
.workbench-v9 .family-stage svg text{font-family:inherit;font-weight:700}
.workbench-v9 .family-stage svg path,.workbench-v9 .family-stage svg line{stroke-linejoin:round;stroke-linecap:round}
.workbench-v9 .family-stage .status,.workbench-v9 .family-stage .canvas-status{background:#fffdf8!important;font-size:0.875rem!important;padding:9px 15px!important;border-top:1px solid #203d4324}
.workbench-v9 .family-stage .status>span,.workbench-v9 .visual-stats,.workbench-v9 .live-readout,.workbench-v9 .drag-hint{display:none!important}
.kids-workshop.workbench-v9 .test-panel{padding:12px 15px;background:white;border-top:1px solid #203d4324}
.workbench-v9 .experiment-actions{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:10px;align-items:center}
.kids-workshop.workbench-v9 .experiment-secondary{display:flex;flex-wrap:wrap;gap:7px;margin:0}
.workbench-v9 .experiment-secondary>button{flex:1;min-width:60px}.workbench-v9 .experiment-secondary>button:disabled{display:none}
.workbench-v9 .experiment-secondary:has(#pauseBtn:not(:disabled)),.workbench-v9 .experiment-secondary:has(#replayBtn:not(:disabled)){grid-column:1/-1}
.workbench-v9 .experiment-actions:has(#pauseBtn:not(:disabled))>.test,.workbench-v9 .experiment-actions:has(#replayBtn:not(:disabled))>.test{grid-column:1/-1}
.workbench-v9 .result-link{grid-column:1/-1;margin:0!important;padding:4px!important;min-height:34px!important}
.kids-workshop.workbench-v9 .guess-details{margin:6px 0 0}.workbench-v9 .guess-details>summary{padding:3px 0!important;min-height:34px!important;font-size:0.875rem!important}
.kids-workshop.workbench-v9 .experiment-settings{border:2px solid #203d43;box-shadow:0 4px 0 #203d43;border-radius:23px;background:white}
.kids-workshop.workbench-v9 .family-build{padding:17px 18px}.workbench-v9 .family-build h2{font-size:1.3125rem!important}.workbench-v9 .family-build .panel-title p,.workbench-v9 .family-build .panel-heading p{font-size:0.875rem;margin-top:4px}
.workbench-v9 .family-build .group,.workbench-v9 .family-build .new-control{border-top:1px solid #d9e4df;padding-top:12px;margin:12px 0!important}
.workbench-v9 .family-build .group>label,.workbench-v9 .family-build .new-control>label{font-size:0.9375rem;font-weight:800;color:#203d43}
.workbench-v9 .family-build .chip{border:2px solid #bfd1cc;box-shadow:0 3px 0 #d4e0dc;background:#fffdf8}
.workbench-v9 .family-build .chip.active,.workbench-v9 .family-build button[aria-pressed=true]{background:var(--lab-tint);border-color:var(--lab-color);box-shadow:0 3px 0 var(--lab-color);color:#203d43}
.workbench-v9 .family-build .chip small{display:none}.workbench-v9 .control-help{font-size:0.875rem}.workbench-v9 .slider-ends{font-size:0.8125rem}
.workbench-v9 .more-build{border-top:1px solid #c8d8d2!important}.workbench-v9 .more-build>summary{font-weight:800;color:var(--lab-color)}
.workbench-v9 .picture-chips .chip{padding:12px 7px;min-height:56px}
.workbench-v9 #dropSvg #eggGroup,.workbench-v9 #towerG{stroke-linejoin:round}
.workbench-v9 #raceSvg #bodyShape{stroke:#203d43}.workbench-v9 #raceSvg #windowShape{stroke:#355e67}
@media(max-width:1000px) and (min-width:761px){.kids-workshop.workbench-v9 .experiment-bench{grid-template-columns:minmax(0,1fr) 275px;gap:14px}.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:300px}.workbench-v9 .experiment-actions{grid-template-columns:1fr 125px}}
@media(max-width:760px){
 .kids-workshop.workbench-v9 .experiment-bench{display:flex;gap:15px}
 .kids-workshop.workbench-v9 .llama-guide{grid-template-columns:45px minmax(0,1fr);padding:9px;gap:9px}
 .workbench-v9 .guide-llama{width:45px!important;height:70px!important}.workbench-v9 .llama-bubble{padding:9px!important}
 .workbench-v9 [id$="-guide-title"]{font-size:1.125rem!important}.workbench-v9 [id$="-guide-text"]{font-size:0.875rem!important}
 .workbench-v9 .mission-choices{grid-column:1/-1}.workbench-v9 .task-tabs button{min-height:44px!important}
 .kids-workshop.workbench-v9 .family-stage{position:relative;top:auto}
 .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:230px!important}
 .kids-workshop.workbench-v9 .test-panel{padding:10px 11px}
 .workbench-v9 .experiment-actions{grid-template-columns:minmax(0,1fr) 95px;gap:8px}.workbench-v9 .experiment-actions>.test{font-size:1rem!important;min-height:54px!important;padding:8px!important}
 .workbench-v9 .experiment-secondary>button{font-size:0.8125rem!important;min-height:54px!important;padding:6px!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}
 .workbench-v9 .family-results{scroll-margin-top:12px}
}
.workbench-v9 .control-caption{font-size:0.9375rem;font-weight:800;margin-bottom:10px;color:#203d43}
.workbench-v9 #chuteChips{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.workbench-v9 #chuteChips .chip{font-size:0.8125rem;padding:8px 3px}
.workbench-v9 .member-back{stroke:#203d43}.workbench-v9 .member:not(.tension):not(.compression):not(.broken){stroke:var(--beam-stroke,#e0a844)}
.workbench-v9 .load-crate{fill:#ffd04b;stroke:#203d43}.workbench-v9 .load-crate-line{stroke:#b68021;opacity:.3}
.workbench-v9 #dropSvg #paddingShell{stroke:#203d43;stroke-width:3}
.workbench-v9 #dropSvg #chute{fill:#b78bed;stroke:#203d43;stroke-width:3.5}
.workbench-v9 .family-stage .stage,.workbench-v9 .family-stage .new-stage,.workbench-v9 .family-stage .canvas-stage{background:var(--lab-tint)!important}
.kids-workshop.workbench-v9 .shell{padding-top:16px}
.kids-workshop.workbench-v9 .hero .eyebrow{display:none}
.kids-workshop.workbench-v9 .hero h1{font-size:2rem;margin:0 0 5px}
.kids-workshop.workbench-v9 .hero p{font-size:0.9375rem;margin:0}
@media(min-width:761px){
 .workbench-v9 .llama-bubble{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:3px 12px}
 .workbench-v9 [id$="-guide-title"]{grid-column:1;grid-row:1;margin:0!important}.workbench-v9 [id$="-guide-text"]{grid-column:1;grid-row:2}
 .workbench-v9 .guide-assist{grid-column:2;grid-row:1/3;align-self:center}
 .workbench-v9 .llama-bubble:has(.mission-details[open]){display:block}
 .kids-workshop.workbench-v9 .llama-guide{padding:8px 14px;min-height:95px}
 .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:300px}
}
@media(max-width:760px){
 .kids-workshop.workbench-v9 .family-stage{position:sticky;top:0}
 .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:180px!important}
 .kids-workshop.workbench-v9 .family-stage:has(details[open]){position:relative}
 .kids-workshop.workbench-v9 .family-stage .stage-top{padding:7px 10px!important}
 .kids-workshop.workbench-v9 .family-stage .status,.kids-workshop.workbench-v9 .family-stage .canvas-status{font-size:0.8125rem!important;padding:6px 10px!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:400px}
}
@media(max-width:760px) and (max-height:650px){.kids-workshop.workbench-v9 .family-stage{position:relative}.kids-workshop.workbench-v9 .family-build input,.kids-workshop.workbench-v9 .family-build button,.kids-workshop.workbench-v9 .family-build summary{scroll-margin-top:15px}}
.workbench-v9 .build-section{border:0;background:none;box-shadow:none;padding:0;margin:0}
.workbench-v9 #chuteChips .chip{font-size:0.875rem}
@media(max-width:760px){.workbench-v9 .experiment-secondary>button{font-size:0.875rem!important}}
.kids-workshop.workbench-v9 .guess-details>summary,.kids-workshop.workbench-v9 .result-link{min-height:44px!important}
.workbench-v9 .custom-test-body{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.workbench-v9 .custom-test .load-control{min-width:0;width:100%}
.workbench-v9 .custom-test .load-row{grid-template-columns:minmax(0,1fr) 92px}
.workbench-v9 .custom-test #breakBtn{width:100%;white-space:normal}

/* Preview diagrams stay inside their frame, independent of SVG aspect ratio. */
.kids-workshop .premium-card .card-scene{flex-shrink:0}
.kids-workshop .premium-card .card-scene img{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:contain}
/* Break mission labels between words, never in the middle of a word. */
.kids-workshop .mission-choices .task-tabs button{overflow-wrap:normal;word-break:normal}

/* Compact two-line wordmark keeps all nine lab links in their existing layout. */
.kids-workshop .brand-wordmark{display:flex;flex-direction:column;gap:0.12rem;line-height:1;letter-spacing:0.025em}
.kids-workshop .brand-wordmark-sub{font-size:0.875rem;line-height:1.1;letter-spacing:0.08em}

/* German labels also fit at enlarged text sizes. */
.kids-workshop .family-learning>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
 .kids-workshop.workbench-v9 .experiment-actions{display:flex;flex-wrap:wrap}
 .kids-workshop.workbench-v9 .experiment-actions>.test,.kids-workshop.workbench-v9 .experiment-secondary{flex:1 1 9rem;min-width:0}
 .kids-workshop.workbench-v9 .experiment-secondary>button{width:100%;white-space:normal;overflow-wrap:anywhere}
 .kids-workshop.workbench-v9 .experiment-actions>.result-link{flex-basis:100%}
}

.kids-workshop h1,.kids-workshop h2,.kids-workshop h3{overflow-wrap:anywhere;min-width:0}

/* Shared adult-child exploration guidance. */
.kids-workshop .together-note{margin:0 0 18px;padding:12px 16px;border-left:4px solid #2a6660;border-radius:0 12px 12px 0;background:#e4f5ec;color:#254b48;font-size:1rem;line-height:1.55;overflow-wrap:anywhere}
.together-note strong{font-weight:850}.together-note a{display:inline-flex;align-items:center;min-height:44px;margin-left:6px;color:#245e56;font-weight:750;text-underline-offset:3px}
#grownups{scroll-margin-top:100px}.together-note a:focus-visible,.home-parent-link:focus-visible{outline:3px solid #bd412e;outline-offset:3px;border-radius:3px}

/* 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 [id$="-guide-title"]{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 [id$="-guide-title"]{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}

/* Legal pages and shared footer. */
.legal-shell{max-width:900px;margin:32px auto;padding:0 20px 36px;color:#203d43}
.legal-shell h1{font-size:clamp(2rem,5vw,3rem);line-height:1.15;margin:12px 0 20px;overflow-wrap:anywhere}
.legal-shell h2{font-size:1.3rem;margin:30px 0 10px;line-height:1.3}
.legal-shell p,.legal-shell li,.legal-shell address{font-size:1rem;line-height:1.75;max-width:72ch}
.legal-shell address{font-style:normal}.legal-shell a,.legal-footer a{color:#126865;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-summary{padding:20px 24px;background:#d7f3e9;border:2px solid #9acdbb;border-radius:22px}
.legal-draft{background:#fff2c9;padding:14px 18px;border-left:4px solid #a45b14;border-radius:8px}
.legal-footer{max-width:1250px;margin:22px auto 0;padding:22px 20px 30px;border-top:1px solid #bdd5cb;display:flex;flex-wrap:wrap;gap:4px 24px;align-items:center;font-size:1rem}
.legal-footer a{display:inline-flex;align-items:center;min-height:44px}.legal-date{color:#4b6566;font-size:.875rem}

/* Only integration rules for the new simulations. Shared theme: src/reference/*.css. */
[hidden]{display:none!important}.lab{width:100%}.lab .family-workspace{margin-bottom:22px}.lab .family-learning{margin-top:22px}.lab .parent-notes{margin-top:20px}.site-links a[aria-pressed=true]{background:var(--kid-yellow,#ffd44b);border-color:#203d43;color:#203d43}.site-brand{cursor:pointer}
canvas{display:block;width:100%;height:auto}.interactive-stage{position:relative;overflow:hidden}.interactive-stage canvas{touch-action:none}.family-stage{overflow:hidden}.family-stage>.feedback{margin:0;padding:10px 15px;border-top:1px solid #d8e3de;color:#35565b;background:#f1f8ee;font-size:.875rem;line-height:1.45}.family-stage>.feedback.warn{background:#fff0c0}.family-stage>.feedback.success{background:#d1f1e6}
.rangehead{display:flex;justify-content:space-between;gap:8px;margin-top:16px}.rangehead label{margin:0}.rangehead output{font-weight:800;color:var(--lab-color);font-size:.875rem}.family-build>label{display:block;margin-top:15px;font-weight:800}.family-build select{width:100%;margin:7px 0 12px}.rangeends{display:flex;justify-content:space-between;font-size:.75rem;color:#55746c}.family-build .actions,.gatecontrols{display:flex;gap:7px;margin:10px 0}.family-build button{min-height:44px}.family-build .check{display:flex;align-items:center;gap:8px}.family-build .subtle{font-size:.875rem;line-height:1.5}.family-build>input[type=range]{width:100%}.family-build .textbutton{margin:12px 0}.family-build{position:static}.family-build .valve-dock{margin:14px 0}.valve-dock>div{margin:15px 0}.valve-dock label{display:block;font-weight:800;font-size:.875rem}.valve-dock input{width:100%}.valve-dock output{font-size:.875rem;color:var(--lab-color);font-weight:800}
.scene-speed{position:absolute;top:12px;right:12px;width:180px;background:#fffdf8ed;border:1.5px solid #203d43;border-radius:13px;padding:8px 12px}.scene-speed label{font-size:.8125rem;font-weight:800}.scene-speed output{float:right;font-size:.875rem;font-weight:800}.scene-speed input{width:100%;height:24px}.scene-preset{position:absolute;left:12px;bottom:12px;display:flex;gap:7px}.scene-preset button,.mirror-tools button,.gate-touch button,.boat-touch button,.load-touch button{border:2px solid #203d43;border-radius:10px;min-height:44px;padding:7px 10px;background:#ffd44b;color:#203d43;font-size:.8125rem;font-weight:800;box-shadow:0 3px 0 #203d43;cursor:pointer}.mirror-tools{position:absolute;bottom:10px;right:10px;display:flex;gap:7px;align-items:center}.mirror-tools>span{font-size:.8125rem;background:#fffdf8;padding:5px;border-radius:6px}.mirror-tools button{background:#fffdf8}.gate-touch,.boat-touch,.load-touch{position:absolute;z-index:2}.gate-touch{top:19%;transform:translateX(-50%)}.gate-touch.lower{left:28.9%}.gate-touch.upper{left:71.1%}.gate-touch button{background:#fffdf8}.boat-touch{transform:translate(-50%,-50%)}.boat-touch button{white-space:nowrap}.load-touch{right:8px;top:28%}.load-touch button{max-width:120px;background:#fffdf8}
.number-details{padding:12px 15px}.metric small{font-size:.8125rem}.chartbox{margin-top:16px}.charttitle{display:flex;justify-content:space-between;font-size:.875rem}.charttitle span{color:#56716e}.line{display:inline-block;width:18px;height:3px;margin-right:6px}.teal{background:#067869}.orange{background:#d78331}.sequence{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:.8125rem}.sequence span{padding:6px;border:1px solid #bdd0c8;border-radius:7px}.sequence .current{background:#ffd44b}.time-label{font-size:.8125rem;font-weight:800;align-self:center}#lock-rate-slot{min-width:130px}#lock-rate{width:100%}.family-results table{width:100%;border-collapse:collapse;margin:15px 0;font-size:.875rem}.family-results th,.family-results td{text-align:left;padding:9px;border-bottom:1px solid #bdd0c8}.family-results>p{font-size:1rem;line-height:1.6}.family-results>button{background:#ffd44b;color:#203d43;border:2px solid #203d43;border-radius:12px;min-height:44px;padding:10px 15px;font-weight:800}.family-learning .panel{padding:20px}.family-learning h3{margin-top:0}.parent-notes>p{margin:12px 0}.scene-flash{animation:showTarget .7s ease-in-out 3}@keyframes showTarget{50%{outline:5px solid #ec684c;outline-offset:-5px}}
@media(max-width:760px){.kids-workshop.workbench-v9 .family-stage{position:relative;top:auto}.scene-speed{width:145px;top:6px;right:6px;padding:5px 8px}.scene-speed output{font-size:.75rem}.scene-preset{bottom:6px;left:6px;gap:5px}.scene-preset button,.mirror-tools button{font-size:.75rem;padding:5px;min-height:36px}.mirror-tools{bottom:6px;right:6px;gap:4px}.mirror-tools>span{display:none}.gate-touch button,.boat-touch button,.load-touch button{font-size:.6875rem;min-height:34px;padding:5px}.load-touch button{max-width:90px}.gate-touch{top:19%}.family-learning{display:block}.family-learning>.panel{margin-bottom:15px}.interactive-stage canvas{min-height:230px}.kids-workshop .family-stage .drag-hint{display:block;font-size:.8125rem}.stage-top{flex-wrap:wrap}.experiment-secondary{gap:6px}}
@media(prefers-reduced-motion:reduce){.scene-flash{animation:none;outline:4px solid #ec684c}}

/* Audit: prevent narrow action columns and preserve the simulation aspect ratios. */
.kids-workshop.workbench-v9 .experiment-secondary>button{white-space:normal;overflow-wrap:anywhere}
#lock-actionbar{display:flex;flex-wrap:wrap;gap:10px}#lock-actionbar .experiment-secondary{flex-basis:100%}
.family-learning>.panel:only-child{grid-column:1/-1}
@media(max-width:760px){.interactive-stage canvas{min-height:0}#lock-stage .load-touch{top:30%}.scene-speed{width:130px}.scene-preset button{min-height:36px}.gate-touch button{min-height:32px}.boat-touch button{min-height:32px}}
/* Browser QA: the inherited SVG stage line-height was zero. */
.interactive-stage{line-height:1.4}.interactive-stage button{line-height:1.35}
.kids-workshop .family-build button{background:#fffdf8;color:#203d43;border:2px solid #bdd0c8;border-radius:10px;box-shadow:0 2px 0 #bdd0c8;padding:8px 10px;font:800 .875rem/1.35 'Trebuchet MS',Verdana,sans-serif;cursor:pointer}
.kids-workshop .mission-choices .task-tabs button{word-break:normal;overflow-wrap:normal}
@media(max-width:760px){#trailer-stage{padding-top:67px}#trailer-stage .scene-speed{top:6px;left:6px;right:6px;width:auto;height:55px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:6px}#trailer-stage .scene-speed input{height:22px;margin:0}#trailer-stage .scene-speed output{font-size:.8125rem}#trailer-stage .scene-speed label{font-size:.8125rem}#lock-stage .load-touch{top:38%}#lock-stage .load-touch button{font-size:.6875rem;line-height:1.4}.kids-workshop .mission-choices .task-tabs button{font-size:.75rem}}
.scene-loadbar{display:flex;justify-content:flex-end;padding:7px 12px;background:#e9f5fb}.scene-loadbar button{min-height:44px;border:2px solid #203d43;border-radius:10px;padding:7px 12px;background:#fffdf8;color:#203d43;font:800 .8125rem/1.4 'Trebuchet MS',Verdana,sans-serif;box-shadow:0 2px 0 #203d43;cursor:pointer}
@media(max-width:760px){.mirror-tools{position:relative;bottom:auto;right:auto;justify-content:flex-end;padding:7px;background:#f4faf4}.mirror-tools button{min-height:40px}.scene-loadbar{justify-content:stretch}.scene-loadbar button{width:100%}}

/* Complete workshop: one set of controls and consistent readable feedback. */
.site-links a[aria-current=page]{background:#ffd44b;border-color:#203d43;color:#203d43}
.skip-link{position:fixed;left:12px;top:-80px;z-index:100;background:#fffdf8;border:2px solid #203d43;border-radius:10px;padding:12px;color:#203d43;font-weight:800}.skip-link:focus{top:12px}
.kids-workshop .llama-bubble h2{font-size:1.125rem;line-height:1.3;margin:0 0 5px}.kids-workshop .llama-bubble p{font-size:.9375rem;line-height:1.5;margin:0}
.kids-workshop .show-me{border:0;background:transparent;color:var(--lab-color);font:800 .875rem/1.4 'Trebuchet MS',Verdana,sans-serif;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:5px}
.kids-workshop.workbench-v9 .family-stage .drag-hint{display:block!important;background:#fffdf8;color:#35565b;line-height:1.5;padding:9px 15px;font-size:.875rem}
.kids-workshop.workbench-v9 .experiment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.kids-workshop.workbench-v9 .experiment-actions>.test{flex:1 1 100%;min-width:0}
.kids-workshop.workbench-v9 .experiment-secondary{flex:1 1 100%;gap:8px}.kids-workshop.workbench-v9 .experiment-secondary>button{min-width:110px;flex:1 1 110px;min-height:44px!important;font-size:.875rem!important;white-space:normal;overflow-wrap:normal}
.next-step{font-weight:800;line-height:1.5;color:#203d43;margin:0 0 10px}.next-step:empty{display:none}
.kids-workshop button:disabled{cursor:default;opacity:.55;box-shadow:none!important;transform:none!important}
.kids-workshop.workbench-v9 .experiment-actions>.test:disabled{display:block;background:#e8ede7!important;color:#35565b!important}
.kids-workshop.workbench-v9 .scene-preset button,.kids-workshop.workbench-v9 .mirror-tools button,.kids-workshop.workbench-v9 .gate-touch button,.kids-workshop.workbench-v9 .boat-touch button{min-height:44px;padding:7px 9px;font-size:.8125rem;line-height:1.4}
.kids-workshop .family-stage .valve-dock{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:10px 15px;background:#fffdf8;border-top:1px solid #203d4333;margin:0}
.family-stage .valve-dock>div{margin:0;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 6px;align-items:center}.family-stage .valve-dock label{font-size:.8125rem;line-height:1.4;grid-column:1}.family-stage .valve-dock input{grid-row:2;grid-column:1/-1;margin:0}.family-stage .valve-dock output{grid-column:2;grid-row:1;white-space:nowrap;color:#203d43}
.scene-loadbar{justify-content:flex-start;background:#fffdf8}.scene-loadbar button{white-space:normal}
.sequence{margin:0;padding:10px 15px;background:#e9f5fb;gap:5px}.sequence span{font-size:.75rem;line-height:1.4;padding:5px 7px;background:#fffdf8}.sequence .current{background:#ffd44b;font-weight:800;border-color:#203d43}
.family-results{margin-top:18px;border:2px solid #203d43;border-radius:20px;background:#fffdf8;padding:20px}.family-results h3{font-size:1.25rem;margin:6px 0 10px}.family-results>span{font-size:.75rem;font-weight:800;color:var(--lab-color);text-transform:uppercase;letter-spacing:.05em}.family-results p{margin:8px 0;line-height:1.6}.family-results>button{margin-top:12px}
.table-scroll{overflow-x:auto;max-width:100%}.family-results table{margin:12px 0 0}.family-results caption{text-align:left;font-weight:800;padding:8px 0;color:#35565b}.family-results th,.family-results td{font-size:.8125rem;padding:8px 5px;white-space:nowrap}
.scene-labels{display:none}.scene-direction{font-weight:800;color:#35565b}
.kids-workshop .site-nav-inner.menu-open .site-links{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){
 .kids-workshop .llama-bubble h2{font-size:1.0625rem}.kids-workshop .llama-bubble p{font-size:.875rem}
 .kids-workshop.workbench-v9 .family-stage .drag-hint{font-size:.8125rem;padding:8px 12px}
 .kids-workshop.workbench-v9 .scene-preset{position:relative;left:auto;bottom:auto;justify-content:center;padding:7px;background:#d4e4dd;flex-wrap:wrap}.scene-preset button{flex:1}
 .kids-workshop.workbench-v9 .gate-touch button,.kids-workshop.workbench-v9 .boat-touch button{font-size:.75rem;padding:5px 7px}.gate-touch{top:22%}
 .scene-labels{position:absolute;display:grid;grid-template-columns:28% 44% 28%;width:100%;top:3%;font-size:.6875rem;font-weight:800;line-height:1.35;text-align:center;color:#203d43;pointer-events:none}.scene-labels b{display:block;font-size:.8125rem}
 .family-results{padding:16px}.sequence{padding:8px 10px}.family-stage .valve-dock{gap:10px;padding:10px 12px}.family-stage .valve-dock label{font-size:.75rem}
}

@media(max-width:760px){.boat-touch{display:none}}

/* Construction workbenches: controls are grouped by build, predict, test. */
.builder-fields{min-width:0;border:1.5px solid #bdd0c8;border-radius:14px;margin:0 0 20px;padding:14px;background:#f4f8ef}.builder-fields legend{padding:0 5px;font-size:.9375rem;font-weight:800;color:#203d43}.builder-fields>label{display:block;font-weight:800;font-size:.875rem;margin-top:12px}.builder-fields select,.builder-fields input[type=range]{width:100%;max-width:100%;box-sizing:border-box}.builder-fields .rangehead{flex-wrap:wrap}.builder-fields .rangehead label{font-size:.8125rem}.builder-subhead{font-size:1rem;margin:20px 0 10px}.build-palette{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.build-palette button{flex:1 1 90px;min-height:44px;white-space:normal}.kids-workshop button[aria-pressed=true]{background:#ffd44b;border-color:#203d43;box-shadow:0 2px 0 #203d43}.kids-workshop .own-build{border-color:#203d43!important}.construction{padding:18px;background:#fffdf8}.construction-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.construction-heading h2{font-size:1.375rem;margin:4px 0 12px}.eyebrow{font-weight:800;color:#286d9b;font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em}.construction canvas{border:1.5px solid #bdd0c8;border-radius:14px;touch-action:none}.construction button,#lock-edit-build{min-height:44px;padding:9px 12px;font:800 .875rem/1.4 'Trebuchet MS',Verdana,sans-serif;background:#fffdf8;border:2px solid #203d43;color:#203d43;border-radius:10px;cursor:pointer}.construction button[aria-pressed=true]{background:#ffd44b}.construction .test{background:#ffd44b!important;font-size:1rem}.part-stations{display:grid;grid-template-columns:1fr 1fr;gap:8px}.part-stations button{font-size:.8125rem}.build-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.build-metrics span{flex:1 1 130px;font-size:.8125rem;background:#d9effa;padding:10px;border-radius:10px}.build-metrics b{display:block;font-size:1.125rem;margin-top:3px}.build-feedback{font-weight:800;font-size:.875rem;line-height:1.5;color:#203d43;margin:12px 0}.kids-workshop .mission-choices .task-tabs{display:flex;flex-wrap:wrap;gap:7px}.kids-workshop .mission-choices .task-tabs>button{flex:1 1 130px;min-height:48px}.builder-fields .actions{flex-wrap:wrap}.builder-fields .actions button{flex:1 1 100px}#beam-summary{padding:8px 10px;background:#fff0c0;border-radius:8px;color:#624806;font-weight:800}.family-build input:focus-visible,.family-build select:focus-visible,canvas:focus-visible,button:focus-visible{outline:3px solid #203d43;outline-offset:4px}#lock-operation>.feedback{padding:12px 15px;background:#f1f8ee;margin:0;font-size:.875rem;line-height:1.5}#lock-operation>.feedback.warn{background:#fff0c0}.kids-workshop #lock-edit-build{width:100%;margin:0 0 16px}
@media(max-width:760px){.construction{padding:12px}.construction-heading h2{font-size:1.125rem}.construction canvas{width:100%;height:auto}.part-stations button{padding:8px 5px}.build-metrics span{flex-basis:85px;min-width:0;font-size:.75rem}.build-metrics b{font-size:1rem}.builder-fields{padding:12px}.kids-workshop .mission-choices .task-tabs>button{flex-basis:120px}.construction .drag-hint{padding:8px 0!important}}

/* Integration: 12 labs share one navigation. */
.kids-workshop .site-nav-inner.menu-open .site-links{grid-template-columns:repeat(3,minmax(0,1fr))}

 preserve readable links and the compact mobile menu. */
@media(min-width:761px){.kids-workshop .site-nav-inner{flex-wrap:wrap}.kids-workshop .site-links{flex-basis:100%;order:3}}

@media(min-width:1021px){.kids-workshop .site-nav .site-nav-inner{flex-wrap:wrap}.kids-workshop .site-nav .site-links{flex-basis:100%;order:3;flex-wrap:wrap;white-space:normal;overflow:visible}}
@media(max-width:760px){.kids-workshop .site-nav .site-nav-inner.menu-open .site-links{grid-template-columns:repeat(3,minmax(0,1fr))}}