:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e9eef7;background:#0c1320;font-size:16px;line-height:1.55;color-scheme:dark;--accent:#65e0d1;--muted:#aebbd0;--line:#29354a}*{box-sizing:border-box}body{margin:0}header{min-height:102px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:20px 28px;gap:26px}h1{font-size:26px;margin:2px 0;font-weight:650;letter-spacing:-.7px}h2{font-size:20px;line-height:1.3;margin:0 0 12px}h3{font-size:17px;margin:22px 0 8px}p{margin:0 0 16px}.eyebrow{font-size:12px;letter-spacing:1.7px;color:var(--accent);font-weight:650}.badge{font-size:14px;color:var(--muted);margin-left:auto}button,select{font:inherit;font-size:14px;border:1px solid #3a4961;border-radius:7px;background:#18243a;color:#e9eef7;padding:9px 12px;cursor:pointer}button:hover,select:hover{border-color:var(--accent)}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffbd66;outline-offset:3px}button:disabled{opacity:.4;cursor:default}main{display:grid;grid-template-columns:220px minmax(400px,1fr) 350px;max-width:1900px;margin:auto}.navigator{padding:26px 18px;border-right:1px solid var(--line)}.muted{color:var(--muted);font-size:14px}.structure{width:100%;display:flex;text-align:left;gap:10px;align-items:center;margin:0 0 8px;background:transparent;border-color:transparent;padding:11px 9px}.structure.active{background:#203449;border-color:#60857f}.swatch{width:11px;height:11px;border-radius:3px;flex-shrink:0}.structure span:last-child{display:block;font-size:12px;color:var(--muted)}.scope{margin-top:24px;padding:16px 10px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.scope b{color:#e9eef7}.scope p{margin:8px 0}.toolbar{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:16px 20px;font-size:14px}.toolbar label{display:flex;align-items:center;gap:8px}.toolbar button{margin-left:auto}#viewport{height:410px;min-height:280px;position:relative;background:radial-gradient(ellipse at center,#23334b 0,#101a2c 65%,#0e1726 100%);overflow:hidden}canvas{display:block;touch-action:none}.view-hint,.anatomy-note{position:absolute;bottom:14px;left:18px;color:#c0cce0;font-size:12px;pointer-events:none}.anatomy-note{bottom:auto;top:12px;color:#90a2bc}#loading{position:absolute;z-index:3;inset:35% 12% auto;background:#18243a;padding:20px;border-radius:8px;text-align:center}#hover{position:absolute;display:none;padding:6px 10px;background:#0c1320;border:1px solid #50647c;border-radius:5px;pointer-events:none;font-size:14px;z-index:4}.pathway{padding:23px 24px;border-top:1px solid var(--line)}.pathway-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.pathway-heading h2{margin-top:5px}.pathway-heading button{white-space:nowrap}#diagram{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center;gap:6px}.node{min-height:68px;text-align:left;background:#19283d;border-color:#40556c}.node strong{display:block;font-size:14px}.node small{color:#b9c6d7;font-size:12px}.node.active{border-color:var(--accent);background:#20423f}.arrow{text-align:center;color:#829bb3;font-size:20px}.branch{grid-column:3/6;display:flex;gap:10px;align-items:center;margin-top:8px}.branch .node{flex:1}.branch-label{font-size:12px;color:#ffce8b}.step-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:14px;color:var(--muted)}.reader{padding:27px 25px;background:#121d2e;border-left:1px solid var(--line)}.reader h2{font-size:26px;margin-top:8px;letter-spacing:-.5px}.tag{display:inline-block;font-size:12px;background:#23364c;color:#bcd5ed;padding:3px 8px;border-radius:4px;margin:0 5px 14px 0}.callout{border-left:3px solid var(--accent);background:#1a2b3b;padding:14px 15px;margin:18px 0}.callout p{margin:0}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:600}details p{margin:12px 0 0;font-size:15px}a{color:#81dcd2;text-underline-offset:3px}.sources-list{font-size:14px;line-height:1.7;padding-left:18px}.sources-list li{margin-bottom:10px}.small{font-size:13px;color:var(--muted)}dialog{max-width:760px;width:90%;max-height:85vh;background:#142034;border:1px solid #465772;border-radius:12px;padding:28px;color:#e9eef7}dialog::backdrop{background:#030811c9}.dialog-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head button{align-self:start}#source-content h3{color:var(--accent)}@media(min-width:1500px){main{grid-template-columns:245px minmax(500px,1fr) 390px}#viewport{height:480px}}@media(max-width:1100px){main{grid-template-columns:190px 1fr}.reader{grid-column:1/3;border-top:1px solid var(--line)}.badge{display:none}header button{margin-left:auto}}@media(max-width:700px){header{padding:16px}main{display:block}.navigator{padding:16px}#structures{display:flex;overflow:auto}.structure{min-width:175px}.scope{display:none}#viewport{height:350px}.reader{padding:24px}.toolbar{gap:8px}.pathway{padding:20px 15px}#diagram{grid-template-columns:1fr 16px 1fr 16px 1fr;gap:2px}.node{padding:8px}.node small{display:none}.pathway-heading{align-items:start}.eyebrow{letter-spacing:1px}}

.network-map{margin-top:18px}.network-map svg{width:100%;height:auto;display:block;margin-top:14px;min-width:560px}.network-map{overflow:auto}

/* Expanded course navigation */
.navigator{max-height:calc(100vh - 103px);position:sticky;top:0;display:flex;flex-direction:column}.navigator h2{flex-shrink:0}#structures{overflow-y:auto;min-height:140px;margin-top:14px}.scope{margin-top:10px;padding:12px 7px;font-size:12px}.search-label{font-size:12px;color:var(--muted);margin-bottom:6px}input[type=search]{width:100%;padding:9px;border:1px solid #3a4961;border-radius:6px;background:#101c2d;color:#e9eef7;font:inherit;font-size:13px}.structure[hidden]{display:none}.toolbar{gap:8px;padding:12px;font-size:12px}.toolbar button,.toolbar select{font-size:12px;padding:7px}.toolbar button{margin-left:0}.toolbar label{gap:5px}#diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.node{min-height:66px}.node small{font-size:10px;letter-spacing:1px}.node strong{margin-top:3px;font-weight:550}.pathway-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}#pathway-select{width:100%;margin-bottom:22px;background:#203447;font-size:14px}.model-limit{font-size:13px;border:1px solid #48576e;border-radius:7px;padding:12px 14px;margin:20px 0;color:#bac9dc}.model-limit b{color:#e5cfaa}.model-limit p{margin:7px 0 0}.related{display:flex;flex-wrap:wrap;gap:7px}.related button{font-size:13px;text-align:left}.network-map>p{margin-top:10px}.network-map svg{min-width:420px;margin-top:5px}.graph-edges path{fill:none;stroke:#809ab3;stroke-width:1.8;marker-end:url(#arrowhead)}.graph-edges text{fill:#c3d5e5;font-size:12px;paint-order:stroke;stroke:#0e1726;stroke-width:6px;stroke-linejoin:round}.graph-nodes rect{fill:#19283d;stroke:#627992;stroke-width:1.3}.graph-nodes text{fill:#e9eef7;font-size:14px}.connections-text{font-size:13px}.connections-text ul{padding-left:20px}.synapse-figure{border:1px solid #547184;border-radius:8px;padding:16px;margin:18px 0;text-align:center}.transmitter{color:#ffbc6b;padding:10px}.membrane{border-top:5px solid #65e0d1;padding-top:10px}table{border-collapse:collapse;font-size:14px;width:100%}th,td{border-bottom:1px solid #435169;text-align:left;padding:10px;vertical-align:top}.reader{overflow-wrap:anywhere}#viewport{height:440px}
@media(max-width:1100px){.navigator{position:static;max-height:900px}}@media(max-width:700px){.navigator{max-height:280px}.scope{display:none}#structures{display:flex;min-height:85px}.structure{min-width:175px}.structure[hidden]{display:none}#diagram{grid-template-columns:1fr 1fr}.node small{display:block}#viewport{height:380px}.network-map svg{min-width:440px}}

#orientation{position:absolute;right:14px;bottom:14px;color:#d3dff0;font-size:12px;background:#101a2cc9;padding:3px 7px;border-radius:4px;pointer-events:none}@media(max-width:700px){#orientation{bottom:40px}}

/* Readable relationships retain every edge without crossing labels. */
.map-filters,.lesson-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.map-filters button[aria-pressed=true],.lesson-tabs button[aria-pressed=true]{background:#20423f;border-color:var(--accent)}.connection-list{list-style:none;padding:0;display:grid;gap:12px}.connection-list li{display:grid;grid-template-columns:1fr minmax(90px,.7fr) 1fr;align-items:center;gap:12px;border:1px solid #435169;border-radius:9px;padding:15px;background:#142034}.connection-list li[hidden]{display:none}.connection-end{font-weight:600;overflow-wrap:anywhere}.connection-end button{display:block;font-size:12px;margin-top:7px}.connection-relation{text-align:center;color:#a9e3dc;font-size:13px}.connection-relation span{display:block;font-size:24px}.learning-lab{border-top:2px solid var(--accent);margin-top:24px;padding-top:12px}.learning-lab h4{font-size:17px;margin:16px 0 10px}.lesson-tabs button{font-size:12px;text-align:left}.circuit{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:10px;padding:15px;border:1px solid #50647c;border-radius:8px;margin-bottom:15px}.circuit span{padding:9px;background:#23364c;border-radius:6px}.circuit b{font-size:12px;color:#a9e3dc}.answer-choice{display:block;width:100%;text-align:left;margin:9px 0}.learning-lab input,.learning-lab textarea{width:100%;font:inherit;color:inherit;background:#0c1320;border:1px solid #627992;border-radius:5px;padding:10px;margin:8px 0}.learning-lab label{display:block;font-size:13px}#practice{margin-top:20px}#practice-feedback:not(:empty){padding:14px;border-left:3px solid var(--accent);background:#203449;margin-top:14px}.guide-hidden>:not(#practice):not(#hide-guide){display:none}.learning-lab textarea:focus-visible{outline:3px solid #ffbd66}@media(max-width:700px){.connection-list li{gap:8px;padding:10px;font-size:13px}}

.reader.practice-only > :not(.learning-host){display:none}

/* Anatomy-first layout: learning follows the large interactive workspace. */
main{grid-template-columns:240px minmax(0,1fr);max-width:1700px}.workspace{min-width:0}.reader{grid-column:2;border:1px solid var(--line);border-radius:12px;margin:0 24px 40px;padding:30px;max-width:none}.reader>p,.reader>details,.reader>.model-limit,.reader>.callout{max-width:900px}.reader .learning-lab{max-width:1000px}.navigator{grid-row:1/3;max-height:calc(100vh - 105px)}#viewport{height:clamp(460px,66vh,800px)}.toolbar{padding:15px;gap:12px}.selection-toggle{font-size:13px;margin:12px 0 0}#selection-summary{padding:16px 24px;background:#152438;border-bottom:1px solid var(--line)}#selection-summary>div{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}#selection-summary p{font-size:14px;max-width:850px;margin:8px 0}.selection-chip{border-left:4px solid;padding:4px 9px;background:#223449;border-radius:4px;font-size:13px}.network-map .overview-graph{min-width:0;max-width:1000px;margin:auto}.network-edges path{fill:none;stroke:#9fc4d0;stroke-width:2;marker-end:url(#network-arrow)}.network-edges circle{fill:#203449;stroke:#8eafbf}.network-edges text{fill:#e9eef7;font-size:13px}.network-nodes rect{fill:#1c3046;stroke:#8eafbf;stroke-width:1.5}.network-nodes text{fill:#e9eef7;font-size:14px;pointer-events:none}.network-nodes g{cursor:pointer}.network-nodes g[aria-pressed=true] rect{stroke:#65e0d1;stroke-width:4;fill:#20423f}.network-nodes g:focus-visible rect{stroke:#ffbd66;stroke-width:4}.muted-edge{opacity:.2}.muted-node{opacity:.4}#network-focus{margin:14px 0;padding:14px;border-left:3px solid var(--accent);background:#152438}.lesson-tabs button{font-size:14px}.circuit{max-width:700px}.learning-lab .answer-choice{max-width:700px}.learning-lab textarea{max-width:800px}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(max-width:800px){main{grid-template-columns:180px minmax(0,1fr)}.reader{grid-column:1/3;margin:0 12px 24px;padding:20px}.navigator{grid-row:1;max-height:800px;position:static}#viewport{height:480px}}@media(max-width:600px){main{display:block}.navigator{max-height:240px}.reader{margin:12px}#viewport{height:420px}.network-map .overview-graph{min-width:600px}.network-map{overflow:auto}.toolbar{gap:7px}#selection-summary{padding:14px}}

.exploration-panel{padding:20px 24px;background:#152e3b;border-top:2px solid var(--accent)}.exploration-panel[hidden]{display:none}.tour-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.tour-heading h2{margin:8px 0}.tour-actions{display:flex;flex-wrap:wrap;gap:10px}.tour-actions button{max-width:450px;text-align:left}#tour-feedback:not(:empty){margin-top:14px;background:#203e49;padding:12px;border-left:3px solid #ffbd66}.pair-relationship{margin-top:12px;max-width:950px}.exploration-panel details{margin-top:15px}.exploration-panel p{max-width:1000px}