.visual-classroom{--canvas:#f8fbff;--diagram-line:#d8e2ee}.visual-route .page-heading{margin-bottom:12px}.visual-route .page-heading .lede{display:none}.visual-route .page-heading h1{font-size:clamp(1.7rem,2.6vw,2.3rem);margin:8px 0}.visual-route .tabs{margin:14px 0 20px}.visual-course-control.classroom-tools{margin:0 0 15px;align-items:end}.visual-course-control label{font-size:.75rem}.visual-course-control select{font-size:.9375rem;padding:10px 13px}.visual-topic-track{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;margin-bottom:18px}.visual-topic-track button{border:1px solid #d9e3ef;background:white;border-radius:5px;padding:8px 4px;font:.8125rem monospace;color:#7e90a9}.visual-topic-track button.selected{background:#214770;border-color:#214770;color:white}.visual-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.visual-mode-bar>div{display:flex;gap:4px;padding:4px;background:#e9eff7;border-radius:7px}.visual-mode-bar button{font-size:.8125rem;border-radius:5px;padding:8px 14px;color:#677d99}.visual-mode-bar button.selected{background:white;color:#214770;box-shadow:0 2px 6px #23456212}.diagram-download{font-size:.75rem;color:#778da8;border-bottom:1px solid #c6d5e7;padding:3px 0}.visual-diagram{border:1px solid #d3dfed;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 8px 28px #25436b07}.visual-question{display:flex;align-items:center;gap:12px;padding:22px 24px 16px}.visual-question h2{font-size:1.4rem;line-height:1.5;letter-spacing:-.02em}.visual-type{font-size:.6875rem;padding:3px 7px;border-radius:4px;color:#6887a9;border:1px solid #d0dfef;white-space:nowrap}.visual-transport{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 23px 17px}.visual-transport .btn{font-size:.75rem;min-height:35px;padding:6px 11px}.visual-speed{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:.6875rem;color:#7186a1}.visual-speed select{border:1px solid #d4deeb;background:white;border-radius:4px;padding:4px;font-size:.75rem;color:#4e6988}.visual-step-buttons{display:flex;gap:5px}.visual-step-buttons button{width:27px;height:27px;border:1px solid #d2deec;border-radius:50%;font:.75rem monospace;color:#8398b1;display:grid;place-items:center}.visual-step-buttons button.selected{color:#fff;background:#255078;border-color:#255078}.visual-canvas-scroll{overflow:auto;background-color:var(--canvas);border-top:1px solid #e1e9f4;border-bottom:1px solid #e1e9f4;background-image:radial-gradient(#cbd9e8 .75px,transparent .75px);background-size:20px 20px}.visual-canvas{position:relative;min-height:260px;isolation:isolate;margin:auto}.visual-edges,.visual-lifelines{position:absolute;inset:0;overflow:visible;pointer-events:none;max-width:none}.visual-lifelines{z-index:1}.visual-lifelines path{stroke:#cddbeb;stroke-dasharray:4 6;fill:none}.visual-edges{z-index:2}.concept-edge{transition:opacity .25s}.concept-edge.unrevealed{opacity:.04}.concept-edge.revealed{opacity:.67}.concept-edge.focused.revealed{opacity:1}.concept-edge-label{font:12px 'DM Sans','Noto Sans SC',system-ui,sans-serif;paint-order:stroke;stroke:var(--canvas);stroke-width:5px;stroke-linejoin:round}.visual-group{position:absolute;background:#edf3fb80;border:1px solid #c9d9ec;border-radius:11px;z-index:0}.visual-group>span{display:block;text-align:center;font-size:.8125rem;color:#527397;padding:11px 5px;font-weight:600}.visual-group:nth-child(even){background:#f6f1e980;border-color:#e0d2bf}.concept-node{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;padding:17px 13px 11px;border:1.5px solid #b8cbe0;border-radius:9px;background:#fff;color:#315473;box-shadow:0 4px 8px #25436808;transition:opacity .35s,background .25s,border-color .25s,box-shadow .25s;font-size:.9375rem;line-height:1.45;text-align:center}.concept-node strong{font-weight:600;overflow-wrap:anywhere}.concept-index{position:absolute;left:8px;top:4px;font:.5625rem monospace;color:#98abc1}.concept-state{position:absolute;right:7px;top:4px;font:600 .75rem/1 monospace;color:inherit}.concept-node.unrevealed{opacity:.1;box-shadow:none;pointer-events:none}.concept-node.focused{border-color:#cc8254;background:#fff1e5;color:#7d4b2b;box-shadow:0 0 0 3px #eccab62b}.concept-node.selected-node{outline:3px solid #72a2d9;outline-offset:3px}.concept-node[data-state=done]{border-color:#69a394;background:#eaf7f1;color:#2a6b5b}.concept-node[data-state=blocked]{border-color:#c58888;background:#fff0ef;color:#964b4b}.concept-node[data-state=unknown]{border-color:#bfab77;background:repeating-linear-gradient(135deg,#fff9e9,#fff9e9 8px,#fcf2d9 8px,#fcf2d9 10px);color:#8a7239}.concept-node.decision-node{border-radius:20px 4px 20px 4px;border-width:2px}.visual-diagram[data-type=layers] .concept-node{border-left:7px solid #91b1d2;border-radius:3px 9px 9px 3px;justify-content:flex-start;padding-left:30px;text-align:left}.visual-diagram[data-type=layers] .concept-node.focused{border-left-color:#cb8d5a}.visual-diagram[data-type=state] .concept-node{border-radius:35px}.visual-diagram[data-type=pipeline] .concept-node{border-radius:3px 18px 18px 3px}.visual-caption{display:flex;align-items:start;gap:15px;padding:19px 24px;background:#fbfcff}.visual-current-number{font:.75rem/1.8 monospace;color:#bc784e;flex-shrink:0}.visual-caption p{font-size:1rem;color:#365677;line-height:1.8;margin:0;min-height:1.8em}.visual-node-detail{padding:13px 22px;margin:0 22px 13px;border-left:3px solid #8eb1d6;background:#eff5fc;border-radius:3px;font-size:.875rem;color:#54718e;line-height:1.8}.visual-bottom{display:flex;align-items:center;gap:12px;padding:15px 24px;border-top:1px solid #e4ecf5;flex-wrap:wrap}.predict-toggle{padding:7px 11px;border:1px solid #c9d9ed;border-radius:5px;background:#f1f6fd;font-size:.8125rem;color:#436c94}.visual-relation-legend{font-size:.6875rem;color:#99a9bc;flex:1;line-height:1.8}.takeaway-toggle{font-size:.75rem;color:#8a9bb1;text-decoration:underline;text-underline-offset:3px}.visual-prediction{border-top:1px solid #d8e4f1;padding:20px 24px;background:#f4f8fd}.visual-prediction h3{font-size:1rem;margin-bottom:15px}.visual-prediction>div{display:flex;gap:9px;flex-wrap:wrap}.visual-prediction button{border:1px solid #d0dfef;border-radius:6px;padding:10px 14px;background:white;color:#52708f;font-size:.875rem}.visual-prediction button.chosen{border-color:#c69369;background:#fff0e5}.visual-prediction button.correct{border-color:#6eaa91;background:#eaf7ef}.visual-prediction>p{font-size:.875rem;color:#3b705d;margin:17px 0 0;line-height:1.8}.visual-takeaway{font-size:1rem;padding:18px 24px;background:#edf6f0;color:#3e705b;margin:0;line-height:1.9}.visual-metrics{display:flex;gap:20px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid #e3ebf5;background:#f8fbff}.visual-metric{flex:1;min-width:100px}.visual-metric>span{font-size:.75rem;color:#788fa9}.visual-metric strong{display:block;font:600 1.45rem/1.7 monospace;color:#355d82}.visual-metric small{font-size:.6875rem;font-weight:400;margin-left:6px;color:#91a4bb}.visual-metric>div{height:5px;background:#e0e9f4;border-radius:3px;overflow:hidden}.visual-metric i{height:100%;display:block;background:#5b92c0;border-radius:3px;transition:width .7s}.visual-metric i.over{background:#c97e64}.visual-matrix{display:grid;gap:1px;background:#dbe6f2;margin:15px;width:calc(100% - 30px);border:1px solid #dbe6f2;border-radius:6px;overflow:hidden}.matrix-heading,.matrix-corner,.matrix-cell{background:#fff;min-height:58px;display:flex;align-items:center;justify-content:center;padding:7px;font-size:.8125rem;text-align:center;line-height:1.55;overflow-wrap:anywhere}.matrix-heading{color:#4a6f96;background:#eef4fc}.matrix-heading.focused{background:#ffe9d6;color:#875734}.matrix-heading.unrevealed{opacity:.35}.matrix-corner{font-size:.75rem;color:#9baec4;background:#f7faff}.matrix-cell{font-size:1.1rem;color:#ccd9e9}.matrix-cell.revealed{color:#4e83b5}.matrix-cell.focused{background:#fff0dc;color:#c3854d}.matrix-cell .empty-cell{color:#e7eef7}.matrix-cell:disabled{opacity:1;cursor:default}.visual-topic-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.visual-topic-pagination>.mono{font-size:.75rem;color:#8b9fb7}.visual-support{display:grid;gap:10px;margin:27px 0 5px}.visual-support>details{background:#fff;border:1px solid #dae4ef;border-radius:7px;padding:14px 18px}.visual-support>details>summary{cursor:pointer;font-size:.8125rem;color:#69849e;line-height:1.7}.visual-support>details[open]>summary{margin-bottom:22px}.visual-support .narration p{font-size:1rem}.visual-support .segment-notes{position:static}.visual-support .segment-layout{grid-template-columns:minmax(0,1fr) 230px}.visual-support .practice-spec{margin:0;border:0;padding:0}.visual-support .visual-boundary{font-size:.875rem;color:#6a8199;line-height:1.9}.visual-plan li,.visual-plan p{font-size:.875rem;color:#6c8099;line-height:1.8}.case-inspector{padding:16px 24px;border-top:1px solid #e1e8f2}.case-inspector>summary{font-size:.8125rem;color:#7790ac;cursor:pointer}.case-inspector>.scene-frame-boundary{margin:15px 0}.case-inspector .scene-evidence{padding:20px 0}.case-inspector .scene-source{margin:0 0 16px}.visual-classroom .scene-player{margin-bottom:0}.visual-classroom .scene-header{padding:20px 22px 14px}.visual-classroom .scene-header h2{font-size:1.2rem}.visual-classroom .scene-header .eyebrow{display:none}.visual-classroom .scene-brief{font-size:.8125rem;margin-bottom:16px}.visual-classroom .scene-commentary{padding:18px 22px}.visual-classroom .scene-explanation{font-size:.9375rem}.visual-classroom .scene-frame-title{font-size:1.05rem}.visual-route .lesson-bottom{margin-top:24px}.lecture-focus .visual-course-control{top:0}.lecture-focus .visual-topic-track{max-width:900px}.lecture-focus .visual-main-stage{max-width:1180px;margin:auto}.lecture-focus .visual-classroom{max-width:1280px;margin:auto}.lecture-focus .visual-diagram .visual-canvas-scroll{max-height:66vh}.lecture-focus .visual-classroom .classroom-tools{padding-top:8px;padding-bottom:8px}
@media(max-width:1100px){.visual-support .segment-layout{grid-template-columns:1fr}.visual-support .segment-notes{grid-template-columns:1fr 1fr}.visual-question h2{font-size:1.3rem}}@media(max-width:720px){.visual-route .page{padding:22px 15px 45px}.visual-route .page-heading h1{font-size:1.65rem}.visual-course-control.classroom-tools{gap:8px}.visual-course-control select{font-size:.8125rem;padding:9px}.visual-course-control .btn{font-size:.8125rem;min-height:35px;padding:7px 11px;flex:initial}.visual-topic-track{gap:4px}.visual-topic-track button{font-size:.6875rem;padding:8px 0;min-width:0}.visual-mode-bar{gap:8px;align-items:center}.visual-mode-bar button{padding:8px 10px;font-size:.75rem}.diagram-download{font-size:.6875rem;white-space:nowrap}.visual-question{padding:18px 15px 13px;gap:9px;align-items:flex-start}.visual-question h2{font-size:1.18rem;line-height:1.65}.visual-type{font-size:.625rem;margin-top:4px}.visual-transport{padding:0 14px 14px;gap:6px}.visual-transport .btn{font-size:.6875rem;min-height:33px;padding:6px 9px}.visual-speed{margin-left:0}.visual-step-buttons{margin-left:auto}.visual-step-buttons button{width:24px;height:24px;font-size:.6875rem}.concept-node{font-size:.875rem;line-height:1.5;padding-left:10px;padding-right:10px}.concept-edge-label{font-size:11px}.visual-caption{padding:16px;gap:10px}.visual-caption p{font-size:.9375rem;line-height:1.8}.visual-node-detail{margin:0 15px 12px;padding:12px;font-size:.8125rem}.visual-bottom{padding:13px 15px;gap:8px}.visual-relation-legend{font-size:.625rem;min-width:40%}.predict-toggle{font-size:.75rem;padding:7px 9px}.takeaway-toggle{font-size:.6875rem}.visual-prediction{padding:17px 15px}.visual-prediction h3{font-size:.9375rem}.visual-prediction button{font-size:.8125rem;padding:9px 11px}.visual-metrics{padding:15px;gap:12px}.visual-topic-pagination .btn{font-size:.8125rem;padding:8px 13px;min-height:36px}.visual-support>details{padding:13px 15px}.visual-support .segment-notes{grid-template-columns:1fr}.visual-support .narration p{font-size:.9375rem}.visual-canvas-scroll{max-height:70vh}.case-inspector{padding:15px}.visual-classroom .scene-commentary{padding:17px}.visual-classroom .scene-header{padding:18px 17px 12px}.visual-classroom .scene-header h2{font-size:1.12rem}}
@media(prefers-reduced-motion:reduce){.concept-node,.concept-edge,.visual-metric i{transition:none!important}}@media print{.visual-course-control,.visual-transport,.visual-mode-bar,.visual-topic-track,.visual-topic-pagination,.visual-support,.visual-bottom,.visual-prediction{display:none!important}.visual-diagram{break-inside:avoid;box-shadow:none}.visual-canvas-scroll{overflow:visible;max-height:none!important}}
.activity-reading{background:#fff;border:1px solid #d7e2ee;border-radius:9px;padding:18px 22px;margin:22px 0}.activity-reading>summary{font-size:.875rem;color:#66819f;cursor:pointer}.activity-reading[open]>summary{margin-bottom:20px}.activity-reading .practice-spec{border:0;margin:0;padding:0}.course-card .course-diagram-thumb{width:100%;height:130px;object-fit:contain;border-radius:7px;background:#f8fbff;border:1px solid #e3eaf4;margin-bottom:18px}.course-card p{display:none}.course-card .card-top{margin-bottom:12px}.visual-main-stage .scene-visual-wrap{max-height:460px}.visual-main-stage .scene-visual{min-width:660px}@media(max-width:720px){.course-card .course-diagram-thumb{height:105px}.activity-reading{padding:16px}.visual-main-stage .scene-visual-wrap{max-height:360px}}

.visual-classroom [hidden]{display:none!important}.visual-route .page{padding-top:26px}.visual-route .page-heading h1{font-size:1.85rem}.visual-route .page-heading .eyebrow{font-size:.65rem}.visual-route .tabs{margin:10px 0 14px}.visual-route .visual-topic-track{margin-bottom:10px}.visual-route .visual-mode-bar{margin-bottom:12px}.visual-matrix{grid-auto-rows:minmax(58px,auto)}