/* The learning lens retains the bench's instrument-like type and material palette. */
[hidden]{display:none!important}
#learn-toggle{border-left:1px solid #acbbaa;transition:none}#learn-toggle[aria-pressed=true]{background:#365c4d;color:white}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;line-height:1.6;color:#536447}.learn-heading{font:29px/1.08 Georgia,serif;font-weight:normal;margin:10px 0 22px}
.learn-active .manifest>.calibre,.learn-active .manifest>.list-heading,.learn-active #part-tree,.learn-active .manifest-foot,.learn-active>.lesson{display:none}
.learn-active #selection>:not(#assembly-actions):not(#clear-obstruction){display:none}.learn-active #mode-content{margin-top:15px}
#chapter-nav{display:block;margin-bottom:24px}#chapter-nav button{width:100%;display:flex;align-items:baseline;gap:10px;text-align:left;font-size:12px;padding:9px 4px;border:0;border-radius:0;border-bottom:1px solid #d9dfd4;min-width:0}#chapter-nav button span{font:14px Georgia,serif;min-width:20px;color:#5a6d50}#chapter-nav button[aria-current=step]{background:#e1e8d8;box-shadow:inset 3px 0 #496548;padding-left:8px}
.library-box{border-top:1px solid #aebaa6;padding-top:14px}.library-box>summary,#glossary>summary{font-size:13px;font-weight:600;cursor:pointer}.library-box summary span{float:right;font-size:11px;color:#65705b}.library-box label{display:block;font-size:11px;margin:14px 0 5px}.library-box input{width:100%;padding:8px;border:1px solid #acb8a6;border-radius:4px;background:#fffef7;color:#243b36;font-size:11px}.library-box details{border-bottom:1px solid #d7dfd1;padding:8px 0}.library-box details summary{font-size:12px;cursor:pointer}.library-box details button{display:block;width:100%;font-size:11px;text-align:left;padding:7px 4px;border:0;border-radius:0}.library-box details button[aria-pressed=true]{background:#dde7d6;box-shadow:inset 2px 0 #365c4d}.demo-mark{float:right;font-size:9px;border:1px solid #9ca98f;padding:0 3px;margin-left:2px}
#glossary{margin-top:17px;border-top:1px solid #bbc7b2;padding-top:13px}#glossary button{border:0;text-decoration:underline;font-size:12px;padding:12px 0 0}#glossary p{font-size:11px;line-height:1.5;margin:5px 0 0}
#study-heading{padding:17px 22px 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#eef1e7;border-bottom:1px solid #bfcab3}#study-heading>.eyebrow{width:100%}#study-heading h2{font:23px/1.15 Georgia,serif;font-weight:normal;margin:0 auto 0 0}#study-heading select{max-width:240px;padding:7px 5px;background:#f8f9f2;border:1px solid #b3c0a7;font-size:11px;border-radius:4px}#return-movement{font-size:11px;padding:7px}
.has-schematic .view-toolbar,.has-schematic .view-options,.has-schematic .transport,.has-schematic .time-note,.has-schematic #power-path{display:none!important}
.has-schematic{background:#f4f5ec}#study-view{flex:1;min-height:250px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#fffef5,#e7ebde);overflow:hidden}.study-svg{width:100%;height:100%;max-height:480px;min-height:260px;overflow:visible}.study-svg text{font:12px Candara,'Segoe UI',sans-serif;text-anchor:middle;fill:#314b3d}.study-svg .date-numeral{font-size:10px}.study-part{cursor:pointer;outline:none}.study-part:focus-visible{filter:drop-shadow(0 0 3px #8d6225)}.study-selected{filter:drop-shadow(0 0 3px #956921)}.study-selected>path,.study-selected>circle,.study-selected>rect,.study-selected>ellipse{stroke:#80521b;stroke-width:3;stroke-dasharray:5 3}.study-svg .gear-body,.study-svg .gold{fill:#c4a365;stroke:#7a6535;stroke-width:1}.study-svg .gear-hole{fill:#eff2e7;stroke:#9c8a52;stroke-width:.8}.study-svg .gear-spoke{stroke:#b29756;stroke-width:7;fill:none}.study-svg .shaft{fill:#6b7f7b;stroke:#3a5047;stroke-width:1}.study-svg .rotation-mark{stroke:#9b3546;stroke-width:3;fill:none}.study-svg .spring{stroke:#506973;stroke-width:2;fill:none}.study-svg .arbor-mark{stroke:#a43749;stroke-width:4;fill:none}.study-svg .link{stroke:#7f8c73;stroke-width:1;fill:none}.study-svg .dashed{stroke-dasharray:6 5}.study-svg .steel{fill:#a5b8b0;stroke:#435c50;stroke-width:1.5}.study-svg .ruby{fill:#b35468;stroke:#7e2d44;stroke-width:1}.study-svg .cover{fill:#dee1cd88;stroke:#7d8b71;stroke-width:2;stroke-dasharray:5 4}.study-svg .store-empty{fill:#d3ddca;stroke:#829676}.study-svg .store-fill{fill:#597957}.study-svg .clutch{fill:#b5bd8d;stroke:#4e6544;stroke-width:2}.study-svg .engraving{stroke:#5d735d;stroke-width:1}.study-svg .stem{stroke:#5a716a;stroke-width:10;fill:none}.study-svg .inactive{fill:#e0e3d7;stroke:#8b967e;stroke-dasharray:3 3}.study-svg .route-on{stroke:#375b45;stroke-width:4;fill:none}.study-svg .route-off{stroke:#909a85;stroke-width:1.5;stroke-dasharray:5 5;fill:none}.study-svg .lever{stroke:#688276;stroke-width:6;fill:none;stroke-linejoin:round}.study-svg .minute-hand{stroke:#314f42;stroke-width:5;stroke-linecap:round}.study-svg .hour-hand{stroke:#243b36;stroke-width:8;stroke-linecap:round}.study-svg .support{fill:#d3dbc8;stroke:#728466;stroke-width:2}.study-svg .dimension{stroke:#486859;stroke-width:2;fill:none}.study-svg .balance-rim{stroke:#ab8743;stroke-width:10;fill:none}.study-svg .roller{fill:#b9c9be88;stroke:#5a7065;stroke-width:2}.study-svg .curb{stroke:#435d50;stroke-width:3}.study-svg .brake-on{stroke:#a33a4e;stroke-width:7;fill:none}.study-svg .rotor{fill:#c7b78e;stroke:#897444;stroke-width:2}.study-svg .drum{fill:#ddd4af;stroke:#8f7a46;stroke-width:2}.study-svg .bridle{stroke:#9e364b;stroke-width:5;fill:none}.study-svg .window{fill:none;stroke:#365c4d;stroke-width:3}.study-svg .finger{stroke:#9b4853;stroke-width:5;fill:none}.study-svg .fork{stroke:#718e7e;stroke-width:.17;fill:none;stroke-linejoin:round}
#study-controls{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:13px 18px;background:#edf1e5;border-top:1px solid #bfcab3}#study-controls button,#study-controls select{font-size:11px;padding:7px}#study-controls select{border:1px solid #acbaa0;border-radius:4px;background:#fafbf5}#study-controls label{display:flex;align-items:center;gap:5px;font-size:11px}.control-note{font-size:10px;width:100%;color:#506044}#study-readout{padding:10px 20px;margin:0;font-size:12px;line-height:1.5;color:#354e3f;border-top:1px solid #c4cfba;background:#e3e9d8;min-height:60px}
#learn-article h2{font:26px/1.1 Georgia,serif;font-weight:normal;margin:10px 0 13px}#learn-article p{font-size:12px;line-height:1.55}.breadcrumbs{font-size:10px;line-height:1.6;margin-bottom:18px}.breadcrumbs button{font-size:10px;padding:0;border:0;text-decoration:underline}.part-what{font-weight:600}.connection{border-block:1px solid #c7d1bd;padding-top:12px}.connection>span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#506347}.connection p{margin:4px 0 13px!important}.try-it{font-size:11px!important}#learn-article details{padding:12px 0;border-top:1px solid #c7d1bd}#learn-article summary{font-size:11px;font-weight:600;cursor:pointer}#learn-article h3{font-size:12px;margin:15px 0 4px}#learn-article a{color:#365c4d;text-underline-offset:2px}
#learn-course{grid-column:1/-1;background:#e6ebda;border-block:1px solid #b9c8a9;display:grid;grid-template-columns:1.1fr 1fr;gap:32px;padding:24px 28px;min-height:220px}#learn-course h2{font:22px Georgia,serif;font-weight:normal;margin:7px 0 12px}#learn-course h2 span{color:#647653;margin-right:8px}#learn-course p{font-size:12px;line-height:1.5;max-width:700px;margin:6px 0 12px}.course-exercise{border-left:1px solid #c1cdb5;padding-left:28px}.course-buttons{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.course-buttons button{font-size:11px}.course-buttons>span{font-size:10px;color:#415a36}#exercise-fields{margin-top:8px}#exercise-fields label{font-size:12px;display:block;margin-bottom:7px}#exercise-fields input,#exercise-fields select{font-size:12px;background:#f8faf1;border:1px solid #a5b59a;border-radius:4px;padding:9px;color:#29402f;max-width:100%}.answer-pair{display:flex;gap:8px}.answer-pair input{width:130px}#exercise-feedback{min-height:36px;color:#354b2e}#course-prerequisite{display:block}.design-fields{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;align-items:center}.design-fields label{margin:0!important}
#chapter-nav button span,#learn-course h2 span{color:#3d563b}.study-precaution{width:100%;font-size:11px;color:#46593b}.study-precaution summary{cursor:pointer}.study-precaution p{margin:8px 0 0;font-size:11px;line-height:1.5}
@media(min-width:851px){.learn-active{grid-template-columns:235px minmax(400px,1fr) 315px;grid-template-rows:minmax(700px,calc(100vh - 150px)) auto}.learn-active .manifest{padding:22px 18px}.learn-active .inspector{padding:22px}}
@media(max-width:1150px) and (min-width:851px){.learn-active{grid-template-columns:200px minmax(320px,1fr) 270px}#study-heading h2{font-size:20px}.learn-active .inspector{padding:17px}}
@media(max-width:850px){.learn-active{grid-template-rows:710px auto auto}.learn-active .inspector{display:block;max-height:none}#learn-article{columns:2;column-gap:28px}#learn-article h2,#learn-article .breadcrumbs{column-span:all}#learn-article details,#learn-article .connection{break-inside:avoid}#study-heading{padding:12px}#study-heading h2{font-size:20px;width:100%}#study-heading select{max-width:220px}#learn-course{grid-row:3;gap:20px;padding:20px}.course-exercise{padding-left:20px}.learn-heading{font-size:24px}#chapter-nav button{font-size:11px}.masthead nav button{min-width:65px}}
@media(max-width:540px){.learn-active .work-area{min-height:650px}.learn-active .manifest{order:2}.learn-active .inspector{order:3}#learn-course{order:1;display:block;padding:20px}#learn-article{columns:auto}.course-exercise{border-left:0;border-top:1px solid #bdc9b1;padding:18px 0 0;margin-top:18px}#study-controls{padding:11px}#study-controls button{font-size:11px}.study-svg{min-height:250px}#study-heading{gap:7px}#study-heading h2{font-size:21px}#study-heading select{max-width:205px}#study-readout{font-size:11px;padding:12px}#learn-course h2{font-size:21px}.learn-active .manifest .calibre{display:none}#chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:5px}#library-results{max-height:450px;overflow:auto}.header-actions{margin-left:auto}.answer-pair{flex-wrap:wrap}}