:root{--ink:#213b4b;--muted:#657482;--line:#dfe6e9;--pale:#f6f9fa;--teal:#169eab;--teal-dark:#087781;--aqua:#b8edf0;--orange:#d5682e;--violet:#6671df;--tool:#9153ae;--energy:#a26b08;--radius:14px;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a{color:var(--teal-dark)}button{color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #23858f;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}.skip{position:absolute;top:-80px;left:20px;z-index:20;background:#fff;padding:12px}.skip:focus{top:10px}.topbar{position:sticky;top:0;z-index:10;height:70px;padding:0 32px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);display:flex;align-items:center;gap:28px;backdrop-filter:blur(12px)}.brand{font-weight:700;letter-spacing:-.3px;text-decoration:none;white-space:nowrap;color:var(--ink);display:flex;gap:10px;align-items:center}.brandmark{display:inline-grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--ink);border-radius:8px;transform:rotate(-8deg)}.breadcrumb{display:flex;gap:11px;align-items:center;overflow:auto;white-space:nowrap;scrollbar-width:thin;font-size:14px;flex:1}.breadcrumb button{border:0;background:none;padding:4px 0}.breadcrumb .relation{color:#96a4ad;font-size:17px}.breadcrumb strong{padding:4px 12px;background:#edf8f8;border-radius:6px;color:var(--teal-dark)}.preview-tag{font-size:12px;font-weight:650;background:#f1f3f6;border-radius:5px;padding:6px 10px;white-space:nowrap}.layout{display:grid;grid-template-columns:196px minmax(0,1fr);max-width:1600px;margin:auto}.rail{border-right:1px solid var(--line);padding:34px 22px 26px;position:sticky;top:70px;align-self:start;height:calc(100vh - 70px);display:flex;flex-direction:column;gap:26px}.rail-label,.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.rail-label{color:#81909a;margin:0 0 10px}.rail nav{display:flex;flex-direction:column;gap:3px}.rail a{font-size:14px;text-decoration:none;color:var(--muted);padding:9px 11px;border-left:2px solid transparent;margin-left:-12px}.rail a:hover{background:var(--pale)}.rail a.active{border-color:var(--teal);color:var(--ink);background:#f0f9fa;font-weight:600}.rail .stepnav{display:flex;align-items:center;gap:9px;line-height:1.4}.stepnav span{font-size:12px;border:1px solid var(--line);width:23px;height:23px;border-radius:50%;display:grid;place-items:center;flex:none}.rail-foot{margin-top:auto;font-size:12px;color:var(--muted);line-height:1.6}.rail-foot .context-button{font-size:13px;padding:9px 12px;width:100%;margin-bottom:12px}.main{min-width:0;padding:38px 48px 0}.hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:32px;row-gap:14px;position:relative}.hero-heading{grid-column:1/-1;display:flex;align-items:start;justify-content:space-between;gap:24px}.eyebrow{color:#397085;margin:0 0 14px}.hero h1{font:normal clamp(42px,4.6vw,68px)/1.06 var(--serif);letter-spacing:-2px;margin:0 0 14px;max-width:650px}.lede{color:var(--muted);margin:0;font-size:17px;max-width:550px}.chapter-badge{margin:7px 0;color:#8b969d;font-size:13px;line-height:1.5;text-align:right;white-space:nowrap}.chapter-badge strong{font:normal 38px var(--serif);color:#d4dfe3;display:block}.exploded-panel{margin-top:4px;position:relative;min-width:0}.diagram-topline{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:7px}.diagram-topline span{display:flex;align-items:center;gap:7px}.dot{width:7px;height:7px;border-radius:50%;background:var(--teal);display:inline-block}.icon-btn{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 10px;font-size:13px}.icon-btn:hover{background:var(--pale)}.exploded-svg{width:100%;height:auto;display:block;max-height:490px;overflow:visible}.svg-hotspot{cursor:pointer;outline:none}.svg-hotspot .hotspot-circle{fill:white;stroke:#294c61;stroke-width:1.3;transition:fill .2s,stroke .2s}.svg-hotspot text{fill:#294c61;font:600 16px sans-serif}.svg-hotspot:hover .hotspot-circle,.svg-hotspot:focus .hotspot-circle,.svg-hotspot.selected .hotspot-circle{fill:#294c61}.svg-hotspot:hover text,.svg-hotspot:focus text,.svg-hotspot.selected text{fill:white}.layer{transition:opacity .3s,filter .3s}.layer.dim{opacity:.33}.layer.selected{filter:drop-shadow(0 5px 7px #3e96a82b)}.explode-control{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0;font-size:13px;color:var(--muted)}.explode-control input{flex:1;width:50px;accent-color:var(--teal);height:22px}.caption{font-size:12px;color:#81909a;margin:3px 0 0}.part-index{padding-top:34px;align-self:start}.part-preview{padding-bottom:22px;border-bottom:1px solid var(--line);min-height:231px}.large-number{font:normal 34px var(--serif);color:#b17b29;line-height:1}.part-preview h2{font:normal 29px/1.15 var(--serif);margin:12px 0 12px}.part-preview p{font-size:15px;color:var(--muted);margin:0 0 18px;line-height:1.6}.soft-button{background:#eaf8f8;color:var(--teal-dark);border:1px solid #cbe7e8;border-radius:7px;padding:10px 14px;font-size:14px;display:inline-flex;align-items:center;gap:14px}.soft-button:hover{background:#d9f0f1}.part-list{margin:16px 0 0;display:flex;flex-direction:column;gap:3px}.part-list button{border:0;background:white;padding:12px 6px;display:flex;text-align:left;gap:16px;align-items:center;font-size:14px;color:var(--muted);border-radius:7px}.part-list button:hover{background:var(--pale)}.part-list button.active{color:var(--ink);background:#f1f8f9;font-weight:600}.part-list .part-n{font-size:12px;color:#456b7b;min-width:16px}.type-chip{font-size:10px;font-weight:700;letter-spacing:.7px;border:1px solid #d1e2e6;border-radius:4px;padding:3px 5px;color:var(--teal-dark);text-transform:uppercase;margin-left:auto;line-height:1}.overview{padding-bottom:28px;scroll-margin-top:90px}.section{scroll-margin-top:100px}.motion-section{border:1px solid #d9e8ec;border-radius:var(--radius);background:linear-gradient(110deg,#f5fafb,#f8faff);display:grid;grid-template-columns:.8fr 1.2fr;margin-top:18px;padding:30px;gap:24px;align-items:center}.section-title{font:normal 30px/1.22 var(--serif);letter-spacing:-.5px;margin:0 0 14px}.motion-copy p{font-size:15px;color:var(--muted);margin:0 0 22px}.primary{background:#264b60;color:white;border:1px solid #264b60;padding:10px 17px;border-radius:6px;font-size:14px;font-weight:600}.primary:hover{background:#183c50}.motion-controls{display:flex;gap:9px;align-items:center;margin-bottom:19px;flex-wrap:wrap}.text-button{background:none;border:0;font-size:14px;text-decoration:underline;text-underline-offset:4px;padding:8px;color:var(--teal-dark)}.range-row{font-size:13px;color:var(--muted);display:flex;gap:12px;align-items:center;max-width:275px}.range-row input{width:100%;accent-color:var(--teal);min-width:70px}.motion-visual{min-width:0}.motion-svg{width:100%;display:block}.motion-visual text,.assembly-svg text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.legend{display:flex;justify-content:center;gap:17px;font-size:12px;flex-wrap:wrap;margin-top:8px;color:#5c6e7c}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:15px;height:3px;display:inline-block;background:var(--teal)}.legend i.fixed{background:#6b70db}.legend i.force{background:var(--orange)}.signal-meter{border-top:1px solid #dfe7ed;display:flex;justify-content:space-between;gap:8px;padding-top:10px;margin-top:15px;font-size:13px;color:var(--muted)}.signal-meter b{color:var(--teal-dark);font-weight:600}.assembly-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:44px 0 21px}.assembly-header p{font-size:14px;color:var(--muted);margin:0}.assembly-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:38px}.step-card{border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--ink);padding:16px 16px 18px;display:flex;flex-direction:column;gap:9px;position:relative;background:white;transition:border-color .2s,transform .2s}.step-card:hover{border-color:#7fbbc5;transform:translateY(-2px)}.step-card .circle-number{height:25px;width:25px;font-size:12px;align-self:start}.step-card svg{width:100%;height:92px;display:block}.step-card strong{font-size:14px;line-height:1.4}.step-card small{font-size:12px;color:var(--muted);line-height:1.4}.step-card .arrow{position:absolute;right:16px;top:16px;color:var(--teal)}.circle-number{height:37px;width:37px;border-radius:50%;background:#294d61;color:white;display:inline-grid;place-items:center;flex:none;font-size:14px}.step-section{border-top:1px solid var(--line);padding:32px 0 34px;scroll-margin-top:90px}.step-title{display:flex;gap:14px;align-items:center;margin-bottom:21px}.step-title h2{font:normal 29px/1.2 var(--serif);margin:0}.step-title .step-result{margin-left:auto;color:var(--teal-dark);font-size:12px;background:#f0f9f8;padding:6px 10px;border-radius:5px;white-space:nowrap}.step-body{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:38px;align-items:center}.step-body.reverse .step-art{order:2}.step-art{border-radius:12px;background:#f7fafb;padding:16px 20px;position:relative;min-width:0}.step-art.orange-art{background:#fffaf5}.step-art.purple-art{background:#f7f7ff}.step-art .art-label{font-size:10px;letter-spacing:1.5px;font-weight:650;color:#85939e;text-transform:uppercase;margin-bottom:3px;display:block}.assembly-svg{width:100%;height:auto;display:block}.step-art .caption{font-size:11px;text-align:center;margin:0}.step-copy p{margin:0 0 17px;font-size:16px;line-height:1.9;color:#536777}.step-copy .outcome{padding:10px 13px;background:#f4f8f9;border-left:3px solid #a6cdd3;line-height:1.5;font-size:14px;color:var(--ink);margin:17px 0}.inspect-token{display:inline-flex;align-items:baseline;gap:6px;white-space:normal;vertical-align:baseline;line-height:1.4;border-radius:5px;border:1px solid #c6e3e6;color:var(--teal-dark);background:#edf9fa;font-size:14px;padding:3px 7px;margin:0 1px;box-decoration-break:clone}.inspect-token em{font-size:9px;font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding-right:5px;border-right:1px solid #b5dbdf}.inspect-token:hover{background:#d7eff1}.inspect-token.tool{color:#7c3f98;background:#f8effc;border-color:#e1cbe9}.inspect-token.tool em{border-color:#dec3e8}.inspect-token.material{color:#aa5624;background:#fff3e8;border-color:#f0d4be}.inspect-token.material em{border-color:#eacbb3}.inspect-token.energy{color:#8a600b;background:#fff7da;border-color:#e9dba7}.inspect-token.energy em{border-color:#e0cd8a}details{border-top:1px solid var(--line);margin-top:19px;padding-top:13px;font-size:14px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);font-size:14px;font-weight:600}details p{font-size:14px!important;line-height:1.65!important;margin:12px 0 0!important}.art-controls{display:flex;justify-content:center;gap:10px;align-items:center;margin:8px 0;font-size:12px}.art-controls button{border:1px solid #d5e2e8;border-radius:6px;background:#fff;padding:6px 11px;font-size:12px}.art-controls input{accent-color:var(--teal);max-width:130px}.art-controls button.active{background:#254b60;color:white;border-color:#254b60}.alignment-message{font-size:12px;line-height:1.4;color:var(--teal-dark);text-align:center;min-height:34px}.test-controls{display:flex;gap:6px;justify-content:center;margin:7px 0}.test-controls button{font-size:11px;padding:6px 9px;border:1px solid #d2dce5;border-radius:5px;background:white;color:var(--muted)}.test-controls button.active{background:#edf1fe;color:#4756b5;border-color:#b9c4f3}.test-note{color:#6b719e;font-size:12px;line-height:1.45;text-align:center;min-height:35px}.end-card{border:1px solid #dde9ea;border-radius:12px;padding:25px 28px;margin:6px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:26px;background:#f7fbfa}.end-card h2{font:normal 27px var(--serif);margin:0 0 7px}.end-card p{font-size:14px;color:var(--muted);margin:0}.source-note{border-top:1px solid var(--line);padding:24px 0 28px;font-size:12px;color:#81909a;line-height:1.65;display:flex;gap:30px;justify-content:space-between}.source-note p{margin:0;max-width:650px}.source-note a{color:#677f8c}.source-note strong{font-size:11px;color:#536e7c}.source-note .page-no{font:normal 24px var(--serif);color:#c2ccd1}.dialog{border:1px solid var(--line);padding:0;border-radius:15px;max-width:520px;width:calc(100% - 32px);max-height:85vh;color:var(--ink);box-shadow:0 25px 90px #18334430;overflow:auto}.dialog::backdrop{background:#17354245;backdrop-filter:blur(3px)}.dialog-head{padding:20px 25px;display:flex;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);align-items:center}.dialog-head h2{font:normal 25px/1.2 var(--serif);margin:0}.close-button{border:0;background:#f0f4f5;border-radius:50%;width:33px;height:33px;font-size:20px;flex:none;line-height:1}.dialog-content{padding:23px 25px}.dialog-content .type-label{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700;color:var(--teal-dark);display:inline-block;margin-bottom:12px}.dialog-content p{font-size:15px;color:var(--muted);margin:0 0 18px}.dialog-relationship{background:#f3f7f8;border-radius:8px;padding:12px 15px;font-size:14px;margin-bottom:18px}.dialog-relationship span{display:block;font-size:10px;font-weight:650;letter-spacing:1px;color:#83929e;text-transform:uppercase;margin-bottom:4px}.dialog-list{font-size:14px;color:var(--muted);padding:0;list-style:none;margin:0 0 20px}.dialog-list li{padding:8px 0;border-bottom:1px solid var(--line)}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.scope-note{font-size:12px!important;background:#fff8eb;padding:12px;border-radius:7px;color:#8e7034!important;margin:18px 0 0!important}.branch-path{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;margin-bottom:20px}.branch-path span{background:#eef4f5;border-radius:5px;padding:4px 8px}.branch-icon{border:1px solid #f0dfbd;background:#fff8eb;border-radius:10px;width:55px;height:55px;display:grid;place-items:center;font-size:23px;color:#af8440;margin-bottom:18px}.context-tree{display:flex;flex-direction:column;gap:12px;margin:10px 0 25px}.context-node{border:1px solid #dbe5e8;border-radius:8px;padding:13px 16px;font-size:14px;display:flex;justify-content:space-between;align-items:center}.context-node.sound{margin-left:25px}.context-node.speaker{margin-left:50px;background:#eaf9f9;color:var(--teal-dark);border-color:#b7dfe2}.context-node small{font-size:11px;color:#8b989f}.zoom-dialog{max-width:900px}.zoom-dialog .exploded-svg{max-height:65vh;min-height:300px}.zoom-body{padding:20px}.zoom-controls{display:flex;align-items:center;gap:15px;font-size:13px}.zoom-controls input{accent-color:var(--teal);flex:1}.zoom-stage{height:58vh;min-height:300px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fcfefe}.zoom-stage svg{display:block;margin:auto;max-height:none;transform-origin:center center}.zoom-dialog .caption{text-align:center;margin:10px 0}.assembly-svg .coil-motion{transition:transform .7s ease}.assembly-svg .join-top{transition:transform .7s ease}.flash{animation:flash 1s ease}.hidden{display:none!important}@keyframes flash{50%{opacity:.45}}@media(min-width:1450px){.main{padding:42px 65px 0}.hero{grid-template-columns:minmax(0,1fr) 360px}.exploded-svg{max-height:500px}.step-body{gap:50px}.step-art{padding:20px 28px}.assembly-header{margin-top:42px}}@media(max-width:1180px){.topbar{padding:0 22px;gap:22px}.layout{grid-template-columns:165px minmax(0,1fr)}.main{padding:32px 30px 0}.rail{padding:28px 19px}.hero{grid-template-columns:minmax(0,1fr) 280px;gap:17px}.hero h1{font-size:51px}.motion-section{padding:24px;gap:20px}.section-title{font-size:27px}.step-body{gap:26px}.step-title h2{font-size:26px}.step-title .step-result{display:none}.part-preview h2{font-size:27px}.part-preview{min-height:238px}.part-list button{font-size:13px;padding:10px 5px}.step-card{padding:12px}.assembly-overview{gap:9px}.step-card strong{font-size:13px}.step-card small{font-size:11px}}@media(max-width:980px){.layout{grid-template-columns:1fr}.rail{display:none}.main{padding:30px 32px 0}.hero{grid-template-columns:minmax(0,1fr) 300px}.hero h1{font-size:55px}.brand{font-size:14px}.preview-tag{display:none}.topbar{height:62px}.breadcrumb{font-size:13px}.step-copy p{font-size:15px}.section{scroll-margin-top:82px}}@media(max-width:720px){html{scroll-padding-top:122px}.topbar{height:auto;min-height:101px;padding:14px 20px 10px;display:block}.brand{font-size:14px;margin-bottom:8px;gap:8px}.brandmark{width:23px;height:23px;font-size:12px;border-radius:6px}.breadcrumb{font-size:12px;gap:9px;padding-bottom:3px}.breadcrumb strong{padding:2px 9px}.main{padding:25px 20px 0}.hero{display:block}.hero-heading{display:block}.hero h1{font-size:45px;letter-spacing:-1.5px;line-height:1.07;max-width:490px}.eyebrow{font-size:10px;margin-bottom:12px}.lede{font-size:16px;max-width:400px}.chapter-badge{display:none}.diagram-topline{margin-top:25px}.exploded-svg{max-height:440px}.part-index{padding-top:16px;display:flex;flex-direction:column}.part-preview{order:2;padding:19px 0 14px;min-height:0;border:0}.part-preview .large-number{font-size:25px;float:left;margin-right:12px;margin-top:7px}.part-preview h2{font-size:25px;margin:0 0 10px}.part-preview p{margin:0 0 14px;font-size:15px}.part-list{order:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;border-top:1px solid var(--line);padding-top:12px}.part-list button{font-size:12px;display:block;text-align:center;padding:10px 5px;line-height:1.4;border:1px solid transparent}.part-list button.active{border-color:#c2e2e5}.part-list .part-n{display:block;line-height:1;margin-bottom:7px;font-weight:600;font-size:11px}.part-list .type-chip{display:none}.part-list .mobile-label{display:block}.motion-section{margin-top:10px;display:flex;flex-direction:column;padding:24px 20px;gap:13px}.motion-copy{width:100%}.motion-copy p{margin-bottom:18px}.section-title{font-size:28px}.motion-controls{margin-bottom:11px}.motion-visual{width:100%}.range-row{max-width:100%;font-size:12px}.motion-svg{margin-top:4px}.signal-meter{font-size:12px}.legend{font-size:11px;gap:13px}.assembly-header{display:block;margin-top:32px}.assembly-header .section-title{margin-bottom:8px}.assembly-header p{font-size:13px}.assembly-overview{grid-template-columns:1fr 1fr;margin-bottom:27px;gap:10px}.step-card{padding:13px 13px 15px}.step-card svg{height:90px}.step-card strong{font-size:14px}.step-card small{font-size:12px}.step-section{padding:26px 0 28px;scroll-margin-top:120px}.step-title{gap:11px;align-items:start;margin-bottom:18px}.step-title .circle-number{width:31px;height:31px;font-size:12px;margin-top:2px}.step-title h2{font-size:25px}.step-body{display:flex;flex-direction:column;gap:20px;align-items:stretch}.step-body.reverse .step-art{order:0}.step-art{padding:17px 14px}.step-copy p{font-size:16px;line-height:1.9}.inspect-token{font-size:14px}.step-copy .outcome{font-size:14px}.end-card{display:block;padding:22px 20px}.end-card h2{font-size:25px}.end-card .soft-button{margin-top:18px}.source-note{font-size:11px;gap:15px}.source-note .page-no{display:none}.dialog-head{padding:19px 21px}.dialog-content{padding:22px 21px}.zoom-body{padding:15px}.zoom-dialog .exploded-svg{min-height:280px}.zoom-stage{height:53vh}.dialog-actions .soft-button{font-size:13px}.caption{font-size:11px}.explode-control{padding:12px 0 4px}.overview{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.layer{transition:none}}
.flux-line.flowing{animation:flux-guide 1.7s linear infinite}@keyframes flux-guide{to{stroke-dashoffset:-30}}.art-controls button,.test-controls button{font-size:14px}.test-controls{flex-wrap:wrap}.dialog button{min-height:40px}.inspect-token{min-height:30px}.desktop-label{display:inline}.part-list button{min-height:44px}
.svg-hotspot{pointer-events:bounding-box}
@media(max-width:720px){.part-list button{font-size:14px}.desktop-label{display:none}.art-controls button{padding:7px 10px}.test-controls button{font-size:13px;padding:8px 9px}.diagram-topline{font-size:12px}.art-controls{font-size:13px}}

.inspector-path{position:sticky;top:0;z-index:2;background:#fff;white-space:nowrap;overflow:auto;font-size:14px;padding:12px 0;margin-bottom:16px;border-bottom:1px solid #e2e8ec;scrollbar-width:thin}
.figure-modes{display:flex;gap:6px;margin:12px 0 3px}.figure-modes button{font-size:12px;border:1px solid #deded8;background:white;color:#6a737a;border-radius:6px;padding:6px 10px}.figure-modes button.active{background:#f4f1ea;border-color:#c8baa2;color:#5f523c}.warm-figure{position:relative;width:100%;max-width:535px;margin:auto}.warm-figure[hidden],#schematic-figure[hidden]{display:none}.warm-figure img{width:100%;height:auto;display:block}.image-hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:42px;height:42px;display:grid;place-items:center;border:1.3px solid #294c61;border-radius:50%;background:#fffefa;color:#294c61;text-decoration:none;font-size:16px;font-weight:600;box-shadow:0 3px 8px #32465213}.image-hotspot:hover,.image-hotspot.selected{background:#294c61;color:white}.image-hotspot.ready-hotspot{border:2px solid #b78540;outline:4px solid #d8a54f2e;outline-offset:3px;color:#946628;background:#fffdf7}.hotspot-ready{position:absolute;right:-6px;top:49px;width:115px;text-align:center;font-size:11px;line-height:1.3;background:#fffaf1;border:1px solid #d8bb87;padding:5px 6px;border-radius:20px;color:#946628;font-weight:600}.part-list a{padding:12px 6px;display:flex;text-align:left;gap:16px;align-items:center;font-size:14px;color:var(--muted);border-radius:7px;text-decoration:none;min-height:44px}.part-list a.ready-part{border:1px solid #c5a263;background:#fffcf5;margin:7px 0}.ready-part .type-chip{color:#91631e;border-color:#d7bc90}.ready-path{border:1.5px solid #bc975d;background:#fffcf4;border-radius:9px;text-decoration:none;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:12px 14px;color:#6d5735;font-size:14px;line-height:1.4}.ready-path:hover{background:#fff4d7;border-color:#a77d3c}.ready-ring{font-style:normal;border:1px solid currentColor;border-radius:50%;padding:4px 10px;display:inline-block;white-space:nowrap;font-size:11px;font-weight:650;line-height:1.5;color:#a17534}.part-ready-path{margin-top:13px}.ready-token{text-decoration:none;border:1.5px solid #bc975d;background:#fffcf4;color:#856331;padding:4px 7px}.ready-token .ready-ring{font-size:10px;padding:1px 6px}.ready-token.tool,.tool-path{border-color:#a47faf;background:#fdf8ff;color:#7c4b8b}.ready-token.tool .ready-ring,.tool-path .ready-ring{color:#8d6199}.end-paths{display:flex;flex-direction:column;gap:10px;min-width:265px}.inline-inspector{scroll-margin-top:90px;border:1px solid #d8e5e8;border-radius:13px;background:#fbfdfd;padding:24px 28px;margin:20px 0 30px}.inline-inspector[hidden]{display:none}.inline-inspector .inspector-path{position:static;background:transparent;margin-top:-8px;white-space:normal;line-height:1.7}.inline-inspector-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.inline-inspector h2{font:normal 29px var(--serif);margin:5px 0 14px}.inline-inspector .type-label{font-size:11px;font-weight:650;letter-spacing:1.1px;color:#63868d;text-transform:uppercase}.inline-inspector p{font-size:15px;color:var(--muted)}.inline-inspector .dialog-list{margin:0}.inline-inspector .dialog-relationship{background:#eef5f6}.article-main{padding-bottom:0}.article-heading{margin:4px 0 18px}.article-heading h1{font:normal 56px/1.07 var(--serif);letter-spacing:-1.7px;margin:0 0 17px}.article-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;margin:15px 0 28px}.article-hero p{font-size:17px;color:var(--muted);line-height:1.8;margin:0 0 22px}.article-hero .warm-figure{max-width:380px}.article-hero .caption{font-size:12px}.coil-focus{position:absolute;left:22%;top:26%;width:57%;height:18%;border:1.5px dashed #ba7c31;border-radius:20%;pointer-events:none}.article-relationship{font-size:14px;color:#5d717c;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.sample-disclosure{padding:12px 15px;background:#fffaf0;border:1px solid #eddebe;border-radius:8px;font-size:13px;color:#927245;margin:20px 0 27px}.caller-bar{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#f2f8f8;border-radius:8px;padding:12px 15px;margin:24px 0 30px;font-size:14px}.caller-bar a{font-weight:600;text-decoration:none;color:#397184}.caller-bar small{color:#758b94;font-size:12px}.article-path a{color:var(--ink);text-decoration:none}.article-path .path-relation{font-size:11px;padding:3px 6px;border:1px solid #dddae3;color:#887493;border-radius:4px}.article-step{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid var(--line);padding:28px 0 31px;align-items:center;scroll-margin-top:90px}.article-step h2{font:normal 28px/1.2 var(--serif);margin:0 0 15px}.article-step p{font-size:16px;line-height:1.9;color:#536777;margin:0 0 17px}.article-step .step-kicker{font-size:11px;font-weight:650;letter-spacing:1.4px;color:#a27c43;margin-bottom:10px}.article-diagram{border:1px solid #e8e3db;border-radius:12px;padding:16px;background:#fffcf7}.article-diagram svg{width:100%;height:auto;display:block}.article-diagram text{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.article-step:nth-of-type(even) .article-diagram{order:2}.fixture-hero-diagram{background:#fcfaf7;border:1px solid #e8e2d8;border-radius:12px;padding:20px}.fixture-hero-diagram svg{width:100%;height:auto;display:block}.child-return{margin:12px 0 25px}.child-return .soft-button{text-decoration:none}.breadcrumb strong{white-space:nowrap}.article-rail-return{text-decoration:none!important;border:1px solid #cfe4e6!important;background:#f3fafa;display:block;border-radius:6px;margin-top:12px!important;padding:10px!important;font-size:13px!important}
.article-diagram #sample-turns,.article-diagram #fixture-guides{transition:opacity .35s,transform .5s}
/* Warm paper, leaf green and quiet brass. */
:root{--ink:#34493a;--muted:#747f70;--line:#daddcd;--pale:#f4f3e8;--teal:#729268;--teal-dark:#4d7048;--aqua:#dbe7cd;--orange:#b6853c;--violet:#8d9e7b;--tool:#927b40;--energy:#927b40}
[hidden]{display:none!important}body{background:#fbf8ed}.topbar{background:rgba(251,248,237,.97)}.main{background:#fffdf6}.eyebrow{color:#6c865d}.rail-label{color:#8b947e}.rail a.active{background:#edf1df;border-color:#829867}.breadcrumb strong{background:#e9efdc;color:#536e43}.breadcrumb .path-relation{color:#897642;border-color:#ded2a8}.brandmark{border-color:#6b7f5c}.primary{background:#5c7851;border-color:#5c7851}.primary:hover{background:#48623e}.soft-button{background:#f1f2df;border-color:#d6dcb8;color:#5b7046;text-decoration:none}.soft-button:hover{background:#e5ebd0}.part-list button,.part-list a{background:transparent}.part-list button.active{background:#edf2df;color:#4f6c46}.type-chip{color:#7c8868;border-color:#d5dbc2;font-size:9px;font-weight:500}.part-list a.ready-part{background:#faf6e4;border-color:#c8b379}.large-number{color:#aa8b49}.image-hotspot{background:#fffdf4;border-color:#6b8057;color:#526f44}.image-hotspot:hover,.image-hotspot.selected{background:#607b50;color:#fffdf4}.image-hotspot.ready-hotspot{background:#fffaf0;border-color:#b89953;color:#886d30;outline-width:2px;outline-offset:2px}.hotspot-ready{width:63px;font-weight:400;right:-10px;top:45px;color:#89703c;background:#fff9e9;border-color:#d8c792}.warm-figure img,.cutaway-figure img{mix-blend-mode:multiply}.motion-section{background:#f5f5e9;border-color:#dbe1c8}.motion-copy p{color:#72816a}.motion-copy .eyebrow{color:#839066}.purple-art,.step-art.purple-art{background:#f2f2e6}.orange-art,.step-art.orange-art{background:#faf6e9}.step-art{background:#f3f6e9}.step-title .step-result{background:#eff2df;color:#6d8059}.outcome,.step-copy .outcome{background:#f2f3e6;border-left-color:#bdc9a0}.step-copy p{color:#66775e}.figure-modes button{background:#fffdf6;border-color:#dadcc9;color:#7b836d}.figure-modes button.active{background:#e9edda;color:#5e7350;border-color:#b5c19a}.signal-meter{border-color:#d7dfc9}.signal-meter b{color:#6b8058}.legend i{background:#779369}.legend i.fixed{background:#a4ad95}.legend i.force{background:#b79a50}.end-card,.caller-bar{background:#f2f3e4;border-color:#d7ddc1}.source-note{color:#8b947f}.source-note a{color:#788a68}.article-diagram,.fixture-hero-diagram{background:#f7f4e8;border-color:#dfdfc8}.sample-disclosure,.standin-note{font-size:13px;line-height:1.65;padding:12px 0;color:#8a7950;border:0;border-top:1px solid #d8cfaa;border-bottom:1px solid #d8cfaa;background:transparent;margin:23px 0 28px}.article-relationship{color:#6c7f60}.caller-bar a{color:#5f7951}.ready-path{background:transparent;border:1px solid #c5b27a;color:#7d744e}.tool-path{border-color:#c5b27a;color:#7d744e;background:transparent}.ready-path:hover{background:#f1eedb}.ready-ring{display:none}.ready-token,.ready-token.tool{border:0;border-bottom:1px solid #bfc99f;border-radius:0;background:transparent;color:#5c7950;padding:1px 3px}.ready-token.tool{border-bottom-color:#c8b77e;color:#8a7441}.ready-token em{position:absolute;opacity:0;pointer-events:none}.ready-token:hover em,.ready-token:focus-visible em{opacity:1}.role-hint{position:absolute;left:2px;top:-13px;font-size:9px;font-weight:500;line-height:1;letter-spacing:.4px;color:#8e947d;background:#fffdf4;padding:2px 4px;opacity:0;pointer-events:none}.inline-link{display:inline;position:relative;text-decoration:none;padding:1px 3px;border-bottom:1px solid #bfcca1;border-radius:3px;color:#5b774e;font-size:16px;line-height:1.8;white-space:normal}.inline-link.tool-link{color:#887445;border-bottom-color:#cabc8b}.inline-link:hover,.inline-link:focus-visible{background:#edf1dc}.inline-link:hover .role-hint,.inline-link:focus-visible .role-hint{opacity:1}.inline-link.tool-link .role-hint{color:#998148}.inline-link span{font-size:12px;opacity:.65}.article-rail-return{background:#eef1dd!important;border-color:#d0d8b5!important;color:#657a50!important}.article-step .step-kicker{color:#9b8956}.article-hero p{font-size:16px;color:#6b7b61}.test-note{color:#7c846d}.test-controls button.active{background:#e7edda;border-color:#b6c798;color:#5e774c}.test-controls button{border-color:#d2d8bf;background:#fffdf6;color:#7a846b}.tool-use-controls{display:flex;flex-wrap:wrap;gap:9px 13px;align-items:center;justify-content:center;margin:10px 0}.tool-use-controls .inline-link{font-size:13px}.tool-use-controls button{font-size:12px;border:1px solid #c7b87f;border-radius:6px;background:#f7f2df;color:#8a7746;padding:7px 10px}.working-tool{transition:transform .65s ease,opacity .65s;opacity:.42;pointer-events:bounding-box}.working-tool.at-work{opacity:.95}.tool-rack{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 13px;padding:10px 0 4px;border-top:1px solid #dde0cb}.tool-rack .inline-link{font-size:12px}.cutaway-figure{margin:10px 0 0}.cutaway-figure img{width:100%;height:auto;display:block}.cutaway-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:12px}.cutaway-links .inline-link{font-size:13px}.cutaway-figure .caption{text-align:center;color:#9b9c87}.object-focus{position:absolute;pointer-events:none;border:1px dashed #ac9a5c;border-radius:12px}.focus-magnet,.focus-iron{left:11%;top:42%;width:78%;height:26%}.focus-wire{left:23%;top:26%;width:55%;height:17%}.focus-film{left:9%;top:5%;width:82%;height:25%}.focus-frame{left:9%;top:63%;width:82%;height:32%}.article-object-figure{position:relative}.tbd-diagram{align-self:stretch;display:grid;place-items:center}.article-step .tbd-diagram{min-height:210px}.child-return h2{font-size:25px}#part-actions{display:flex;gap:8px;flex-wrap:wrap}#part-actions .soft-button{font-size:13px;padding:9px 11px}.art-controls button{background:#fffdf4;border-color:#d7ddc4;color:#728461}.art-controls button.active{background:#6b8559;color:#fffdf3;border-color:#6b8559}.caption{color:#8a9480}.dialog{background:#fffdf5;border-color:#d4dbc0}.dialog-head{border-color:#dce2c9}.zoom-stage{background:#fffdf5;border-color:#dce2c9}.close-button{background:#eef1df;color:#657750}
@media(hover:hover){.part-list .type-chip{opacity:.45}.part-list button:hover .type-chip,.part-list a:hover .type-chip{opacity:1}.hotspot-ready{opacity:0}.image-hotspot:hover .hotspot-ready,.image-hotspot:focus-visible .hotspot-ready{opacity:1}}
@media(pointer:coarse){.role-hint{position:static;font-size:9px;margin-right:4px;opacity:.75;background:none;padding:0;vertical-align:middle}.ready-token em{position:static;opacity:.75;display:inline;font-size:8px}.inline-link{padding:3px 2px}.tool-rack .inline-link{font-size:13px}}
@media(max-width:720px){.inline-link{font-size:16px}.tool-use-controls{gap:8px}.tool-use-controls button{font-size:11px}.cutaway-links .inline-link{font-size:13px}.standin-note{font-size:12px;margin:20px 0 24px}.role-hint{top:-11px}.hotspot-ready{width:53px;right:-3px}.end-paths{gap:14px}.article-hero .article-diagram{min-height:230px}.child-return h2{font-size:23px}.main{background:#fffdf6}.article-path .path-relation{font-size:9px}.article-step .tbd-diagram{min-height:180px}}
.focus-magnet{left:34%;top:52%;width:42%;height:20%}.focus-iron{left:38%;top:38%;width:31%;height:18%}
@media(max-width:1180px){.article-hero{gap:25px}.article-heading h1{font-size:49px}.article-step{gap:26px}.ready-token .ready-ring{font-size:9px}.part-list a{font-size:13px;gap:10px}}
@media(max-width:720px){.figure-modes button{font-size:11px}.warm-figure{max-width:400px}.image-hotspot{width:40px;height:40px;font-size:15px}.hotspot-ready{font-size:10px;right:-5px;width:96px;top:45px}.part-list a{font-size:14px;display:block;text-align:center;padding:10px 5px}.part-list a.ready-part{margin:0}.part-list a .type-chip{display:block;font-size:8px;padding:3px 0;margin:5px 0 0;border:0}.part-list a .part-n{margin-bottom:7px}.part-ready-path{padding:10px 13px}.inline-inspector{padding:21px 18px;scroll-margin-top:117px}.inline-inspector-heading{display:block}.inline-inspector .text-button{display:inline-block;padding:0 0 12px}.end-paths{margin-top:17px;min-width:0}.ready-ring{font-size:11px}.ready-token .ready-ring{font-size:10px}.article-heading h1{font-size:43px}.article-hero{display:flex;flex-direction:column;gap:16px;align-items:stretch}.article-hero .warm-figure{max-width:310px}.article-hero p{font-size:16px}.article-step{display:flex;flex-direction:column;gap:19px;align-items:stretch;scroll-margin-top:122px}.article-step:nth-of-type(even) .article-diagram{order:0}.article-step h2{font-size:26px}.article-step p{font-size:16px}.caller-bar{display:block;font-size:13px;padding:12px 13px}.caller-bar small{display:block;margin-top:5px;font-size:11px}.article-diagram{padding:13px}.sample-disclosure{font-size:12px}.article-path .path-relation{font-size:10px}.article-path{padding-bottom:5px}.article-heading{margin-top:0}.child-return{margin-top:15px}}