@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f7f8f4;--white:#fff;--ink:#203b3c;--muted:#7a8682;--line:#dfe5dc;--teal:#34776b;--lime:#d5e6ab;--dark:#152b2d;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}button{background:none;border:0}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #91b970;outline-offset:4px}button:hover{filter:brightness(.94)}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.2%;gap:30px;background:#fdfefa}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,var(--font);font-size:18px;font-weight:800;letter-spacing:1.2px}.brand svg{width:29px;height:34px;stroke:#456c60;stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.brand-light{font-weight:400;margin-left:5px}.top-nav{display:flex;align-items:center;gap:34px;height:100%;font-size:13px}.nav-active{height:100%;display:flex;align-items:center;position:relative;font-weight:600}.nav-active:after{content:'';height:3px;background:#5a8972;position:absolute;bottom:0;left:0;right:0}.top-nav button{color:#75817b}.top-nav button span{margin-left:10px}.edition{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.3px}.edition i{width:6px;height:6px;border-radius:50%;background:#719d71}.edition-version{color:#98a29a;margin-left:20px}main{max-width:1680px;margin:auto;padding:35px 4.2% 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px;gap:20px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#6d8275;display:flex;align-items:center;gap:13px}.eyebrow .line{width:26px;height:1px;background:#a4b6a3}.intro h1{font-family:Georgia,'Times New Roman',serif;font-size:42px;font-weight:400;line-height:1.18;letter-spacing:-1.3px;margin:14px 0 10px}.intro p{margin:0;font-size:13px;color:#7b8880}.mobile-break{display:none}.intro-note{display:flex;align-items:center;gap:13px;font-size:11px;color:#7a897f;line-height:1.8;margin-top:22px}.intro-note strong{font-weight:500;color:#536a5c}.note-icon{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:20px;color:#677a6a}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:23px;align-items:start}.simulation-column{min-width:0}.sim-toolbar{height:52px;display:flex;justify-content:space-between;align-items:start;gap:10px}.mode-tabs{border:1px solid #dfe5db;background:#edf1e9;border-radius:8px;display:flex;padding:4px;gap:3px}.mode-tabs button{padding:9px 15px;border-radius:5px;font-size:11px;color:#75816e;white-space:nowrap}.mode-tabs button.active{background:#fff;box-shadow:0 1px 4px #19352712;color:#334c39;font-weight:600}.mode-tabs button span{margin-left:5px;font-size:9px;background:#e2e9da;padding:2px 4px;border-radius:3px}.text-btn{font-size:10px;color:#7d887b;display:flex;align-items:center;gap:7px;padding:13px 0}.text-btn span{font-size:17px}.scope-wrap{position:relative;height:515px;background:#100a0c;border-radius:12px;overflow:hidden;outline:none;color:#f2f3df;isolation:isolate}.scope-wrap:focus{box-shadow:0 0 0 2px #709a7c44}.scope-wrap canvas{width:100%;height:100%;display:block}.scope-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 38%,#090b0c55 65%,#090b0cdd 100%);z-index:1}.view-top,.view-bottom{position:absolute;left:23px;right:23px;display:flex;align-items:center;z-index:3;gap:15px}.view-top{top:20px;font-size:9px;letter-spacing:1.6px}.view-tag{display:flex;align-items:center;gap:7px;padding:7px 9px;background:#ffffff0a;border:1px solid #ffffff22;border-radius:4px}.view-tag i,.view-bottom i{height:5px;width:5px;background:#b7d897;border-radius:50%;display:inline-block}.view-top #locationTop{color:#e7e8d68a;font-size:9px}.view-top button{margin-left:auto;color:#e4e8d4a6;font-size:21px;padding:0}.view-bottom{bottom:20px;font-size:8px;letter-spacing:1.6px;color:#dce0cf80;justify-content:space-between}.view-bottom #viewStatus{color:#d3dfb7;display:flex;align-items:center;gap:7px}.scope-crosshair{position:absolute;top:50%;left:50%;z-index:3;pointer-events:none;opacity:.45}.scope-crosshair span:first-child{position:absolute;width:12px;height:1px;background:#fff;left:-6px}.scope-crosshair span:last-child{position:absolute;height:12px;width:1px;background:#fff;top:-6px}.scope-labels{position:absolute;inset:0;z-index:2;pointer-events:none}.floating-label{position:absolute;padding:6px 9px;color:#edf5dc;background:#143129a6;border:1px solid #c2d7b349;border-radius:4px;font-size:10px;white-space:nowrap;transform:translate(-50%,-50%);backdrop-filter:blur(6px);transition:opacity .2s}.floating-label:before{content:'';position:absolute;bottom:-18px;left:50%;height:17px;width:1px;background:#d8e8c877}.orientation{position:absolute;left:26px;bottom:62px;width:62px;height:62px;border:1px solid #ecf3e329;border-radius:50%;z-index:3;font-size:8px;color:#b4bda7}.orientation span{position:absolute}.orientation #orientTop{top:-5px;left:27px}.orientation #orientBottom{bottom:-5px;left:27px}.orientation #orientLeft{left:-4px;top:26px}.orientation #orientRight{right:-3px;top:26px}.orientation #orientNeedle{position:absolute;width:1px;height:23px;left:30px;top:8px;background:linear-gradient(#ccddb0,transparent);transform-origin:bottom center}.orientation:after{content:'';width:4px;height:4px;background:#d6e3bf;border-radius:50%;position:absolute;left:28px;top:28px}.depth-readout{position:absolute;right:24px;bottom:65px;z-index:3;display:flex;flex-direction:column;text-align:right;gap:4px;color:#d7dec7}.depth-readout>span{font-size:7px;letter-spacing:1.6px;opacity:.7}.depth-readout strong{font-weight:400;font-family:Manrope,var(--font);font-size:24px;letter-spacing:1px}.depth-readout small{font-size:6px;letter-spacing:1px;opacity:.5}.start-hint{position:absolute;bottom:73px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;z-index:4;padding:13px 16px;border-radius:8px;background:#152c24dd;box-shadow:0 8px 30px #0004;border:1px solid #c4d4b62b;white-space:nowrap;backdrop-filter:blur(8px)}.hint-icon{height:32px;width:32px;border:1px solid #d8e6be50;display:grid;place-items:center;border-radius:50%;color:#d5e6ab;font-size:18px}.start-hint strong{font-size:11px;letter-spacing:.1px;font-weight:500}.start-hint p{font-size:9px;color:#c4cbb9;margin:6px 0 0}.start-hint kbd{background:#ffffff14;border-color:#ffffff26;color:#d9e5cc;font-size:8px;padding:2px 4px;min-width:16px}.control-strip{min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:9px;color:#809080}.control-strip>div,.control-strip>button{display:flex;align-items:center;gap:8px;padding:0}.key-pair{display:flex;gap:3px}kbd{display:inline-flex;align-items:center;justify-content:center;font:9px var(--font);min-width:21px;height:23px;padding:2px 6px;border:1px solid #dbe1d5;box-shadow:0 1px 0 #cfd7c9;border-radius:4px;background:#fff;color:#617459}.control-strip .help-button{width:20px;height:20px;border:1px solid #bdc8b8;border-radius:50%;display:grid;place-items:center;font-size:11px}.lesson-panel{display:flex;align-items:start;gap:19px;padding:24px 0 0}.lesson-number{font-family:Georgia,serif;font-size:26px;color:#aebea0;font-style:italic;padding-top:15px}.lesson-copy{flex:1}.lesson-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.lesson-copy h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:8px 0}.lesson-copy p{max-width:610px;color:#7b897c;font-size:11px;line-height:1.7;margin:0}.lesson-action{border:1px solid #bacbb0;border-radius:5px;padding:10px 12px;font-size:10px;white-space:nowrap;align-self:center;margin-left:10px}.lesson-action span{margin-left:18px}.anatomy-panel{background:#fff;border:1px solid #e3e8de;border-radius:10px;overflow:hidden}.panel-heading{padding:23px 21px 0;display:flex;align-items:center;justify-content:space-between}.panel-heading .eyebrow{font-size:8px}.panel-heading h2{font:22px Georgia,serif;margin:9px 0 0}.panel-heading button{border:1px solid #e3e8df;border-radius:50%;width:28px;height:28px;font-size:20px;color:#a6b797}.map-container{height:227px;position:relative;margin:5px 12px 0}.map-container canvas{width:100%;height:100%;display:block}.map-side{position:absolute;top:24px;font-size:6px;letter-spacing:1px;color:#a5b2a0}.map-side.right{left:13px}.map-side.left{right:13px}.map-legend{display:flex;position:absolute;bottom:9px;left:11px;right:11px;justify-content:space-between;font-size:7px;color:#9aaa97}.map-legend>span:first-child{display:flex;gap:5px;align-items:center;color:#5b8066}.map-legend i{width:5px;height:5px;display:inline-block;background:#63a481;border-radius:50%}.current-location{margin:0 15px;padding:17px 16px 14px;background:#f2f6ec;border:1px solid #dfe8d3;border-radius:7px}.location-kicker{display:flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1.2px;color:#718a60}.location-kicker i{height:5px;width:5px;background:#87a36e;border-radius:50%}.location-kicker #structureCode{margin-left:auto;color:#6f8760;background:#e3ecd7;border:1px solid #d6e1c9;border-radius:3px;padding:3px 5px;letter-spacing:0}.current-location h3{font:21px Georgia,serif;margin:7px 0}.current-location p{font-size:10px;line-height:1.7;color:#7c8e70;margin:0}.structure-meta{display:flex;justify-content:space-between;gap:8px;font-size:6px;letter-spacing:.6px;border-top:1px solid #dce6d2;padding-top:11px;margin-top:12px;color:#91a282}.explore-list{padding:20px 20px 0}.list-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.list-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.list-heading #visitedCount{font-size:7px;color:#9ba98f;letter-spacing:.5px}.anatomy-row{display:flex;width:100%;padding:9px 0;align-items:center;text-align:left;border-bottom:1px solid #edf0e9;font-size:10px;gap:9px}.anatomy-row .row-dot{width:5px;height:5px;border:1px solid #a8b79f;border-radius:50%}.anatomy-row.visited .row-dot{background:#73a182;border-color:#73a182}.anatomy-row.selected{color:#468466}.anatomy-row .row-abbr{margin-left:auto;color:#a5b099;font-size:8px}.anatomy-row .row-arrow{font-size:12px;color:#9bac92;margin-left:8px}.label-toggle{margin:17px 20px;display:flex;align-items:center;justify-content:space-between}.label-toggle strong{display:block;font-weight:500;font-size:10px}.label-toggle div>span{display:block;font-size:8px;color:#a4ad9e;margin-top:4px}.switch{width:29px;height:17px;border-radius:20px;background:#cbd3c5;padding:3px}.switch span{display:block;width:11px;height:11px;background:white;border-radius:50%;transition:transform .15s}.switch.on{background:#729b70}.switch.on span{transform:translateX(12px)}.sidebar-bottom{border-top:1px solid #e7ebdf;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#fafbf7}.sidebar-bottom>span{font-size:23px;color:#829f6a}.sidebar-bottom p{font-size:8px;line-height:1.7;margin:0;color:#8c9a80}footer{display:flex;justify-content:space-between;align-items:center;color:#9ba795;font-size:8px;letter-spacing:.2px;margin-top:28px;border-top:1px solid var(--line);padding-top:18px}footer>span{display:flex;align-items:center;gap:7px}footer i{width:4px;height:4px;border-radius:50%;background:#b2c19e}footer button{font-size:8px;color:#7d8e71}footer button span{margin-left:9px}.pause-overlay{position:absolute;inset:0;z-index:8;backdrop-filter:blur(10px);background:#0c201ccc;display:flex;flex-direction:column;justify-content:center;align-items:center}.pause-overlay>span{color:#b7d591;font-size:30px}.pause-overlay h2{font:38px Georgia,serif;margin:20px 0 10px}.pause-overlay p{color:#aebca3;font-size:12px}.pause-overlay button{margin-top:16px;background:#d5e6ab;color:#2c4335;border-radius:5px;padding:13px 20px;font-size:12px}[hidden]{display:none!important}.toast{position:absolute;top:65px;left:50%;transform:translateX(-50%);border:1px solid #e1eacd33;padding:10px 15px;background:#1f352bea;border-radius:5px;z-index:8;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s;max-width:80%;text-align:center}.toast.visible{opacity:1}.touch-controls{display:none}.fallback{position:absolute;inset:0;z-index:9;padding:70px 40px;background:#172b2d;text-align:center;align-content:center}.fallback h2{font:30px Georgia,serif}.fallback p{line-height:1.8;color:#a8bdab}dialog{border:1px solid #cfdac7;background:#fcfdf9;color:#263f32;width:min(700px,90vw);border-radius:12px;padding:28px;max-height:86vh;box-shadow:0 24px 100px #12251b40}dialog::backdrop{background:#152b2d99;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top button{font-size:25px;color:#7f9076}#dialogContent h2{font:32px Georgia,serif;letter-spacing:-.6px;margin:22px 0 12px}#dialogContent p{font-size:13px;line-height:1.8;color:#788570}#dialogContent h3{font-size:12px;margin:24px 0 10px}#dialogContent a{color:#417b67;text-decoration:underline;text-underline-offset:3px}#dialogContent ul{padding-left:18px;font-size:12px;line-height:1.9;color:#788570}.reference-tree{display:grid;grid-template-columns:1fr 1fr;gap:18px}.reference-tree>div{padding:18px;background:#f0f4e9;border-radius:7px}.reference-tree strong{font-size:12px}.reference-tree p{font-size:11px!important;margin:8px 0}.shortcut-list{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center;font-size:12px;color:#708266;padding:20px 0}.shortcut-list span:nth-child(odd){display:flex;gap:4px}.practice-question{display:flex;flex-direction:column;gap:8px;margin:14px 0}.practice-question button{border:1px solid #d6e1cb;border-radius:5px;padding:12px;text-align:left;font-size:12px;background:#fff}.practice-question button:hover{background:#edf4e4}.scope-wrap:fullscreen{border-radius:0;height:100vh;width:100vw}.scope-wrap:fullscreen .start-hint{bottom:100px}@media(min-width:1450px){.scope-wrap{height:590px}.workspace{grid-template-columns:minmax(0,1fr) 340px}.anatomy-panel .map-container{height:255px}.anatomy-row{padding:12px 0}.current-location p{font-size:11px}.current-location h3{font-size:23px}.sidebar-bottom p{font-size:9px}.intro h1{font-size:48px}}@media(max-width:1150px){main{padding-left:3%;padding-right:3%}.workspace{gap:16px;grid-template-columns:minmax(0,1fr) 270px}.scope-wrap{height:470px}.control-strip{font-size:8px;gap:5px}.control-strip>div,.control-strip>button{gap:4px}.control-strip kbd{min-width:18px;padding:2px 4px;font-size:8px}.lesson-panel{gap:12px;flex-wrap:wrap}.lesson-action{margin-left:32px}.intro h1{font-size:36px}.edition{display:none}.map-container{height:210px}.panel-heading{padding:20px 16px 0}.panel-heading h2{font-size:20px}.current-location{margin:0 12px;padding:15px 13px}.start-hint{padding:10px 12px;bottom:45px}.hint-icon{display:none}.start-hint p{font-size:8px}.orientation{bottom:115px;width:50px;height:50px;transform:scale(.8);transform-origin:left bottom}.depth-readout{bottom:120px}.control-strip>div:nth-child(3){display:none}}@media(max-width:850px){.topbar{height:65px;padding:0 5%}.top-nav{gap:20px;font-size:11px}.brand{font-size:15px;gap:8px}.brand svg{width:24px}.top-nav button{font-size:11px}main{padding:28px 5% 20px}.intro{margin-bottom:24px}.intro-note{display:none}.intro h1{font-size:36px}.intro p{font-size:12px}.workspace{grid-template-columns:1fr;gap:25px}.scope-wrap{height:490px}.control-strip>div:nth-child(3){display:flex}.control-strip{font-size:9px}.anatomy-panel{display:grid;grid-template-columns:1fr 1fr}.panel-heading{grid-column:1;padding:20px 20px 0}.map-container{grid-column:1;grid-row:2 / 5;height:255px}.current-location{grid-column:2;grid-row:1 / 3;margin:18px 18px 0 0}.explore-list{grid-column:2;grid-row:3 / 6;padding:15px 20px 5px 0}.label-toggle{grid-column:1;grid-row:5}.sidebar-bottom{grid-column:1 / 3}.lesson-action{margin-left:0}.lesson-panel{flex-wrap:nowrap}.start-hint{bottom:75px}.orientation{bottom:65px}.depth-readout{bottom:70px}.touch-controls{display:flex;gap:6px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.touch-controls button{height:31px;min-width:32px;border:1px solid #d6dfcd;background:#fff;border-radius:5px;font-size:10px;user-select:none;-webkit-user-select:none;touch-action:none}.touch-controls>div{display:flex;gap:5px}.touch-controls>span{flex:1}.touch-controls button.advance{background:#dce9c8;padding:0 12px}}@media(max-width:520px){.top-nav{display:none}.topbar{height:60px}.intro .eyebrow{font-size:7px;letter-spacing:1.2px;gap:8px}.intro .eyebrow .line{width:15px}.intro h1{font-size:33px;line-height:1.13;margin-top:14px}.mobile-break{display:block}.intro p{font-size:11px;max-width:270px;line-height:1.6}.scope-wrap{height:410px;border-radius:8px}.mode-tabs button{font-size:9px;padding:8px 9px}.mode-tabs button span{font-size:7px;margin-left:2px}.text-btn{font-size:8px;padding-top:10px}.text-btn span{font-size:15px}.sim-toolbar{height:46px}.control-strip>div:nth-child(3){display:none}.control-strip>button:nth-last-child(2){display:none}.control-strip{min-height:48px}.view-top{left:15px;right:15px;font-size:7px;gap:9px}.view-top #locationTop{font-size:7px}.view-tag{font-size:7px;padding:6px}.view-bottom{left:15px;right:15px;font-size:6px;letter-spacing:1px}.view-bottom #scopePosition{display:none}.start-hint{bottom:65px;padding:11px 12px;white-space:normal;width:81%;left:50%}.start-hint strong{font-size:10px}.start-hint p{line-height:1.7}.orientation{left:20px;bottom:130px}.depth-readout{bottom:133px;right:20px}.depth-readout strong{font-size:19px}.lesson-panel{gap:10px;flex-wrap:wrap;padding-top:21px}.lesson-number{font-size:22px}.lesson-copy h2{font-size:22px}.lesson-copy p{font-size:11px}.lesson-action{margin-left:31px;margin-top:3px}.touch-controls{gap:4px}.touch-controls button{min-width:28px;font-size:9px;padding:0 6px}.touch-controls>div{gap:4px}.anatomy-panel{display:block}.panel-heading{padding:23px 23px 0}.panel-heading h2{font-size:24px}.map-container{height:250px;margin:5px 30px 0}.current-location{margin:0 18px;padding:18px}.current-location h3{font-size:24px}.current-location p{font-size:11px}.explore-list{padding:22px 24px 5px}.anatomy-row{font-size:11px;padding:12px 0}.label-toggle{margin:20px 24px}.sidebar-bottom{padding:17px 24px}.sidebar-bottom p{font-size:9px}footer{align-items:start;line-height:1.7;gap:20px;font-size:7px}footer>span{max-width:200px;align-items:start}footer i{flex-shrink:0;margin-top:4px}footer button{font-size:7px;white-space:nowrap}.reference-tree{grid-template-columns:1fr}.shortcut-list{grid-template-columns:115px 1fr}.toast{font-size:10px;width:80%}.floating-label{font-size:8px;padding:5px}}
@media(max-width:520px){.lesson-panel{display:grid;grid-template-columns:22px 1fr}.lesson-copy{min-width:0}.lesson-action{grid-column:2;margin:4px 0 0;justify-self:start}.scope-wrap{touch-action:none}}

/* Scope navigation shortcuts and live posterior-view airway cartoon. */
.scope-actions{display:flex;align-items:center;justify-content:flex-end;gap:17px;flex-shrink:0}.scope-actions .text-btn{white-space:nowrap}.scope-actions .carina-btn{color:#4e765d}.scope-minimap{position:absolute;top:66px;right:20px;width:150px;padding:10px 9px 8px;z-index:4;border:1px solid #dce7c92e;border-radius:8px;background:#12251ee8;box-shadow:0 5px 22px #0002;backdrop-filter:blur(8px);pointer-events:none}.scope-map-heading{display:flex;justify-content:space-between;gap:4px;font-size:6px;font-weight:500;letter-spacing:.7px;color:#c3d6ab}.scope-map-heading>span:last-child{color:#94aa88;font-size:5px;letter-spacing:.5px}.scope-map-body{height:132px;position:relative;margin:5px 0 2px}.scope-map-body canvas{width:100%;height:100%}.scope-map-side{position:absolute;top:24px;font-size:7px;color:#c1d3ab}.scope-map-side.patient-left{left:3px}.scope-map-side.patient-right{right:3px}.scope-map-status{display:flex;align-items:center;justify-content:center;gap:5px;font-size:5px;letter-spacing:1px;color:#b4cba0}.scope-map-status i{width:4px;height:4px;background:#cef4a6;border-radius:50%}.scope-wrap:fullscreen .scope-minimap{right:24px;top:70px;width:170px}.scope-wrap:fullscreen .scope-map-body{height:160px}
@media(max-width:1150px){.scope-actions{gap:11px}.scope-minimap{width:132px;right:15px;padding:8px}.scope-map-body{height:115px}}
@media(max-width:650px){.sim-toolbar{height:auto;min-height:83px;flex-wrap:wrap;padding-bottom:8px;align-items:center;gap:3px}.scope-actions{width:100%;gap:18px;justify-content:flex-end}.scope-actions .text-btn{padding:5px 0;font-size:9px}.scope-minimap{width:112px;top:62px;right:12px;padding:8px 7px 7px}.scope-map-body{height:98px;margin-top:4px}.scope-map-heading{font-size:5px;letter-spacing:.45px}.scope-map-heading>span:last-child{font-size:4.5px;letter-spacing:.3px}.scope-map-status{font-size:4.5px;letter-spacing:.7px}.scope-map-side{font-size:6px;top:20px}.scope-minimap .scope-map-status i{width:3px;height:3px}}

/* Adjustable tip control and progressive airway navigation. */
.exploration-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.35px;color:#647e61;margin-top:13px;padding:5px 8px;border:1px solid #dce5d4;border-radius:4px;background:#eef3e8}.exploration-badge i{height:4px;width:4px;border-radius:50%;background:#89a276}
.scope-settings{min-width:0;padding:13px 15px 10px;margin:14px 0 0;border:1px solid #dfe5d9;border-radius:7px;background:#f0f3eb}.scope-settings legend{font-size:9px;font-weight:600;letter-spacing:.8px;padding:0 6px;color:#6a8064}.scope-settings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start}.scope-setting{min-width:0;display:flex;flex-direction:column;gap:6px;color:#63785e;font-size:9px}.scope-setting>span{display:flex;justify-content:space-between;align-items:center;gap:8px;line-height:1.3}.scope-setting output{color:#8c9d80;font-size:8px;font-variant-numeric:tabular-nums}.scope-setting select{font:10px var(--font);width:100%;min-width:0;height:28px;border:1px solid #d5dfcc;border-radius:4px;background:#fff;color:#4f6b4b;padding:0 7px;cursor:pointer}.scope-setting input[type=range]{width:100%;min-width:0;height:28px;margin:0;accent-color:#648b67;cursor:pointer}.scope-setting select:focus-visible,.scope-setting input:focus-visible{outline:2px solid #91b970;outline-offset:3px}.scope-settings p{font-size:8px;color:#8c9a84;line-height:1.5;margin:6px 0 0}.scope-settings kbd{height:15px;min-width:0;padding:1px 4px;font-size:7px;box-shadow:none;vertical-align:baseline}
.branch-navigator{margin:15px 15px 0;padding:15px 1px 0;border-top:1px solid #e4e9de;min-width:0}.branch-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.branch-heading .eyebrow{font-size:7px;letter-spacing:1px}.branch-heading>span:last-child{font-size:7px;color:#91a182;text-align:right}.airway-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:10px 0;font-size:8px;line-height:1.6;color:#97a68e;overflow-wrap:anywhere}.airway-breadcrumb button{font-size:8px;padding:2px 4px;border-radius:3px;color:#708568;background:#f0f4eb;line-height:1.5;white-space:normal;text-align:left}.airway-breadcrumb button:last-child{color:#476c4d;background:#e9f1e1}.airway-breadcrumb button:hover{background:#dfead5}.branch-list{display:grid;gap:5px}.branch-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:9px 10px;background:#f9fbf6;border:1px solid #e0e8d8;border-radius:5px;font-size:10px;color:#58774f;line-height:1.5;overflow-wrap:anywhere}.branch-list button:hover{border-color:#9db48b;background:#eff5e8}.branch-list button small{font-size:8px;display:block;color:#8d9e81}.branch-list:empty{display:none}.branch-list>p{font-size:10px;line-height:1.6;color:#87977d;margin:4px 0}.parent-branch-btn{font-size:8px;padding:9px 0 3px;color:#7d9470;text-align:left}.parent-branch-btn:disabled{opacity:.4}.distal-note{font-size:8px;line-height:1.7;margin:8px 0 0;color:#9aa68f}.current-location h3,.current-location p,.structure-meta>span{overflow-wrap:anywhere}.structure-meta>span{min-width:0}.structure-meta>span:last-child{text-align:right}
@media(max-width:1150px){.scope-settings-grid{gap:12px}.scope-settings{padding-left:12px;padding-right:12px}.branch-navigator{margin-left:13px;margin-right:13px}.branch-heading{gap:6px}}
@media(max-width:850px) and (min-width:521px){.anatomy-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.anatomy-panel .panel-heading{grid-column:1;grid-row:1}.anatomy-panel .map-container{grid-column:1;grid-row:2;margin-bottom:8px}.anatomy-panel .current-location{grid-column:2;grid-row:1 / 3}.anatomy-panel .branch-navigator{grid-column:2;grid-row:3 / 5;margin:10px 18px 0 0;padding-top:15px;align-self:start}.anatomy-panel .explore-list{grid-column:1;grid-row:3 / 5;padding:15px 20px 5px}.anatomy-panel .label-toggle{grid-column:1 / 3;grid-row:5;border-top:1px solid #e7ebdf;padding-top:15px}.anatomy-panel .sidebar-bottom{grid-column:1 / 3;grid-row:6}.airway-breadcrumb{font-size:9px}}
@media(max-width:520px){.exploration-badge{font-size:8px;margin-top:11px}.scope-settings{margin-top:12px;padding:10px 11px 9px}.scope-settings-grid{grid-template-columns:.95fr 1fr 1fr;gap:11px}.scope-setting{font-size:8px}.scope-setting select{font-size:9px;padding:0 4px}.scope-setting>span{gap:4px}.scope-setting output{font-size:7px}.scope-settings legend{font-size:8px}.scope-settings p{font-size:7px}.branch-navigator{margin:18px 21px 0;padding-top:17px}.branch-heading .eyebrow{font-size:8px}.branch-heading>span:last-child{font-size:8px}.airway-breadcrumb{font-size:9px;gap:5px}.airway-breadcrumb button{font-size:9px}.branch-list button{font-size:11px;padding:10px}.parent-branch-btn{font-size:9px;padding-top:11px}.distal-note{font-size:9px}.view-top #locationTop{max-width:43%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

.landmark-note{margin-top:12px;font-size:10px;color:#57774f}.landmark-note summary{cursor:pointer;list-style-position:inside}.landmark-note p{padding-top:8px}.airway-breadcrumb button[aria-current="location"]{background:#dbe9cd;color:#315e42}

/* ShockCal visual theme */

:root{--font:'Instrument Sans',Arial,sans-serif;--ink:#10243a;--muted:#5b7087;--line:#c8dae7;--paper:#eaf3f7;--teal:#1777c8;--lime:#4fe0c1;--dark:#0b3558}
body{background:radial-gradient(circle at 8% 8%,#4fe0c133,transparent 28%),radial-gradient(circle at 88% 4%,#f3a83b22,transparent 24%),linear-gradient(135deg,#f8fcff,#eaf3f7 48%,#dbe9f2);color:#10243a}
.topbar{height:auto;min-height:88px;max-width:1500px;margin:auto;padding:20px 4.2%;background:transparent;border:0;gap:20px;flex-wrap:wrap}.brand{font-family:var(--font);color:#0b3558;font-size:15px;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:linear-gradient(145deg,#10243a,#0b3558 58%,#17689f);box-shadow:0 12px 28px #0b35582b}.brand .brand-mark svg{width:28px;height:28px;stroke:#4fe0c1;stroke-width:5}.top-nav{height:auto;gap:8px;flex-wrap:wrap}.top-nav a,.top-nav button,.top-nav .nav-active{display:flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #b6cfdf;border-radius:999px;background:#ffffffc9;color:#153d62;font-size:12px;font-weight:700;height:auto}.top-nav .nav-active{background:#0b3558;color:white;border-color:#0b3558}.nav-active:after{display:none}main{padding-top:8px}.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}
.panel-heading h2,.current-location h3,.lesson-copy h2,.pause-overlay h2,#dialogContent h2,.lesson-number{font-family:var(--font);font-weight:700;letter-spacing:-.5px}.anatomy-panel{border-color:#c8dae7;box-shadow:0 12px 34px #071a2c14}.eyebrow,.lesson-copy .eyebrow{color:#1777c8}.mode-tabs{background:#dcebf4;border-color:#bed4e4}.mode-tabs button{color:#526b83}.mode-tabs button.active{color:#0b3558}.mode-tabs button span{background:#d7eaf6}.scope-actions .text-btn,.text-btn{color:#1d628e}.scope-wrap{box-shadow:0 12px 34px #071a2c24}.current-location{background:#eef7fc;border-color:#c9e2f1}.current-location p,.structure-meta,.location-kicker{color:#526b83}.location-kicker #structureCode{background:#dceef8;border-color:#bbd8ea;color:#0b5685}.location-kicker i{background:#28b8d7}.anatomy-row.selected{color:#1777c8}.anatomy-row.visited .row-dot{background:#28b8d7;border-color:#28b8d7}.scope-settings{background:#ffffffc9;border-color:#c8dae7}.scope-setting,.scope-settings legend,.scope-settings p,.branch-heading,.distal-note,.parent-branch-btn{color:#526b83}.scope-setting select{border-color:#bdd4e4;color:#153d62}.scope-setting input{accent-color:#1777c8}.branch-list button,.airway-breadcrumb button{background:#f2f8fc;border-color:#ccdfeb;color:#153d62}.airway-breadcrumb button[aria-current=location]{background:#dceef8;color:#0b5685}.branch-list button:hover{background:#e2f2fb}.lesson-copy p,.label-toggle div>span,.sidebar-bottom p{color:#5b7087}.lesson-action{background:linear-gradient(135deg,#0b3558,#1777c8);color:white;border-color:#1777c8}.sidebar-bottom{background:#f0f7fb;border-color:#d1e1ec}.switch.on{background:#1777c8}kbd{border-color:#c8dae7;color:#315a78}.landmark-note{color:#1777c8}dialog{background:#f8fcff;border-color:#bfd5e4}#dialogContent p,#dialogContent ul{color:#526b83}.reference-tree>div{background:#eaf4fa}.label-toggle strong{color:#153d62}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-color:#1777c8}.touch-controls button{border-color:#bdd4e4;color:#153d62}.touch-controls button.advance{background:#c7f4eb}footer{color:#526b83}
@media(max-width:850px){.topbar{padding:16px 5%;gap:14px}.top-nav{gap:6px}.top-nav a,.top-nav button,.top-nav .nav-active{font-size:11px;padding:7px 10px}main{padding-top:8px}}
@media(max-width:520px){.top-nav{display:flex;width:100%}.topbar{min-height:0}.top-nav a,.top-nav button,.top-nav .nav-active{font-size:10px;padding:7px 9px}.top-nav button span{margin-left:4px}}

/* ShockCal scope interior interface */
.scope-minimap{background:#092b48ed;border-color:#77bfeb55;box-shadow:0 8px 24px #00162955}.scope-map-heading,.scope-map-side,.scope-map-status{color:#b5e4ff}.scope-map-heading>span:last-child{color:#8db9d6}.scope-map-status i,.view-tag i,.view-bottom i{background:#4fe0c1}.floating-label{background:#0b3558df;border-color:#70c6f17a;color:#effaff}.floating-label:before{background:#8fd9ff99}.start-hint,.toast{background:#0b3558ed;border-color:#78c6ed66;color:#f0f9ff}.start-hint p,.start-hint kbd{color:#cce5f5}.hint-icon{color:#4fe0c1;border-color:#4fe0c166}.view-bottom #viewStatus{color:#9ceee5}.view-top #locationTop{color:#c6dfef}.view-tag{background:#0b355855;border-color:#86c9ec55}.orientation{color:#b9dff4;border-color:#b9dff455}.orientation #orientNeedle{background:linear-gradient(#4fe0c1,transparent)}.orientation:after{background:#4fe0c1}.depth-readout{color:#e0f2fc}.pause-overlay{background:#092b48e8}.pause-overlay>span{color:#4fe0c1}.pause-overlay p{color:#bfdbed}.pause-overlay button{background:linear-gradient(135deg,#1777c8,#28b8d7);color:white}.practice-question button{border-color:#bed9eb}.practice-question button:hover{background:#eaf6fc}.map-side,.map-legend,.map-legend>span:first-child{color:#527b99}.map-legend i{background:#28b8d7}.scope-settings input[type=range]{accent-color:#1777c8}.scope-setting output,.branch-heading>span:last-child,.branch-list>p{color:#527b99}.lesson-number,.anatomy-row .row-abbr,.sidebar-bottom>span{color:#5883a0}

/* ShockCal ivory / navy / coral theme, November 2026. */
:root{--paper:#fcf9f5;--white:#fffdfa;--ink:#08142d;--muted:#596271;--line:#d4d5db;--teal:#c93e3d;--lime:#fde4dd;--dark:#08142d;--font:Georgia,'Times New Roman',serif}
body{background:var(--paper);color:var(--ink);font-size:15px}.topbar{max-width:1440px;width:calc(100% - 64px);min-height:88px;padding:12px 0 18px;border-bottom:1px solid var(--line);gap:26px}.brand{font-family:var(--font);color:var(--ink);font-size:35px;font-weight:700;letter-spacing:-1.5px;text-transform:none;gap:9px}.brand-mark{background:none;box-shadow:none;width:48px;height:44px}.brand .brand-mark svg{width:48px;height:44px;stroke:#008789;stroke-width:2.8}.top-nav{gap:32px}.top-nav a,.top-nav button,.top-nav .nav-active{border:0;border-radius:0;background:none;color:var(--ink);padding:0;min-height:0;font-size:19px;font-weight:400;font-family:var(--font)}.top-nav .nav-active{background:none;border:0;color:#b73535;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}.top-nav a:hover,.top-nav button:hover{text-decoration:underline;text-underline-offset:7px}.top-nav button span{margin-left:4px}main{padding-top:25px}.panel-heading h2,.current-location h3,.lesson-copy h2,.pause-overlay h2,#dialogContent h2,.lesson-number{font-family:var(--font);color:var(--ink);font-weight:700}.panel-heading h2{font-size:25px}.lesson-copy h2{font-size:26px}.eyebrow,.lesson-copy .eyebrow{color:#a53030}.anatomy-panel{background:var(--white);border-color:var(--line);box-shadow:none}.mode-tabs{background:#f4efea;border-color:var(--line)}.mode-tabs button{color:var(--muted);font-size:13px}.mode-tabs button.active{background:#fffdfa;color:#a53030;box-shadow:none}.mode-tabs button span{background:#fde4dd;color:#a53030}.scope-actions .text-btn,.text-btn{color:#344052;font-size:12px}.scope-wrap{box-shadow:none}.scope-settings{background:var(--white);border-color:var(--line)}.scope-settings legend,.scope-setting{color:#344052;font-size:11px}.scope-setting select{background:white;color:var(--ink);border-color:var(--line);font-size:12px}.scope-setting output,.scope-settings p{color:var(--muted)}.scope-setting input[type=range],.scope-settings input[type=range]{accent-color:#c93e3d}.scope-setting select:focus-visible,.scope-setting input:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-color:#c93e3d}.current-location{background:#fcf0eb;border-color:#ecd9d2}.current-location h3{font-size:24px}.current-location p{color:#4e5662;font-size:12px}.location-kicker,.structure-meta{color:#77564f}.location-kicker #structureCode{background:#fde4dd;border-color:#ebc9bf;color:#943331}.location-kicker i{background:#c93e3d}.structure-meta{border-color:#ecd9d2}.anatomy-row{font-size:12px;border-color:var(--line)}.anatomy-row.selected{color:#aa3433}.anatomy-row.visited .row-dot{background:#c93e3d;border-color:#c93e3d}.anatomy-row .row-abbr{color:var(--muted)}.branch-list button,.airway-breadcrumb button{background:#faf6f2;border-color:var(--line);color:#344052}.branch-list button{font-size:12px}.branch-list button:hover{background:#fcf0eb;border-color:#d4a59b}.airway-breadcrumb button[aria-current=location]{background:#fde4dd;color:#943331}.branch-heading>span:last-child,.branch-list>p,.branch-list button small,.distal-note,.parent-branch-btn{color:var(--muted)}.lesson-copy p,.label-toggle div>span,.sidebar-bottom p{color:var(--muted);font-size:12px}.lesson-action{background:#c93e3d;color:white;border-color:#c93e3d;font-size:12px}.lesson-number{color:#c08a7e}.sidebar-bottom{background:#faf6f2;border-color:var(--line)}.sidebar-bottom>span{color:#c93e3d}.label-toggle strong{color:var(--ink);font-size:12px}.switch.on{background:#c93e3d}kbd{color:#344052;border-color:var(--line);box-shadow:none}.landmark-note{color:#a53030}.landmark-note p{font-size:12px}.map-side,.map-legend,.map-legend>span:first-child{color:var(--muted)}.map-legend i{background:#008789}.control-strip{color:var(--muted);font-size:11px}.touch-controls button{color:var(--ink);border-color:var(--line);background:#fffdfa}.touch-controls button.advance{background:#fde4dd}dialog{background:var(--paper);color:var(--ink);border-color:var(--line)}#dialogContent p,#dialogContent ul{color:#4e5662}#dialogContent a{color:#a53030}.reference-tree>div{background:#f7efea}.practice-question button{background:#fffdfa;border-color:var(--line)}.practice-question button:hover{background:#fcf0eb}footer{color:var(--muted);font-size:10px}footer button{color:#344052;font-size:10px}.pause-overlay h2{color:#fff9f5}.pause-overlay button{background:#c93e3d;color:#fff}.scope-minimap{background:#101a2bed;border-color:#8aa3b655}.start-hint,.toast{background:#101a2bed;border-color:#8aa3b655}.floating-label{background:#101a2be8;border-color:#8aa3b680}.fallback{background:#101a2b}.fallback h2{color:white}
@media(max-width:850px){.topbar{width:calc(100% - 32px);padding:18px 0;gap:16px}.brand{font-size:32px}.top-nav{gap:22px}.top-nav a,.top-nav button,.top-nav .nav-active{font-size:17px;padding:0}main{padding-top:22px}}
@media(max-width:520px){.top-nav{gap:14px;row-gap:17px}.top-nav a,.top-nav button,.top-nav .nav-active{font-size:15px}.brand-mark,.brand .brand-mark svg{width:40px}.mode-tabs button{font-size:11px}.scope-actions .text-btn{font-size:11px}.scope-settings legend,.scope-setting{font-size:10px}.scope-setting select{font-size:11px}.control-strip{font-size:10px}.current-location p,.lesson-copy p{font-size:12px}}