/* The animation window uses two item roles: Parts and Tools. */
.item-link{display:inline;padding:1px 0;border-bottom:1px solid #b59b64;border-radius:0;font-size:inherit;line-height:inherit;background:none;color:#665f3e;text-align:left}.item-link span{font-size:11px;color:#9b895a}.item-link:hover,.item-link:focus-visible{background:#fff2d2;border-color:#9d7836}.item-link.tool-link{border-color:#79a590;color:#39765d}.item-link.tool-link:hover{background:#e3f1e8}.item-link::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#c49a51;margin-right:5px;vertical-align:middle}.item-link.tool-link::before{background:#66a08c}.path-cues{font-size:14px;gap:9px;margin-bottom:10px}.path-cues>span{font-size:9px;letter-spacing:1px}.path-cues .item-link{padding:4px 9px;border:1.5px solid #bc9b54;border-radius:6px;background:#fff9ed;font-size:14px}.path-cues .standin-note{font-size:11px;text-transform:none;color:#789082;font-weight:400;letter-spacing:0}.journey-context{padding:9px 0;gap:12px}.journey-context>span{font-size:11px;letter-spacing:0}.sample-note:empty{display:none}.journey-context button{font-size:13px;padding:6px 11px}.window-stage{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:13px;align-items:start}.stage{height:480px;min-height:0;background:radial-gradient(ellipse at 50% 50%,#e2f3e966,transparent 75%),#fff;border-color:#d8e5dc}.stage #speaker-svg,.stage #child-svg{height:442px;min-height:0;margin:15px 0 12px;width:100%;aspect-ratio:auto}.stage-heading{font-size:12px;line-height:1.5;left:15px;right:15px}.scale-label{display:none}.stage-foot{font-size:10px;left:15px;right:15px;bottom:14px}.tap-hint{display:none}.tool-rack{padding:4px 0 0;border-left:1px solid #d6e2d9;padding-left:9px}.tool-rack>p{font-size:13px;font-weight:600;margin:0 0 9px}.tool-rack>p span{font-size:9px;line-height:1.4;color:#7f9286;display:block;margin-top:3px;font-weight:400}#rack-items{display:flex;flex-direction:column;gap:6px}.rack-tool{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:6px;row-gap:2px;align-items:center;border:1px solid #c8ddd0;border-radius:7px;padding:7px 6px;background:#f8fbf7;text-align:left;min-height:48px;transition:background .2s,transform .2s}.rack-tool svg{width:25px;height:27px;grid-row:1/3}.rack-tool>span{font-size:14px;line-height:1.13;color:#577166}.rack-tool small{font-size:8px;color:#82978b;line-height:1.2}.rack-tool:hover,.rack-tool:focus-visible{background:#e8f3e9;transform:translateX(-3px)}.rack-tool.in-use{background:#e8f2e7;border-color:#76a88b;box-shadow:inset 3px 0 0 #80ad90}.rack-tool.in-use small{color:#588465}#tool-action{position:absolute;top:15px;left:0;width:100%;height:442px;pointer-events:none;overflow:visible}#tool-action [data-open]{pointer-events:auto;cursor:pointer}#tool-action [data-open]:focus-visible{outline:none;filter:drop-shadow(0 0 6px #c19443)}.tool-note{font:13px var(--sans);fill:#668375}.tool-symbol{filter:drop-shadow(0 2px 3px #173d5011)}.working-winder,.locator-action,.making-tool-action,.meter-action,.audio-action,.microphone-action{animation:tool-approach 1s cubic-bezier(.2,.8,.3,1) both}.winder-rotor{transform-box:fill-box;transform-origin:center;stroke-dasharray:8 5;animation:rotor-spin 2s linear infinite}.winding-feed{stroke-dasharray:14 8;animation:feed-motion 1.1s linear infinite}.locator-action{animation:locate-coil 4.2s ease-in-out infinite}.meter-action{animation:meter-contact 10s ease-in-out infinite}.audio-action{animation:audio-drive 10s ease-in-out infinite}.microphone-action{animation:acoustic-measure 10s ease-in-out infinite}.coil-winder-action{animation:tool-approach .7s ease both}.current-form{transition:opacity .7s ease;transform-box:view-box;transform-origin:380px 330px}.unwinding .current-form{opacity:.75}.scene-label{font:16px var(--sans);fill:#627f78}.scene-heading{font:600 18px var(--sans);fill:#315449;letter-spacing:1px}.scene-tbd{font:13px var(--sans);fill:#87938c;letter-spacing:.3px}.rich-detail{font-size:14px;line-height:1.65;color:#6a7e76;padding-top:12px;border-top:1px solid #e0e8df;margin-top:17px!important}.recipe{font-size:15px;line-height:1.8}.step-copy h2{font-size:35px}.why{margin-top:18px}.child-arrival #child-svg{animation:window-arrival .55s ease both}.stage.departing[data-entering="coil"] #layer-coil{transform:translate(0,80px) scale(1.45);transform-origin:380px 240px}.stage .part-label .label-name{opacity:0;transition:opacity .2s}.stage .part:hover .part-label .label-name,.stage .part:focus-visible .part-label .label-name{opacity:1}.stage #layer-coil .part-label circle{stroke:#b48e44;fill:#fff8e8;stroke-width:2}.fixture-target circle{stroke:#77a28e;fill:#eff6ee}.fixture-target text{fill:#688775}.coil-endpoints{transition:opacity .4s}#coil-insulation,#coil-conductor{pointer-events:stroke}.wire-input-links [data-open]{cursor:pointer}.device-inputs,.made-form,.made-support{animation:parts-join .8s ease both}.new-coating{transition:opacity .6s}body:not([data-journey="speaker"]) .intro h1{font-size:39px;max-width:770px;letter-spacing:-.7px}body:not([data-journey="speaker"]) .stage-toolbar{display:flex;justify-content:flex-end;min-height:34px}.intro{padding-top:26px;padding-bottom:25px}.workbench{padding-top:15px}.lesson{padding-top:8px}.check{margin-top:16px}.concept-note{font-size:10px;line-height:1.5}.parent-return{font-size:12px}.assembly-nav{gap:16px;margin-top:22px;padding:15px 0}.steps{gap:8px}.steps button{font-size:12px}.step-line{width:15px}.legend{font-size:11px;gap:17px;flex-wrap:wrap}.stage.paused #tool-action *, .stage.paused #child-svg *{animation-play-state:paused!important}.stage.paused.child-arrival #child-svg{animation:none!important}.sample-note{color:#7d8b79!important}body:not([data-journey="speaker"]) .workbench{border-top:1px solid #dce5e6;padding-top:15px}.inline-inspection{margin-top:15px}.scene-label,.scene-heading,.scene-tbd{pointer-events:none}
@keyframes tool-approach{from{opacity:.15;transform:translateX(75px)}to{opacity:1;transform:translateX(0)}}@keyframes rotor-spin{to{transform:rotate(360deg)}}@keyframes feed-motion{to{stroke-dashoffset:-44}}@keyframes locate-coil{0%,100%{transform:translateY(-35px);opacity:.45}24%,68%{transform:translateY(30px);opacity:1}84%{transform:translateY(-35px);opacity:.45}}@keyframes meter-contact{0%,6%{opacity:0;transform:translateX(70px)}15%,37%{opacity:1;transform:translateX(0)}47%,100%{opacity:.18;transform:translateX(30px)}}@keyframes audio-drive{0%,35%{opacity:.2;transform:translateX(40px)}48%,92%{opacity:1;transform:translateX(0)}100%{opacity:.2;transform:translateX(40px)}}@keyframes acoustic-measure{0%,48%{opacity:.2;transform:translateX(-40px)}60%,92%{opacity:1;transform:translateX(0)}100%{opacity:.2;transform:translateX(-40px)}}@keyframes window-arrival{from{opacity:.2;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes parts-join{from{opacity:.4;transform:translateY(-35px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.workbench{grid-template-columns:minmax(320px,.77fr) minmax(0,1.5fr);gap:45px}.stage{height:520px}.stage #speaker-svg,.stage #child-svg,#tool-action{height:480px}.intro{padding-top:31px;padding-bottom:30px}}
@media(min-width:761px) and (max-height:850px){.stage{height:405px}.stage #speaker-svg,.stage #child-svg,#tool-action{height:365px}.intro{padding-top:19px;padding-bottom:20px}.step-copy h2{font-size:31px}.rich-detail{font-size:13px;line-height:1.55}.tool-rack>p span{display:none}.rack-tool{padding:5px;min-height:43px}.rack-tool>span{font-size:12px}.rack-tool small{font-size:7px}.window-stage{grid-template-columns:minmax(0,1fr) 113px}.stage-heading{font-size:11px}}
@media(max-width:1100px) and (min-width:761px){.workbench{gap:24px;grid-template-columns:minmax(270px,.87fr) minmax(0,1.3fr)}.window-stage{grid-template-columns:minmax(0,1fr) 105px;gap:8px}.rack-tool{grid-template-columns:22px 1fr;gap:4px}.rack-tool>span{font-size:12px}.rack-tool svg{width:22px}.intro h1{font-size:43px}.step-copy h2{font-size:30px}.rich-detail{font-size:13px}.stage-heading{font-size:11px}}
@media(max-width:760px){.intro{padding:16px 0 15px}.intro h1{font-size:30px}.intro .eyebrow{font-size:8px;letter-spacing:1.2px}body:not([data-journey="speaker"]) .intro h1{font-size:29px;max-width:none}.journey-context{padding:7px 0;margin-bottom:8px;gap:8px}.journey-context button{padding:5px 9px;font-size:12px}.journey-context>span{font-size:10px}.journey-context .sample-note{font-size:10px;width:auto;margin-left:auto}.sample-note:empty{display:none}.window-stage{display:block}.stage{height:auto;min-height:0;margin:0 -6px}.stage #speaker-svg,.stage #child-svg{height:auto;aspect-ratio:760/600;margin:27px 0 18px;min-height:0}.stage-heading{font-size:11px;top:11px;left:12px;right:12px;line-height:1.4}.stage-foot{bottom:10px;left:12px;right:12px;font-size:9px}#tool-action{top:27px;width:100%;height:auto;aspect-ratio:760/600}.stage .part-label circle{r:34}.stage .part-label text{font-size:30px}.tool-rack{border-left:0;border-top:1px solid #d8e6dd;margin:10px -6px 0;padding:7px 0 0}.tool-rack>p{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:0 4px 5px}.tool-rack>p span{display:inline;margin:0;font-size:9px}#rack-items{flex-direction:row;gap:6px;overflow-x:auto;scrollbar-width:none;padding:3px 3px 7px}#rack-items::-webkit-scrollbar{display:none}.rack-tool{min-width:88px;max-width:99px;flex:0 0 88px;grid-template-columns:19px minmax(0,1fr);gap:4px;padding:5px 5px;min-height:46px}.rack-tool svg{width:19px;height:22px}.rack-tool>span{font-size:11px;line-height:1.1}.rack-tool small{font-size:7px}.rack-tool:hover{transform:none}.legend{font-size:10px;gap:10px;margin-top:6px}.path-cues{gap:5px;margin-bottom:8px}.path-cues>span{width:auto;font-size:8px}.path-cues .item-link{font-size:12px;padding:3px 7px}.stage-toolbar{min-height:32px;margin-bottom:6px}.view-switch button,.motion-btn{font-size:12px;min-height:32px}.view-switch button{padding:4px 9px}.view-switch{padding:3px}.motion-btn{padding:4px 2px}.step-kicker{font-size:8px;margin-bottom:6px;scroll-margin-top:65px}.step-copy h2{font-size:27px}.visual-column{margin-top:11px;margin-bottom:12px}.workbench{padding-top:12px}.lede{font-size:15px;margin-bottom:10px}.recipe{font-size:15px;line-height:1.7}.rich-detail{display:none}.why{font-size:14px;margin-top:12px}.why p{font-size:14px}.recipe .item-link{font-size:15px}.scene-label{font-size:24px}.scene-heading{font-size:25px;letter-spacing:.5px}.scene-tbd{font-size:20px}.tool-note{font-size:20px}.coil-endpoints .scene-label{font-size:20px}.assembly-nav{padding:9px 14px;margin-top:18px;gap:8px}.steps{gap:3px}.step-line{width:8px}.steps button{min-width:24px;min-height:40px}.steps button>span:first-child{width:24px;height:24px;font-size:9px}.parent-return{font-size:11px}.arrow-control{min-width:72px;padding:9px 8px;font-size:13px}.below-note{padding:13px 0 18px;font-size:11px}body:not([data-journey="speaker"]) .assembly-nav{grid-template-columns:72px 1fr 72px;column-gap:8px}body[data-journey="speaker"] .assembly-nav{display:grid;grid-template-columns:72px 1fr 72px;column-gap:8px;row-gap:4px}body[data-journey="speaker"] .parent-return{grid-column:1/-1;text-align:center;padding:2px 5px;background:none;border:0}body:not([data-journey="speaker"]) .stage-toolbar{min-height:30px}body:not([data-journey="speaker"]) #motion-btn{font-size:12px;min-height:30px}body:not([data-journey="speaker"]) .workbench{padding-top:12px}.fixture-target circle{r:31}.scene-label[data-open]{pointer-events:auto}.scale-label{display:none}}
@media(prefers-reduced-motion:reduce){#tool-action *,#child-svg *{animation:none!important;transition:none!important}.meter-action,.audio-action,.microphone-action{opacity:1!important;transform:none!important}}
body[data-journey="wire"] .stage .wire-core{opacity:1!important}.stage .part-label circle{stroke:#bba477;fill:#fffaf0}.stage #layer-coil .part-label circle{stroke:#b48e44;stroke-width:2.5}