.b3-mission{color:#e8f3ff;box-sizing:border-box;background:#101f2d;width:100%;min-height:540px;padding:clamp(18px,3vw,36px)}.b3-mission h2{font-size:clamp(20px,3vw,29px);line-height:1.5}.b3-mission p{line-height:1.9}.b3-mission button,.b3-mission select,.b3-chapter-continuity button{font:inherit;color:#fff;cursor:pointer;background:#203b50;border:1px solid #63829a;border-radius:7px;max-width:100%;margin:4px;padding:10px 14px}.b3-mission button:disabled{opacity:.35;cursor:default}.b3-route{gap:8px;max-width:680px;padding:0;list-style:none;display:grid}.b3-route li{background:#1d3446;border-left:3px solid #56dcd4;align-items:center;gap:12px;padding:8px 14px;display:flex}.b3-route li span{white-space:nowrap;margin-left:auto}.b3-circuit{gap:8px;max-width:700px;display:grid}.b3-circuit label{gap:8px;display:grid}.b3-circuit label>span{color:#9adfd9}.b3-circuit i{text-align:center;color:#56dcd4;font-size:25px}.b3-log{overflow-wrap:anywhere;background:#08131e;gap:14px;padding:16px;font-family:monospace;display:grid}.b3-controls{flex-wrap:wrap;gap:24px;display:flex}.b3-controls label{gap:12px;display:grid}.b3-replicas{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.b3-replicas article{background:#183247;border:1px solid #63829a;border-radius:10px;padding:14px}.b3-replicas button{font-size:13px}.b3-result{background:#112f38;border:1px solid #59d9c6;border-radius:10px;margin-top:24px;padding:18px}.b3-result li{padding:8px;line-height:1.6}.b3-result li[data-ok=false]{color:#ffc18a}.b3-boundary{color:#9db4c7;font-size:12px}.b3-chapter-continuity{color:#e9f4ff;background:#152c40;padding:18px;line-height:1.8}.b3-chapter-continuity p:last-child{color:#b4c6d7;font-size:12px}:is(.screen-stage:has(.b3-mission),.screen-stage:has(.b3-chapter)){height:auto!important;max-height:none!important;overflow:visible!important}.b3-chapter{width:100%;min-width:0}.b3-chapter video{max-width:100%}@media (width<=650px){.b3-replicas{grid-template-columns:1fr}.b3-mission select{width:100%;margin:4px 0}.b3-route li{gap:6px;padding:7px}.b3-route button{padding:8px}.b3-result{padding:12px}}.screen-player .screen-stage.client-animation-stage{box-sizing:border-box;height:auto;min-height:420px;padding:12px;display:block;overflow:visible}.client-server-animation{box-sizing:border-box;color:#17334c;background:#fff;width:100%;padding:18px;line-height:1.8}.client-server-animation h2{margin:8px 0;font-size:24px}.client-server-animation h3{margin:8px 0;font-size:21px}.client-server-animation header p{max-width:750px}.client-animation-conditions{border:1px solid #b9ccdc;border-radius:10px;flex-wrap:wrap;gap:16px;margin:20px 0;padding:12px;display:flex}.client-animation-conditions label{align-items:center;gap:8px;display:flex}.client-animation-world{grid-template-columns:1fr 1fr;align-items:stretch;gap:120px;padding:10px 0;display:grid;position:relative}.client-animation-device{background:#f7faff;border:2px solid #b3c5d5;border-radius:14px;min-width:0;padding:16px}.client-animation-device[data-active=true]{background:#edf7ff;border-color:#266d9b}.client-animation-device button{text-align:left;background:#fff;align-items:center;gap:12px;width:100%;display:flex}.client-animation-device .system-illustration{flex-shrink:0;width:58px;height:45px}.client-animation-device ol{padding:0;list-style:none}.client-animation-device li{background:#fff;border:1px solid #d6e1eb;margin:5px 0;padding:6px 9px;font-size:14px}.client-animation-device li[data-current=true]{background:#d9ece8;border-color:#438675;font-weight:700}.client-animation-device li span{font-size:12px}.client-animation-device dl{grid-template-columns:1fr auto;gap:8px;font-size:14px;display:grid}.client-animation-device dd{margin:0;font-weight:700}.client-animation-wire{text-align:center;border-top:3px solid #8ca8bd;width:120px;min-height:80px;font-size:12px;position:absolute;top:43%;left:calc(50% - 60px)}.client-animation-wire>span{margin-top:6px;display:block}.client-animation-packet{z-index:1;overflow-wrap:anywhere;background:#fff5cb;border:1px solid #ab8629;border-radius:6px;padding:5px;font-size:12px;display:block;position:relative}.client-animation-world[data-moving=true][data-transfer=true] .client-animation-packet{animation:2.5s ease-in-out infinite client-request-travel}.client-animation-world[data-response=true] .client-animation-packet{animation-direction:reverse}.client-animation-world[data-blocked=true] .client-animation-packet{border-color:#ad4339;animation-name:client-request-blocked}.client-animation-stop{color:#a23d30;background:#fff;display:block}.client-animation-explanation{background:#f0f6fb;border-left:4px solid #2f759f;margin:20px 0;padding:20px}.client-animation-explanation p{margin:10px 0}.client-animation-step{flex-wrap:wrap;gap:10px;display:flex}.client-animation-question{border-top:1px solid #c2d5e2;margin-top:24px;padding-top:16px}.client-animation-notice{color:#526d80;margin-top:18px;font-size:12px;display:block}@keyframes client-request-travel{0%{transform:translate(-35px)}to{transform:translate(35px)}}@keyframes client-request-blocked{0%{transform:translate(-35px)}to{transform:translate(0)}}@media (width<=650px){.client-server-animation{padding:8px}.client-server-animation h2{font-size:21px}.client-animation-world{grid-template-columns:1fr;gap:110px}.client-animation-device{padding:12px}.client-animation-wire{border-top:0;border-left:3px solid #8ca8bd;width:155px;min-height:80px;padding-left:10px;top:calc(50% - 45px);left:50%;transform:translate(-50%)}.client-animation-world[data-moving=true][data-transfer=true] .client-animation-packet{animation-name:client-request-down}.client-animation-world[data-blocked=true] .client-animation-packet{animation-name:client-request-stop}.client-animation-explanation{padding:14px}.client-animation-conditions{gap:12px}.client-animation-device button{font-size:16px}@keyframes client-request-down{0%{transform:translateY(-12px)}to{transform:translateY(15px)}}@keyframes client-request-stop{0%{transform:translateY(-12px)}to{transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.client-animation-world .client-animation-packet{animation:none!important}}.client-animation-world[data-moving=true][data-internal=true] li[data-current=true]{animation:1.8s ease-in-out infinite client-internal-work}@keyframes client-internal-work{0%,to{box-shadow:inset 4px 0 #438675}50%{box-shadow:inset 12px 0 #438675}}@media (prefers-reduced-motion:reduce){.client-animation-world li[data-current=true]{animation:none!important}}.opening-animation-player{color:#17334c;box-sizing:border-box;background:#fff;border-bottom:2px solid #a9c5d7;max-width:100%;padding:18px;line-height:1.8}.opening-animation-player h2{font-size:23px;line-height:1.6}.opening-animation-player video{background:#f7faff;border-radius:10px;width:100%;max-height:75dvh;margin-top:16px;display:block}.opening-animation-player audio{width:100%;margin:16px 0}.opening-animation-player [hidden]{display:none}.opening-animation-modes{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.opening-animation-modes [aria-pressed=true]{background:#e4f2ee;border-color:#397b6e}.opening-animation-caption{background:#eff6f5;border-left:3px solid #397b6e;padding:12px;font-size:15px}@media (width<=650px){.opening-animation-player{padding:10px}.opening-animation-player h2{font-size:21px}}.screen-stage.client-animation-stage:has(.opening-animation-video-only){background:#fff;min-height:0;padding:0}.opening-animation-video-only{background:#fff;border:0;padding:0}.opening-animation-video-only video{object-fit:contain;border-radius:0;max-height:75dvh;margin:0}.opening-animation-video-only p[role=status]{padding:18px}.opening-animation-video-only,.opening-animation-video-only video{background:#0b141e}.screen-player .section-media-stage{background:#fff;overflow:visible;height:auto!important;min-height:0!important}.section-media{color:#192e46;background:#fff;padding:20px;line-height:1.9}.section-learning-modes{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.screen-player .section-learning-modes button{color:#193651;background:#edf2f8;border:1px solid #bbcbdc;min-height:44px}.screen-player .section-learning-modes button[aria-pressed=true]{color:#fff;background:#244fb9;border-color:#244fb9}.section-media-status,.section-media-error{color:#52657c;margin:10px 0;font-size:13px}.section-media-error{color:#65451b;background:#fff4dc;padding:10px}.section-media video{background:#16283a;border-radius:10px;width:100%;max-height:65vh;display:block}.section-media audio{width:100%;margin:18px 0;display:block}.section-media :is(video,audio)[hidden]{display:none}.section-media-transcript{border-left:3px solid #4976c9;margin:18px 0;padding:0 16px}.section-media-transcript p{white-space:pre-line;color:#3b5067}.section-media-transcript b{color:#18375e;display:block}.section-explanation{color:#243b52;border-top:1px solid #d6e0eb;max-width:850px;margin:28px auto 0;padding:20px 0}.section-explanation h2{color:#17365a;margin:0 0 16px;font-size:18px}.section-explanation p{white-space:pre-line;margin:0 0 17px;font-size:16px;line-height:2}.section-explanation strong{color:#153858;font-weight:750}.screen-player-main>.section-explanation{background:#fff;border:1px solid #d6e0eb;border-radius:12px;max-width:none;padding:22px}.section-media-visual{background:#f7faff;border:1px solid #d9e4ef;border-radius:12px;padding:12px}.section-media-visual .section-figure{box-sizing:border-box;width:100%;min-width:0;margin:0}.section-media-visual .narrative-prerequisite,.section-media-visual .section-figure-next{display:none}.section-media-visual .section-flow{flex-wrap:wrap;width:100%;min-width:0;display:flex}.section-media-visual .section-flow-pair{flex:1;align-items:center;min-width:0;display:flex}.section-media-visual .section-flow-node{box-sizing:border-box;flex:1;width:auto;min-width:0;padding:16px 8px}.section-media-visual .section-flow-wire{flex:0 0 40px;min-width:0}.section-media-visual .section-flow-node h3{overflow-wrap:anywhere;font-size:17px}.section-media-visual .section-flow-node p{overflow-wrap:anywhere;font-size:14px}.section-question{flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;display:flex}.section-question small{color:#52657c;font-size:12px}.section-question-panel{background:#f0f6ff;border:1px solid #b5cce5;border-radius:12px;margin:15px 0;padding:18px}.section-question-panel p{white-space:pre-line}.section-diagram{background:#f7faff;margin:0;padding:20px 12px}.section-diagram>figcaption{color:#193955;margin:0 0 24px;font-size:21px;font-weight:750}.section-diagram-nodes{justify-content:center;align-items:stretch;gap:0;display:flex}.section-diagram-pair{flex:1;align-items:center;min-width:0;display:flex}.section-diagram-node{text-align:center;background:#fff;border:2px solid #a9bfd8;border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:0;min-height:140px;padding:22px 12px;display:flex}.section-diagram-node[data-focus=true]{background:#edf4ff;border-color:#2258cb;box-shadow:0 0 0 4px #2258cb22}.section-diagram-node>span{color:#294e7e;border:1px solid #89a5c8;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:12px;display:grid}.section-diagram-node strong{overflow-wrap:anywhere;font-size:18px}.section-diagram-node p{margin:8px 0 0;font-size:15px}.section-diagram-connector{color:#375e91;padding:8px;font-size:24px}.section-diagram-caption{color:#526981;margin:22px 0 0;font-size:14px}.layout-boundary .section-diagram-nodes{border:2px dashed #6e8daf;border-radius:18px;padding:16px}.layout-timeline .section-diagram-node{border-bottom:5px solid #4771a8}@media (width<=650px){.section-media{padding:12px}.section-diagram-nodes,.section-diagram-pair{flex-direction:column}.section-diagram-pair{width:100%}.section-diagram-node{box-sizing:border-box;width:100%;min-height:95px}.section-diagram-connector{padding:4px;transform:rotate(90deg)}.layout-compare .section-diagram-connector{transform:none}.section-explanation p{font-size:15px}.section-media-visual .section-analogy{grid-template-columns:1fr}.section-media-visual .section-flow,.section-media-visual .section-flow-pair{flex-direction:column}.section-media-visual .section-flow-node{width:100%}.section-media-visual .section-flow-wire{flex-basis:40px;transform:rotate(90deg)}.section-media-visual .section-compare{grid-template-columns:1fr}.section-media-visual .section-figure{padding:14px 12px}.section-media-visual .section-figure h2{margin:8px 0 16px;font-size:20px}.section-media-visual .section-flow-node{min-height:94px;padding:10px}.section-media-visual .section-flow-number{font-size:19px}.section-media-visual .section-flow-node h3{margin:6px 0;font-size:16px}.section-media-visual .section-flow-node p{margin:4px 0;font-size:14px}.section-media-visual .section-flow-wire{flex-basis:30px}.section-media-visual .section-flow-wire span{display:none}.section-media-visual .section-figure figcaption{margin-top:14px;padding:10px;font-size:14px}.section-media-visual .section-analogy>div{grid-template-columns:85px 20px 1fr;gap:6px;padding:10px}.section-media-visual .section-analogy p{font-size:14px}.screen-player .screen-player-track label{white-space:nowrap;flex-basis:100%}.screen-player .screen-player-track select{flex:1;width:0;max-width:none}.section-media-visual .section-analogy>div{grid-template-columns:100px 16px 1fr}.section-media-visual .section-analogy :is(b,strong){font-size:15px}}.section-media-tools-outside{padding:16px 0}.section-media-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.section-media-controls .section-media-status{flex-basis:100%;margin:0}.screen-stage.section-media-stage{height:auto;min-height:0;padding:0;display:block}.section-media video{object-fit:contain;background:#0b141e;width:100%;max-height:75dvh;display:block}.section-media video[hidden],.section-media audio[hidden]{display:none}.technical-section-reading canvas{object-fit:contain;background:#0b141e;width:100%;height:auto;max-height:75dvh;display:block}.technical-section-reading label{align-items:center;gap:12px;padding:12px;display:flex}.technical-section-reading input{flex:1;min-width:50px}.technical-section-reading p{padding:0 12px 12px;line-height:1.8}.foundation-workbench{color:#20283d;background:#fff;max-width:1080px;margin:auto}.screen-player .foundation-stage{background:#fff;height:auto;min-height:520px;padding:16px;overflow:visible}.screen-player .foundation-workbench{box-sizing:border-box;border:0;width:100%;max-width:1080px;padding:0;font-size:16px}.foundation-workbench .narrative-world{width:100%;height:auto;margin:.5rem 0;display:block}.foundation-workbench .narrative-prerequisite{font-size:12px;line-height:1.6}.screen-player .foundation-comparison button{font-size:16px}.screen-player-main:has(.foundation-stage) .screen-player-footer{z-index:4;background:#f6f8ff;border:1px solid #d4dcee;border-radius:10px;margin-top:12px;position:sticky;bottom:0;box-shadow:0 -4px 14px #2639540a}.foundation-workbench h2{margin:.6rem 0;font-size:1.55rem;line-height:1.5}.foundation-question{color:#223660;background:#f0f4ff;border-left:4px solid #315bd6;padding:.65rem 1rem;font-weight:650}.foundation-comparison{gap:.6rem;margin:1rem 0;display:grid}.foundation-comparison button{text-align:left;color:#20283d;background:#fff;border:1px solid #d4dcee;border-radius:10px;grid-template-columns:minmax(160px,1fr) 2fr;gap:1.1rem;padding:1rem;line-height:1.6;display:grid}.foundation-comparison button:nth-child(2){border-left:4px solid #ab4d16}.foundation-comparison button:nth-child(3){border-left:4px solid #7943bd}.foundation-comparison button.selected{background:#edf2ff;box-shadow:inset 0 0 0 1px #315bd6}.foundation-points,.foundation-source-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.foundation-points button,.foundation-source-controls button{color:#263c70;font:inherit;background:#fff;border:1px solid #c8d2eb;border-radius:7px;padding:.45rem .7rem}.foundation-points button[aria-pressed=true]{color:#fff;background:#273954;border-color:#273954}.foundation-source-controls button:disabled{opacity:.5;cursor:default}.foundation-observation{color:#344461;margin:.6rem 0;font-size:.94rem}.foundation-experiment{background:#f8faff;border:1px solid #dbe3f2;border-radius:10px;margin:.8rem 0;padding:.7rem 1rem}.foundation-experiment p{margin:.5rem 0 0;font-size:.9rem;line-height:1.65}.foundation-experiment input{min-width:170px;font:inherit;color:#20283d;background:#fff;border:1px solid #bdcbe2;border-radius:5px;padding:.4rem;display:block}.foundation-bytes{white-space:normal;overflow-wrap:anywhere;color:#273954;margin:.6rem 0;font-size:.93rem;display:block}.foundation-decoded{overflow-wrap:anywhere;justify-content:space-around;align-items:center;gap:12px;padding:12px;display:flex}.foundation-decoded b{color:#263c70;font-size:1.5rem;display:block}.foundation-meter{isolation:isolate;text-align:center;color:#1e2b46;background:#e4eaf5;border-radius:7px;padding:.4rem;position:relative}.foundation-meter span{z-index:-1;background:#bfd0ff;border-radius:7px;position:absolute;inset:0 auto 0 0}.foundation-workbench figcaption{color:#174c55;background:#eef8f7;border-radius:8px;padding:.8rem 1rem;line-height:1.7}.foundation-source{border:1px solid #dbe3f2;border-radius:8px;margin:.7rem 0;padding:.65rem 1rem;font-size:.95rem}.foundation-source summary{cursor:pointer;color:#294571;font-weight:650}.foundation-source p{white-space:pre-line;line-height:1.9}.foundation-workbench button:hover{filter:brightness(.97)}.foundation-workbench button:focus-visible,.foundation-workbench summary:focus-visible{outline-offset:3px;outline:3px solid #315bd6}@media (width<=600px){.foundation-comparison button{grid-template-columns:1fr;gap:.2rem}.foundation-workbench h2{font-size:1.2rem}}.system-lab,.learning-figure,.practice-studio{--media-green:#087b8c;--media-purple:#b7a7da;--media-gold:#d8c18d;color:var(--c-ink)}.system-lab{border:1px solid var(--c-border-strong);background:var(--c-surface);border-radius:16px;margin:26px 0;overflow:hidden;box-shadow:0 8px 35px #0b302a0a}.lab-heading{background:linear-gradient(115deg,#4ba88316,#0000);align-items:center;gap:14px;padding:24px 28px 15px;display:flex}.lab-mark{width:42px;height:42px;color:var(--c-brand-ink);background:#619e7c29;border:1px solid #74a88855;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.lab-heading>div{flex:1;min-width:0}.lab-heading>div>span{letter-spacing:.18em;color:var(--c-faint);font-size:9px}.lab-heading h2{letter-spacing:-.02em;margin-top:5px;font-size:22px;font-weight:800;line-height:1.5}.lab-model-label{border:1px solid var(--c-border);color:var(--c-muted);white-space:nowrap;border-radius:5px;padding:4px 9px;font-size:9px}.lab-intro{color:var(--c-muted);padding:0 28px 22px;font-size:13px;line-height:1.9}.lab-body{border-top:1px solid var(--c-border);grid-template-columns:minmax(245px,.85fr) minmax(0,2fr);display:grid}.lab-controls{background:var(--c-surface-2);border-right:1px solid var(--c-border);padding:25px 22px}.lab-section-label{color:var(--c-muted);align-items:center;gap:9px;margin-bottom:21px;font-size:12px;font-weight:700;display:flex}.lab-section-label>b{color:var(--c-brand-ink);border:1px solid var(--c-border-strong);border-radius:5px;padding:3px 6px;font-size:10px}.lab-section-label>span{margin-left:auto;font-size:10px;font-weight:400}.lab-control{border-bottom:1px solid var(--c-border);padding:16px 0;font-size:12px;display:block}.lab-control>span{justify-content:space-between;align-items:center;gap:12px;line-height:1.7;display:flex}.lab-control b{font-weight:700}.lab-control output{font-family:var(--c-font-mono);color:var(--c-brand-ink);white-space:nowrap;font-size:13px}.lab-control input[type=range]{accent-color:#315bd6;width:100%;margin-top:14px}.lab-control input[type=text],.lab-control select{border:1px solid var(--c-border-strong);background:var(--c-surface);width:100%;color:var(--c-ink);border-radius:6px;margin-top:10px;padding:10px;font-size:13px}.lab-control.control-toggle{cursor:pointer;align-items:center;gap:10px;display:flex}.lab-control.control-toggle>span{flex:1;display:block}.lab-control em{color:var(--c-faint);font-size:8px;font-style:normal}.lab-control small{color:var(--c-faint);font-size:10px;display:block}.lab-control input[role=switch]{appearance:none;background:var(--c-border-strong);cursor:pointer;border-radius:20px;flex-shrink:0;width:33px;height:19px;transition:background .15s;position:relative}.lab-control input[role=switch]:after{content:"";background:#f7fff9;border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:3px;left:3px}.lab-control input[role=switch]:checked{background:#315bd6}.lab-control input[role=switch]:checked:after{transform:translate(14px)}.lab-reset{color:var(--c-muted);text-underline-offset:4px;cursor:pointer;margin:20px 0 8px;font-size:10px;text-decoration:underline}.lab-control-note{color:var(--c-faint);margin-top:8px;font-size:10px;line-height:1.8}.lab-observer{min-width:0;padding:25px 26px}.system-graph{grid-template-columns:repeat(var(--nodes), minmax(0, 1fr));gap:19px;padding:15px 0 23px;display:grid}.system-node{border:1px solid var(--c-border);background:var(--c-surface-2);text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:130px;padding:15px 6px;display:flex;position:relative}.system-node-number{letter-spacing:.12em;color:var(--c-faint);font-size:8px;position:absolute;top:7px;left:8px}.system-node>.h-icon{width:27px;height:27px;color:var(--c-faint);margin:12px 0 9px}.system-node>b{overflow-wrap:anywhere;font-size:11px;line-height:1.6}.system-node>small{color:var(--c-faint);margin-top:7px;font-size:8px}.system-node.current{background:linear-gradient(120deg, #5cbd8822, var(--c-surface-2));border-color:#a7b9eb;box-shadow:0 0 0 3px #4c9b7520}.system-node.current>.h-icon{color:var(--c-brand-ink)}.system-node.blocked{background:#b9823320;border-color:#c59a65}.system-node.visited:not(.current){border-color:#658f7a77}.system-connector{background:var(--c-border-strong);width:18px;height:2px;position:absolute;top:50%;left:calc(100% + 1px)}.system-connector:after{content:"";border-left:4px solid var(--c-faint);border-top:4px solid #0000;border-bottom:4px solid #0000;position:absolute;top:-3px;right:0}.system-connector.moving>i{background:#dce6ff;border-radius:50%;width:5px;height:5px;animation:1s linear infinite connector-dot;position:absolute;top:-2px}.lab-transit{border:1px dashed var(--c-border-strong);background:var(--c-surface-2);border-radius:7px;margin-bottom:16px;padding:11px;position:relative;overflow:hidden}.lab-transit>p{text-align:center;color:var(--c-muted);z-index:1;font-size:10px;position:relative}.lab-transit>p>span{color:var(--c-brand-ink);padding:0 12px}.lab-transit b{color:var(--c-faint);margin-top:5px;font-size:8px;font-weight:400;display:block}.lab-data-packet{width:max-content;color:var(--c-ink);background:#609f7c33;border:1px solid #7cac7b77;border-radius:4px;margin-bottom:6px;padding:3px 8px;font-size:8px;display:block}.lab-data-packet.travelling{animation:transfer-packet var(--duration) ease-in-out both}.lab-current-event{background:var(--c-surface-2);border-left:3px solid #638cff;border-radius:0 8px 8px 0;min-height:145px;padding:20px}.lab-current-event.blocked{background:#af843116;border-left-color:#d4a56e}.lab-current-event.success{border-left-color:#a7b9eb}.event-kicker{letter-spacing:.16em;color:var(--c-faint);font-size:8px;display:block}.lab-current-event h3{margin:8px 0;font-size:17px;font-weight:700;line-height:1.6}.lab-current-event p{color:var(--c-muted);font-size:12px;line-height:1.9}.lab-state-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px;margin:15px 0;display:grid}.lab-state-grid>div{border:1px solid var(--c-border);background:var(--c-surface);border-radius:7px;min-width:0;padding:12px}.lab-state-grid dt{color:var(--c-faint);margin-bottom:6px;font-size:9px}.lab-state-grid dd{font-size:13px;font-family:var(--c-font-mono);overflow-wrap:anywhere}.lab-table-scroll{border:1px solid var(--c-border);border-radius:7px;max-height:300px;margin-top:14px;overflow:auto}.lab-table-scroll table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.lab-table-scroll th{background:var(--c-surface-2);text-align:left;font-size:10px;position:sticky;top:0}.lab-table-scroll td,.lab-table-scroll th{border-bottom:1px solid var(--c-border);padding:10px 12px}.lab-table-scroll tr:last-child td{border-bottom:0}.lab-playback{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.lab-playback>button{border:1px solid var(--c-border-strong);color:var(--c-muted);background:var(--c-surface);cursor:pointer;border-radius:5px;padding:8px 11px;font-size:10px}.lab-playback>button.lab-play{color:#f4fff5;background:#315bd6;border-color:#638cff}.lab-playback>button:disabled{opacity:.4;cursor:not-allowed}.lab-playback>label{color:var(--c-faint);align-items:center;gap:6px;margin-left:auto;font-size:9px;display:flex}.lab-playback select{border:1px solid var(--c-border-strong);color:var(--c-ink);background:var(--c-surface);border-radius:4px;padding:5px;font-size:11px}.lab-scrubber{align-items:center;gap:20px;margin-top:15px;display:flex}.lab-scrubber>label{color:var(--c-faint);flex:1;align-items:center;gap:10px;font-size:9px;display:flex}.lab-scrubber input{accent-color:#315bd6;flex:1;min-width:0}.lab-scrubber>button{color:var(--c-muted);cursor:pointer;font-size:9px;text-decoration:underline}.lab-footer{border-top:1px solid var(--c-border);background:linear-gradient(110deg,#638b6810,#0000);padding:25px 28px}.lab-footer>.lab-section-label{margin-bottom:12px}.lab-footer>p{color:var(--c-muted);font-size:12px;line-height:1.95}.lab-comparison{margin-top:18px}.lab-comparison>button{border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-ink);cursor:pointer;border-radius:5px;padding:9px 12px;font-size:11px}.lab-comparison>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.lab-comparison article{border:1px solid var(--c-border-strong);border-radius:8px;padding:14px}.lab-comparison article>span{color:var(--c-faint);font-size:9px;display:block}.lab-comparison article>b{margin-top:6px;font-size:13px;line-height:1.8;display:block}.lab-comparison article>p{color:var(--c-muted);margin-top:8px;font-size:9px;line-height:1.8}.lab-challenge{border-top:1px solid var(--c-border);margin-top:20px;padding-top:17px}.lab-challenge summary{cursor:pointer;font-size:12px;font-weight:700}.lab-challenge label{color:var(--c-muted);margin-top:14px;font-size:11px;display:block}.lab-challenge textarea{background:var(--c-surface);border:1px solid var(--c-border-strong);width:100%;min-height:80px;color:var(--c-ink);border-radius:6px;margin-top:8px;padding:12px;font-size:12px;display:block}.lab-challenge>p{color:var(--c-faint);margin-top:10px;font-size:10px;line-height:1.8}.lab-footer>.lab-limit{color:var(--c-faint);margin-top:20px;font-size:9px;line-height:1.9}.bit-controls{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px;gap:7px!important;display:grid!important}.bit-controls button{border:1px solid var(--c-border-strong);color:var(--c-muted);background:var(--c-surface);cursor:pointer;border-radius:6px;padding:8px}.bit-controls button[aria-pressed=true]{color:var(--c-ink);background:#6f9a7533;border-color:#a7b9eb}.bit-controls b{font-family:monospace;font-size:19px;display:block}.bit-controls small{font-size:8px}.learning-figure{border:1px solid var(--c-border);background:var(--c-surface-2);border-radius:12px;margin:24px 0;overflow:hidden}.figure-topline{border-bottom:1px solid var(--c-border);align-items:center;gap:14px;padding:13px 20px;display:flex}.figure-topline>span{letter-spacing:.17em;color:var(--c-faint);font-size:8px}.figure-topline>b{color:var(--c-muted);font-size:11px;font-weight:500}.learning-figure figcaption{color:var(--c-muted);border-top:1px solid var(--c-border);padding:15px 20px;font-size:11px;line-height:1.8}.analogy-matrix{padding:18px 20px}.analogy-column-head,.analogy-row{grid-template-columns:minmax(0,1fr) 45px minmax(0,1.3fr);align-items:center;gap:10px;display:grid}.analogy-column-head{color:var(--c-faint);padding-bottom:10px;font-size:9px}.analogy-column-head>span{text-align:center;font-size:8px}.analogy-row{margin:9px 0}.analogy-row>strong,.analogy-row>div{border:1px solid var(--c-border);background:var(--c-surface);overflow-wrap:anywhere;border-radius:7px;padding:13px 15px;font-size:13px}.analogy-row>strong{border-left:3px solid #a7b9eb}.analogy-row>span{text-align:center;color:var(--c-faint);font-size:20px}.analogy-row b{font-size:13px}.analogy-row p{color:var(--c-muted);margin-top:4px;font-size:10px;line-height:1.7}.figure-caution{color:var(--c-faint);margin-top:15px;font-size:9px;line-height:1.9}.figure-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px;display:grid}.figure-comparison>section{border:1px solid var(--c-border-strong);background:var(--c-surface);border-radius:8px;overflow:hidden}.figure-comparison header{border-bottom:1px solid var(--c-border);background:#6f9a7514;padding:16px}.figure-comparison header>span{letter-spacing:.15em;color:var(--c-faint);font-size:8px}.figure-comparison h4{margin-top:6px;font-size:15px;font-weight:700}.figure-comparison header p{color:var(--c-muted);margin-top:6px;font-size:10px}.figure-comparison ul{padding:9px 15px}.figure-comparison li{border-bottom:1px solid var(--c-border);align-items:flex-start;gap:8px;padding:10px 0;display:flex}.figure-comparison li:last-child{border:0}.figure-comparison li>span{color:var(--c-faint);font-size:13px}.figure-comparison li b{font-size:12px}.figure-comparison li p{color:var(--c-muted);margin-top:4px;font-size:10px;line-height:1.8}.figure-comparison .mark-add{background:#69986510}.figure-comparison .mark-add>span{color:var(--c-good-ink,var(--t-good-ink))}.figure-comparison .mark-drop>span{color:var(--t-warn-ink)}.figure-node-list{gap:16px;padding:20px;display:flex}.figure-node-wrapper{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.figure-node{border:1px solid var(--c-border-strong);background:var(--c-surface);text-align:left;cursor:pointer;border-radius:9px;width:100%;min-height:110px;padding:16px 13px;position:relative}.figure-node.selected{border-color:#a7b9eb;box-shadow:0 0 0 2px #a7b9eb20}.figure-node>b{overflow-wrap:anywhere;font-size:13px;line-height:1.7;display:block}.figure-node>span:not(.figure-index){color:var(--c-muted);margin-top:6px;font-size:10px;line-height:1.8;display:block}.figure-index{color:var(--c-faint);letter-spacing:.1em;margin-bottom:8px;font-size:8px;display:block}.figure-device-icon{width:38px;height:38px;margin:4px 0 10px;display:block}.figure-link-label{width:42px;color:var(--c-faint);overflow-wrap:anywhere;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;line-height:1.5;display:flex}.figure-link-label i{font-size:18px;font-style:normal}.figure-node-list.vertical{flex-direction:column;gap:7px}.figure-node-list.vertical>.figure-node-wrapper{flex-direction:column;gap:5px;width:100%;display:flex}.figure-node-list.vertical .figure-node{align-items:center;gap:15px;min-height:auto;display:flex}.figure-node-list.vertical .figure-node>b{flex:1}.figure-node-list.vertical .figure-index{min-width:25px;margin:0}.figure-node-list.vertical .figure-node>span:not(.figure-index){max-width:55%;margin-top:0}.figure-node-list.vertical .figure-link-label{flex-direction:row;gap:12px;width:auto}.figure-axis-labels{color:var(--c-faint);justify-content:space-between;gap:15px;padding:0 20px 15px;font-size:9px;display:flex}.figure-focus{background:var(--c-surface);border-left:2px solid #a7b9eb;border-radius:0 7px 7px 0;margin:0 20px 20px;padding:14px}.figure-focus>span{color:var(--c-faint);font-size:8px}.figure-focus>b{margin:4px 0;font-size:13px;display:block}.figure-focus p{color:var(--c-muted);font-size:11px;line-height:1.8}.practice-studio{border-color:var(--c-border-strong);box-shadow:inset 3px 0 #a7b9eb}.practice-studio>header{background:#69986512}.practice-studio .act-shake{animation:none}.practice-studio button{cursor:pointer}.practice-studio .grid>li,.practice-studio ul>li{border-radius:9px}.practice-studio li>button>span{line-height:1.8}.step-mode-note{color:var(--c-faint);margin-bottom:15px;font-size:10px;line-height:1.8}.step-track{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;display:grid}.step-track>button{border:1px solid var(--c-border-strong);background:var(--c-surface);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;min-height:90px;padding:13px;display:flex;position:relative}.step-track>button>span{border:1px solid var(--c-border-strong);width:22px;height:22px;color:var(--c-faint);border-radius:50%;place-items:center;margin-bottom:8px;font-size:9px;display:grid}.step-track b{font-size:11px;line-height:1.7}.step-track i{z-index:1;color:var(--c-faint);background:var(--c-surface-2);font-size:11px;font-style:normal;position:absolute;top:45%;right:-9px}.step-track .current{background:#69986514;border-color:#a7b9eb}.step-track .current>span{color:#effff4;background:#315bd6;border-color:#a7b9eb}.step-track .passed>span{color:#a7b9eb}.step-scene{background:var(--c-surface);border:1px solid var(--c-border);border-radius:9px;margin-top:18px;padding:20px}.step-transfer{color:var(--c-muted);justify-content:space-between;align-items:center;gap:16px;font-size:10px;display:flex}.step-transfer>span{background:var(--c-surface-2);border-radius:5px;max-width:40%;padding:8px 10px;line-height:1.7}.step-transfer>i{background:var(--c-border-strong);flex:1;height:2px;position:relative}.step-transfer.animate>i:after{content:"";width:8px;height:8px;animation:connector-dot var(--duration) ease-in-out both;background:#bacdff;border-radius:2px;position:absolute;top:-3px}.step-explanation{min-height:95px;margin-top:20px}.step-explanation>span{letter-spacing:.15em;color:var(--c-faint);font-size:8px}.step-explanation h4{margin:6px 0;font-size:15px;font-weight:700}.step-explanation p{color:var(--c-muted);font-size:12px;line-height:1.9}.media-preview{max-width:1400px;margin:auto;padding:28px}.preview-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.preview-header h1{font-size:24px;font-weight:800}.preview-header p{color:var(--c-faint);margin-top:7px;font-size:11px}.preview-header button{color:var(--c-muted);font-size:11px}.preview-selection{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:20px;padding:20px;display:flex}.preview-selection label{flex:1;min-width:200px;font-size:12px}.preview-selection select{border:1px solid var(--c-border-strong);background:var(--c-surface-2);width:100%;color:var(--c-ink);border-radius:6px;margin-top:8px;padding:12px;font-size:13px;display:block}.preview-tabbar{border-bottom:1px solid var(--c-border);gap:22px;margin-bottom:25px;padding:20px 0;display:flex}.preview-tabbar button{color:var(--c-muted);border-bottom:2px solid #0000;padding-bottom:8px;font-size:12px}.preview-tabbar button[aria-pressed=true]{color:var(--c-brand-ink);border-color:var(--c-brand-ink)}.preview-text article{border:1px solid var(--c-border);background:var(--c-surface);border-radius:12px;margin:20px 0;padding:25px}.preview-text h2{margin-bottom:15px;font-size:20px;font-weight:700}.preview-text>p{color:var(--c-muted);font-size:14px;line-height:1.9}@keyframes connector-dot{0%{left:0}to{left:calc(100% - 5px)}}@keyframes transfer-packet{0%{transform:translate(0)}to{transform:translate(150px)}}@media (width<=1000px){.lab-body{grid-template-columns:1fr}.lab-controls{border-right:0;border-bottom:1px solid var(--c-border);grid-template-columns:repeat(2,minmax(0,1fr));column-gap:25px;display:grid}.lab-controls>.lab-section-label,.lab-controls>.lab-reset,.lab-controls>.lab-control-note{grid-column:span 2}.figure-node-list.horizontal{flex-wrap:wrap}.figure-node-list.horizontal>.figure-node-wrapper{flex:25%}.lab-heading h2{font-size:20px}}@media (width<=600px){.lab-heading{gap:10px;padding:20px 17px 12px}.lab-heading h2{font-size:18px}.lab-heading>div>span{font-size:7px}.lab-model-label{display:none}.lab-intro{padding:0 17px 18px;font-size:12px}.lab-mark{border-radius:9px;width:34px;height:34px}.lab-controls{grid-template-columns:1fr;padding:20px 17px}.lab-controls>.lab-section-label,.lab-controls>.lab-reset,.lab-controls>.lab-control-note{grid-column:span 1}.lab-control{padding:13px 0}.lab-observer{padding:20px 17px}.system-graph{flex-direction:column;gap:14px;padding:0 0 20px;display:flex}.system-node{text-align:left;grid-template-columns:22px 25px minmax(0,1fr) 75px;align-items:center;gap:8px;min-height:60px;padding:10px 12px;display:grid}.system-node-number{font-size:8px;position:static}.system-node>.h-icon{width:21px;height:21px;margin:0}.system-node>b{font-size:12px}.system-node>small{text-align:right;margin-top:0;font-size:8px}.system-connector{width:2px;height:13px;top:calc(100% + 1px);left:50%}.system-connector:after{border:0;border-top:4px solid var(--c-faint);border-left:4px solid #0000;border-right:4px solid #0000;top:auto;bottom:0;right:-3px}.system-connector.moving>i{animation:1s linear infinite mobile-connector;left:-2px}.lab-current-event{min-height:150px;padding:16px}.lab-current-event h3{font-size:15px}.lab-current-event p{font-size:12px}.lab-footer{padding:20px 17px}.lab-comparison>div{grid-template-columns:1fr}.lab-scrubber{flex-wrap:wrap;gap:10px}.lab-scrubber>label{flex-basis:100%}.lab-playback{gap:6px}.lab-playback>button{padding:8px;font-size:9px}.lab-playback>label{margin-left:0}.bit-controls{grid-template-columns:repeat(8,minmax(0,1fr))}.learning-figure{margin:20px 0}.figure-topline{padding:12px 15px}.analogy-matrix{padding:15px}.analogy-column-head,.analogy-row{grid-template-columns:minmax(0,1fr) 20px minmax(0,1.2fr);gap:6px}.analogy-column-head>span{font-size:0}.analogy-row>strong,.analogy-row>div{padding:10px;font-size:11px}.analogy-row b{font-size:11px}.analogy-row p{font-size:9px}.figure-comparison{gap:10px;padding:15px}.figure-comparison header{padding:12px}.figure-comparison h4{font-size:13px}.figure-comparison ul{padding:7px 10px}.figure-comparison li b{font-size:11px}.figure-comparison li p{font-size:10px}.figure-node-list{padding:15px}.figure-node-list.horizontal{flex-direction:column;gap:10px}.figure-node-list.horizontal>.figure-node-wrapper{flex-direction:column;gap:7px;width:100%}.figure-node{min-height:auto}.figure-node-list.horizontal .figure-node{grid-template-columns:auto 1fr;column-gap:15px;display:grid}.figure-node-list.horizontal .figure-node>span:not(.figure-index){grid-column:2}.figure-node-list.horizontal .figure-device-icon{grid-row:span 3;margin:0}.figure-node-list.horizontal .figure-link-label{flex-direction:row;gap:10px;width:100%}.figure-node-list.horizontal .figure-link-label i{transform:rotate(90deg)}.figure-node-list.vertical .figure-node{flex-wrap:wrap;gap:7px}.figure-node-list.vertical .figure-node>span:not(.figure-index){width:100%;max-width:none}.figure-focus{margin:0 15px 15px}.step-track{grid-template-columns:repeat(2,minmax(0,1fr))}.step-scene{padding:15px}.step-track i{display:none}.media-preview{padding:20px 16px}.preview-header{flex-wrap:wrap}.preview-header h1{font-size:21px}.preview-tabbar{gap:16px}.preview-tabbar button{font-size:11px}}@keyframes mobile-connector{0%{top:0}to{top:8px}}@media (prefers-reduced-motion:reduce){.system-lab *,.step-explorer *{transition:none!important;animation:none!important}}.lab-comparison details{color:var(--c-muted);margin-top:12px;font-size:10px}.lab-comparison details summary{cursor:pointer}.lab-comparison details p{margin-top:12px;font-size:10px;line-height:1.9}.lab-comparison details p>b{color:var(--c-ink);font-weight:600}.lesson-toc summary{color:var(--c-brand-ink);cursor:pointer;padding:8px 0;font-size:12px;font-weight:700}.lesson-toc ol{margin-top:12px}.lesson-section .learning-figure,.lesson-section .practice-studio{max-width:62rem}.system-illustration{width:66px;height:50px;color:var(--c-faint);flex-shrink:0;margin:9px 0}.system-node.current .system-illustration{color:#b8c7eb}.system-node.blocked .system-illustration{color:#d4a56e}@media (width<=600px){.system-illustration{width:30px;height:25px;margin:0}.system-node{grid-template-columns:22px 30px minmax(0,1fr) 75px}}.companion-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:24px;display:grid}.companion-layout>div{min-width:0}.lesson-companion{background:var(--color-surface-2,#f0f2f9);border:1px solid var(--color-line,#cad6cc);color:var(--color-ink,#20283d);border-radius:18px;max-height:85vh;padding:20px;position:sticky;top:20px;overflow:auto}.lesson-companion h2,.hardware-workshop h2{margin:8px 0;font-size:1.25rem;font-weight:750}.lesson-companion p,.hardware-workshop p{margin:12px 0;line-height:1.8}.lesson-companion small,.hardware-workshop small{opacity:.75;font-size:12px;line-height:1.7;display:block}.term-cloud{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.term-cloud button,.lesson-companion section>button,.hardware-workshop button:not(.hardware-hotspots button){background:var(--color-surface,#fff);color:var(--color-ink,#20283d);border:1px solid #abb9db;border-radius:8px;padding:7px 10px}.term-cloud button[aria-pressed=true]{color:#20283d;background:#ffd474}.selection-explain{z-index:30;color:#20283d;overflow-wrap:anywhere;background:#ffd474;border:1px solid #638cff;border-radius:12px;max-width:100%;padding:12px;display:block;position:sticky;top:80px;box-shadow:0 4px 18px #0002}.hardware-photo{border-radius:14px;margin:20px 0;position:relative;overflow:hidden}.hardware-photo img{width:100%;display:block}.hardware-hotspots{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.hardware-hotspots button{border:2px solid #0000;justify-content:center;align-items:flex-end;padding:10px;display:flex}.hardware-hotspots button:hover,.hardware-hotspots button:focus-visible{background:#ffd47422;border-color:#315bd6}.hardware-hotspots span{color:#fff;background:#252943ed;border:1px solid #ffd474;border-radius:8px;padding:3px 10px;font-size:13px}.hardware-workshop{margin-bottom:24px}.hardware-workshop progress{accent-color:#315bd6;max-width:100%}.media-preview{max-width:1500px}.preview-text>h2{margin-bottom:20px;font-size:1.6rem;font-weight:750}@media (width<=1050px){.companion-layout{grid-template-columns:minmax(0,1fr)}.lesson-companion{grid-row:1;max-height:none;position:relative;top:auto}.lesson-companion .term-cloud{max-height:120px;overflow:auto}.hardware-hotspots span{padding:2px 4px;font-size:11px}.hardware-hotspots button{padding:5px}}.lesson-companion form{gap:8px;margin-top:14px;display:grid}.lesson-companion input{background:var(--color-surface,#fff);width:100%;color:var(--color-ink,#20283d);border:1px solid #abb9db;border-radius:7px;padding:8px;display:block}.lesson-companion form>button{color:#20283d;background:#ffd474;border-radius:8px;padding:8px}.companion-outline{border-top:1px solid #abb9db;margin-top:20px;padding-top:16px}.companion-outline ol{gap:8px;margin-top:14px;list-style:none;display:grid}.companion-outline button{text-align:left;font-size:13px;line-height:1.6}.companion-outline button:hover{text-decoration:underline}.hardware-hotspots button{align-items:flex-start}.media-preview .preview-header h1{font-size:1.2rem}.media-preview .preview-header{border-bottom:1px solid #405064;padding-bottom:16px}.media-preview .preview-selection{padding:12px 0}.media-preview .preview-selection .hub-muted-caption{display:none}.companion-layout{grid-template-columns:minmax(0,1fr) 310px}.lesson-companion{color:#e5edf7;background:#192536;border-color:#344357;padding:18px}.lesson-companion input{color:#e5edf7;background:#111b2a}.lesson-playlist{margin-bottom:20px}.lesson-playlist>p{color:#a5b4c8;font-size:12px}.playlist-scroll{max-height:42vh;margin:14px -8px;overflow:auto}.playlist-scroll details{border-bottom:1px solid #344357}.playlist-scroll summary{cursor:pointer;padding:12px 8px;font-size:13px;font-weight:700}.playlist-scroll ol{padding:0;list-style:none}.playlist-scroll button{text-align:left;border-left:3px solid #0000;gap:10px;width:100%;padding:12px 8px;font-size:13px;line-height:1.5;display:flex}.playlist-scroll button small{color:#91a7c3}.playlist-scroll button:hover{background:#25354a}.playlist-scroll button[aria-current=page]{color:#ecffd3;background:#303952;border-color:#ffd474}.playlist-scroll button:disabled{opacity:.5}.playlist-paging{justify-content:space-between;gap:8px;display:flex}.playlist-paging button{border:1px solid #4a5d72;border-radius:7px;padding:9px 6px;font-size:12px}.playlist-paging button:disabled{opacity:.35}.pod-disclosure{border-top:1px solid #405064;padding-top:16px}.pod-disclosure>summary{cursor:pointer;font-size:14px;font-weight:700}.lesson-companion .term-cloud button,.lesson-companion section>button{color:#e5edf7;background:#25354a;border-color:#586c80}.lesson-companion .term-cloud button[aria-pressed=true]{color:#20283d;background:#ffd474}.lesson-companion details p{max-height:32vh;overflow:auto}.process-sequence{color:#e5edf7;background:#080f1b;border:1px solid #2a3e54;border-radius:16px;margin-bottom:24px;overflow:hidden}.process-sequence>header{padding:18px 20px}.process-sequence>header>span{color:#6bbef1;letter-spacing:.18em;font-size:10px;font-weight:700}.process-sequence h3{margin:6px 0;font-size:19px;font-weight:750}.process-sequence header p,.process-sequence>small{color:#9fadc1;font-size:12px;line-height:1.7}.sequence-scroll{overflow-x:auto}.sequence-scroll svg{width:100%;display:block}.sequence-actor rect{fill:#14263a;stroke:#3f6287;stroke-width:1.5px}.sequence-actor.active rect{fill:#17446a;stroke:#68cbff;stroke-width:2px}.sequence-actor line{stroke:#45617d;stroke-dasharray:4 5;opacity:.5}.sequence-name{text-align:center;color:#e8f4ff;place-items:center;height:44px;font-size:12px;font-weight:700;line-height:1.3;display:grid}.sequence-event{color:#6bbef1}.sequence-event.past{opacity:.48}.sequence-event.blocked{color:#f88}.sequence-event.success{color:#b7ec8d}.sequence-event path{fill:none;stroke:currentColor;stroke-width:2px}.sequence-message{color:#eff6ff;text-align:center;font-size:11px;line-height:1.35}.sequence-message small{color:#92c7ec;margin-top:3px;font-size:10px;display:block}.sequence-caption{background:#132236;border-top:1px solid #2a3e54;padding:16px 20px}.sequence-caption strong{color:#a5deff;font-size:14px}.sequence-caption p{margin:6px 0 0;font-size:13px;line-height:1.8}.sequence-caption.blocked strong{color:#ff9292}.process-sequence>small{padding:8px 20px;display:block}.sequence-drawing{stroke-dasharray:1000;animation:linear both sequence-draw}@keyframes sequence-draw{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.sequence-drawing{animation:none}}@media (width<=1050px){.companion-layout{grid-template-columns:minmax(0,1fr)}.lesson-companion{grid-row:auto;max-height:none;position:relative}.playlist-scroll{max-height:300px}.media-preview .preview-header h1{font-size:1.1rem}}.sequence-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 24px;display:flex}.sequence-toolbar button{color:#e5edf7;background:#14263a;border:1px solid #57728c;border-radius:8px;padding:9px 12px;font-size:12px}.sequence-toolbar button:first-child{color:#20283d;background:#ffd474;border-color:#ffd474}.sequence-toolbar button:disabled{opacity:.35}.sequence-toolbar span{color:var(--color-muted,#92a4bb);font-size:11px}@media (width<=1050px){.lesson-companion{grid-row:1}.playlist-scroll{max-height:180px}.lesson-companion .companion-outline{display:none}.lesson-playlist{margin-bottom:12px}.lesson-companion{padding:14px}.lesson-playlist h2{font-size:1rem}}.physical-scene{color:#e8f1fc;background:#080f1b;border:1px solid #304963;border-radius:16px;margin:0 0 20px;overflow:hidden}.physical-scene>header{padding:20px}.physical-scene header>span{color:#6ac7fa;letter-spacing:.18em;font-size:10px;font-weight:700}.physical-scene h3{margin:5px 0 8px;font-size:21px;font-weight:750}.physical-scene header p{color:#adbed2;font-size:12px;line-height:1.8}.physical-scroll{background:radial-gradient(#152b4133,#0000);overflow-x:auto}.physical-stage{width:100%;min-width:760px;position:relative}.physical-wires{color:#6ed3ff;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.physical-transfer>path{fill:none;stroke:currentColor;stroke-width:3px}.physical-transfer.blocked{color:#ff9191}.physical-transfer.success{color:#b7ed8d}.physical-actor{background:#142336;border:1px solid #38536e;border-radius:13px;flex-direction:column;gap:10px;padding:12px;display:flex;position:absolute;overflow:auto;box-shadow:0 8px 20px #0003}.physical-actor.active{background:#172e46;border:2px solid #6ac7fa;box-shadow:0 0 25px #49bfff20}.physical-actor.active.blocked{border-color:#ff9191}.physical-actor.active.success{border-color:#b7ed8d}.physical-identity{align-items:center;gap:10px;display:flex}.physical-identity .system-illustration{color:#7dcfff;flex-shrink:0;width:54px;height:44px}.physical-identity h4{font-size:14px;font-weight:750;line-height:1.5}.physical-identity small{color:#a7bcd1;font-size:10px;line-height:1.5;display:block}.physical-inside{background:#0a1422;border:1px dashed #46627e;border-radius:7px;flex:1;padding:8px;position:relative}.physical-inside>span{color:#91a8c3;margin-bottom:5px;font-size:9px;display:block}.physical-inside>strong{font-size:12px;font-weight:600;line-height:1.5;display:block}.physical-inside.working{border-color:#b7ed8d}.physical-inside.working>span{color:#b7ed8d}.physical-work-pulse{background:#b7ed8d;border-radius:2px;width:60%;height:3px;margin-top:8px}.physical-message{z-index:3;color:#9fe0ff;text-align:center;pointer-events:none;background:#0d1929;border:1px solid #5385aa;border-radius:7px;max-width:260px;padding:5px 9px;font-size:11px;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 3px 15px #0009}.physical-message.blocked{color:#ffb2b2;border-color:#ff9191}.physical-caption{background:#13273b;border-top:1px solid #304963;padding:18px 22px}.physical-caption>span{color:#9fb9d2;font-size:11px}.physical-caption h4{color:#9df;margin:6px 0;font-size:17px;font-weight:700}.physical-caption p{font-size:13px;line-height:1.9}.physical-caption.blocked h4{color:#ffa1a1}.physical-history{color:#afc1d6;padding:12px 20px;font-size:12px}.physical-history summary{cursor:pointer}.physical-history ol{gap:10px;padding:15px 0;display:grid}.physical-history li{border-left:2px solid #335b7e;gap:3px;padding-left:10px;display:grid}.physical-history li span{color:#88cdec}@media (width<=600px){.physical-scene>header,.physical-caption{padding:14px}.physical-caption h4{font-size:15px}}.screen-player{z-index:100;color:#20283d;background:#f0f2f9;grid-template-rows:60px 44px minmax(0,1fr) auto;height:100dvh;font-family:inherit;display:grid;position:fixed;inset:0;overflow:hidden}.screen-player button,.screen-player select{font:inherit}.screen-player button{color:#20283d;cursor:pointer;background:#f0f2f9;border:1px solid #c8cfe2;border-radius:9px;padding:9px 14px;font-size:13px}.screen-player button:hover{border-color:#c8cfe2}.screen-player button:disabled{opacity:.4;cursor:default}.screen-player select,.screen-player input:not([type=checkbox]):not([type=range]){color:#20283d;background:#f0f2f9;border:1px solid #c8cfe2;border-radius:7px;max-width:100%;padding:7px;font-size:13px}.screen-player-header{border-bottom:1px solid #263950;justify-content:space-between;align-items:center;gap:16px;padding:8px 20px;display:flex}.screen-player-header>div{flex:1;min-width:0;display:grid}.screen-player-header small{letter-spacing:.16em;color:#315bd6;font-size:9px}.screen-player-header strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.screen-player-track{background:#f0f2f9;border-bottom:1px solid #263950;align-items:center;gap:12px;padding:5px 20px;font-size:12px;display:flex}.screen-player-track label{align-items:center;gap:8px;min-width:0;display:flex}.screen-player-track select{min-width:0;max-width:250px}.screen-player-track progress{accent-color:#315bd6;flex:1;min-width:25px;height:5px}.screen-player-track button{padding:5px 10px;font-size:12px}.screen-player-main{grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-width:0;min-height:0;padding:16px 24px 6px;display:grid;overflow:hidden}.screen-slide-title>span{color:#606a80;letter-spacing:.15em;font-size:10px}.screen-slide-title h1{max-height:2.8em;margin:3px 0;font-size:clamp(17px,2vw,28px);font-weight:750;line-height:1.4;overflow:hidden}.screen-stage{background:radial-gradient(#f0f2f9,#f0f2f9);border:1px solid #c8cfe2;border-radius:16px;min-width:0;min-height:0;position:relative;overflow:hidden}.screen-fit{position:absolute;inset:8px;overflow:hidden}.screen-fit-inner{transform-origin:50%;width:960px;position:absolute;top:50%;left:50%}.screen-scene-frame{width:960px;padding:16px}.scene-compact{background:0 0!important;border:0!important;margin:0!important}.scene-compact>header,.scene-compact .physical-caption,.scene-compact .physical-history{display:none!important}.scene-compact .physical-scroll{overflow:visible!important}.scene-compact .physical-stage{min-width:0!important}.scene-compact .physical-identity h4{font-size:17px}.scene-compact .physical-identity small{display:none}.scene-compact .physical-actor{overflow:hidden!important}.scene-compact .physical-inside{padding:10px}.scene-compact .physical-inside>strong{font-size:14px}.scene-compact .physical-message{max-width:320px;font-size:14px}.screen-voice-caption{text-align:center;justify-self:center;max-width:1100px;min-height:27px}.screen-voice-caption p{color:#606a80;max-height:3.4em;margin:0;font-size:13px;line-height:1.7;overflow:hidden}.screen-player-footer{background:#f0f2f9;border-top:1px solid #30465f;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.screen-voice-tools,.screen-page-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.screen-voice-tools label{color:#606a80;align-items:center;gap:5px;font-size:11px;display:flex}.screen-voice-tools input{accent-color:#315bd6}.screen-player .screen-next{color:#315bd6;background:#ffd474;border-color:#c8cfe2;font-weight:750}.screen-player .voice-active{background:#f0f2f9}.screen-page-tools{flex-shrink:0}.screen-panel{z-index:5;background:#f0f2f9;border:1px solid #c8cfe2;border-radius:18px;flex-direction:column;justify-content:center;gap:20px;padding:28px;display:flex;position:absolute;inset:12% 18%;overflow:hidden;box-shadow:0 0 0 100vmax #000a}.screen-panel h2{font-size:24px;font-weight:750}.screen-panel p{max-width:60ch;font-size:15px;line-height:1.9}.screen-panel .screen-panel-close{position:absolute;top:10px;right:10px}.screen-panel select{width:100%}.screen-condition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.screen-condition-grid label{border:1px solid #c8cfe2;border-radius:9px;align-items:center;gap:10px;padding:12px;font-size:14px;display:grid}.screen-condition-grid input[type=checkbox]{accent-color:#315bd6;width:25px;height:25px}.screen-condition-grid input[type=range]{accent-color:#315bd6;width:100%}.screen-text-visual{justify-content:center;align-items:center;gap:6%;height:100%;padding:28px 6%;display:flex}.screen-text-visual>.system-illustration{color:#606a80;flex-shrink:0;width:24%;height:auto;max-height:55%}.screen-text-visual>div{min-width:0;max-width:680px}.screen-text-visual p{color:#20283d;white-space:pre-wrap;margin:0 0 10px;font-size:clamp(16px,1.8vw,25px);line-height:1.9}.screen-cutaway{grid-template-columns:260px 1fr;align-items:center;gap:55px;width:928px;min-height:420px;padding:20px;display:grid}.cutaway-device{text-align:center}.cutaway-device>.system-illustration{color:#606a80;width:240px;height:200px}.cutaway-device h2{font-size:24px;font-weight:750}.cutaway-device>span{color:#606a80;margin-top:16px;font-size:16px;display:block}.cutaway-window{background:#f0f2f9;border:2px dashed #c8cfe2;border-radius:20px;padding:28px;position:relative;box-shadow:0 0 45px #4580ac20}.cutaway-window:before{content:"";border-top:2px dashed #73bbec;width:55px;position:absolute;top:40%;right:100%}.cutaway-tag{color:#606a80;letter-spacing:.1em;font-size:11px}.cutaway-window h2{margin:20px 0;font-size:26px;font-weight:750;line-height:1.4}.cutaway-window p{color:#606a80;font-size:15px;line-height:1.8}.cutaway-state{grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0;display:grid}.cutaway-state>div{background:#f0f2f9;border:1px solid #c8cfe2;border-radius:9px;padding:12px}.cutaway-state small{color:#606a80;font-size:12px;display:block}.cutaway-state strong{color:#315bd6;font-size:23px;display:block}.cutaway-circuit{align-items:center;gap:12px;margin-top:14px;display:flex}.cutaway-circuit i{background:#a8daf9;border-radius:3px;width:13px;height:13px}.cutaway-circuit i+i:before{content:"";background:#a8daf9;width:12px;height:2px;display:block;transform:translate(-12px,5px)}.cutaway-playing .cutaway-circuit i{animation:1.6s linear infinite cutaway-signal}.cutaway-circuit i:nth-child(2){animation-delay:.2s}.cutaway-circuit i:nth-child(3){animation-delay:.4s}.cutaway-circuit i:nth-child(4){animation-delay:.6s}.cutaway-circuit i:nth-child(5){animation-delay:.8s}.screen-cutaway.blocked .cutaway-window{border-color:#c8cfe2}.screen-toast{z-index:6;background:#f0f2f9;border:1px solid #c8cfe2;border-radius:10px;justify-content:space-between;gap:10px;padding:12px;font-size:13px;display:flex;position:absolute;bottom:100px;left:20px;right:20px}.preview-wait{color:#20283d;background:#f0f2f9;place-content:center;gap:20px;height:100dvh;display:grid}@keyframes cutaway-signal{0%,to{background:#f0f2f9}50%{background:#ffd474;box-shadow:0 0 12px #ffd474}}@media (prefers-reduced-motion:reduce){.cutaway-playing .cutaway-circuit i{animation:none}}@media (width<=700px){.screen-player{grid-template-rows:54px 42px minmax(0,1fr) auto}.screen-player-header{gap:7px;padding:6px 10px}.screen-player-header button{padding:7px;font-size:11px}.screen-player-header strong{font-size:12px}.screen-player-track{gap:6px;padding:5px 10px}.screen-player-track label{flex:1}.screen-player-track select{width:100%;max-width:130px}.screen-player-track progress{display:none}.screen-player-track button{padding:5px;font-size:11px}.screen-player-main{gap:4px;padding:9px 10px 4px}.screen-player-footer{gap:8px;padding:8px 10px;display:grid}.screen-voice-tools{gap:5px}.screen-voice-tools button{padding:7px;font-size:11px}.screen-voice-tools label{font-size:10px}.screen-page-tools{justify-content:space-between}.screen-page-tools button{padding:8px 20px}.screen-text-visual{flex-direction:column;gap:12px;padding:16px}.screen-text-visual>.system-illustration{width:90px;max-height:80px}.screen-text-visual p{font-size:16px;line-height:1.7}.screen-voice-caption p{font-size:11px}.screen-panel{gap:15px;padding:45px 18px 18px;inset:7% 4%}.screen-panel h2{font-size:21px}.screen-panel p{font-size:13px}.screen-condition-grid{gap:9px}.screen-condition-grid label{padding:8px;font-size:12px}}.screen-desktop-scene{position:absolute;inset:0}.mobile-scene{display:none}.screen-player-header>div{line-height:1.5}.scene-compact .physical-actor:not(.active) .physical-inside>strong{display:none}.scene-compact .physical-identity .system-illustration{width:76px;height:58px}.scene-compact .physical-actor:not(.active) .physical-inside{opacity:.6;border-color:#c8cfe2}.screen-fit-inner .hardware-workshop{color:#20283d;background:#f0f2f9;border:0}.screen-fit-inner .hardware-workshop h2{font-size:22px}.screen-fit-inner .hardware-workshop p{font-size:15px}@media (width<=700px){.screen-desktop-scene{display:none}.mobile-scene{flex-direction:column;justify-content:center;gap:12px;height:100%;padding:12px;display:flex}.mobile-scene-context{color:#606a80;flex-wrap:wrap;justify-content:center;gap:6px;font-size:10px;display:flex}.mobile-scene-context>span{border-bottom:2px solid #2c435a;padding:4px}.mobile-scene-context>.selected{color:#315bd6;border-color:#c8cfe2}.mobile-transfer-pair{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;display:flex}.mobile-target{background:#f0f2f9;border:1px solid #c8cfe2;border-radius:12px;justify-content:center;align-items:center;gap:16px;width:100%;max-width:310px;min-height:90px;padding:12px 20px;display:flex}.mobile-target>.system-illustration{color:#606a80;flex-shrink:0;width:74px;height:58px}.mobile-target>strong{font-size:16px}.mobile-transfer-line{color:#606a80;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:70px;display:flex;position:relative}.mobile-transfer-line>b{text-align:center;z-index:1;background:#f0f2f9;border:1px solid #c8cfe2;border-radius:6px;max-width:240px;padding:5px 9px;font-size:13px}.mobile-transfer-line>span{font-size:25px;line-height:1}.mobile-transfer-line>i{background:#a1e5ff;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:calc(50% - 4px)}.mobile-playing .mobile-transfer-line>i{animation:1.6s linear infinite mobile-packet}.mobile-target-large{justify-content:center;display:flex}.mobile-cutaway{background:#f0f2f9;border:2px dashed #c8cfe2;border-radius:14px;padding:20px;position:relative}.mobile-cutaway:before{content:"";border-left:2px dashed #6fb8e7;height:15px;position:absolute;bottom:100%;left:50%}.mobile-cutaway>span{color:#606a80;margin-bottom:10px;font-size:11px;display:block}.mobile-cutaway>strong{font-size:18px;line-height:1.6}.mobile-state{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px;display:grid}.mobile-state>span{color:#606a80;background:#f0f2f9;border-radius:7px;padding:8px;font-size:11px}.mobile-state b{color:#315bd6;font-size:17px;display:block}.mobile-scene.blocked .mobile-cutaway{border-color:#c8cfe2}.mobile-playing .cutaway-circuit i{animation:1.6s linear infinite cutaway-signal}.screen-player-footer{max-height:180px}.screen-panel-close{z-index:1}}@keyframes mobile-packet{0%{transform:translateY(0)}to{transform:translateY(65px)}}@media (prefers-reduced-motion:reduce){.mobile-playing .mobile-transfer-line>i,.mobile-playing .cutaway-circuit i{animation:none}}.physical-transfer circle{filter:drop-shadow(0 0 5px #a1e5ff);stroke:#e9faff;stroke-width:2px}.screen-player-header>div{flex-direction:column;justify-content:center;height:34px;min-height:0;display:flex;overflow:hidden}.screen-player-header small{white-space:nowrap;flex-shrink:0;height:12px;min-height:0;line-height:12px;overflow:hidden}.screen-player-header strong{flex-shrink:0;height:20px;min-height:0;line-height:20px}.screen-sequence-tools{z-index:3;background:#f0f2f9;border:1px solid #c8cfe2;border-radius:10px;align-items:center;gap:10px;padding:8px;font-size:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.screen-sequence-tools input{accent-color:#315bd6;flex:1;min-width:40px}.screen-sequence-tools button{padding:7px 10px;font-size:12px}.screen-sequence-tools~.screen-desktop-scene{top:65px}.screen-sequence-tools~.mobile-scene{padding-top:75px}.concept-visual{grid-template-columns:1fr 1fr;align-items:center;gap:30px;height:100%;padding:30px;display:grid}.concept-photo{border:1px solid #c8cfe2;border-radius:18px;min-width:0;position:relative;overflow:hidden}.concept-photo img{object-fit:cover;width:100%;max-height:400px;display:block}.concept-photo>span{letter-spacing:.12em;color:#606a80;background:#f0f2f9;padding:9px 14px;font-size:10px;position:absolute;bottom:0;left:0;right:0}.concept-points{gap:15px;min-width:0;display:grid}.concept-points>button{text-align:left;background:#f0f2f9;border:1px solid #c8cfe2;border-radius:14px;align-items:center;gap:16px;padding:20px;display:flex}.concept-points .system-illustration{color:#606a80;flex-shrink:0;width:74px;height:58px}.concept-points strong{margin-bottom:6px;font-size:21px;display:block}.concept-points span{color:#606a80;font-size:14px;line-height:1.7;display:block}.screen-player .screen-voice-caption{max-width:100%;overflow:hidden}@media (width<=700px){.screen-sequence-tools{flex-wrap:wrap;gap:6px;padding:5px;top:7px;left:7px;right:7px}.screen-sequence-tools button{padding:5px;font-size:10px}.screen-sequence-tools input{min-width:40px;max-width:100px}.concept-visual{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;gap:10px;padding:12px}.concept-photo{align-self:center;max-height:100%}.concept-photo img{object-fit:cover;max-height:180px}.concept-points{gap:7px}.concept-points>button{gap:9px;padding:9px}.concept-points .system-illustration{width:42px;height:32px}.concept-points strong{margin-bottom:2px;font-size:14px}.concept-points span{font-size:11px;line-height:1.5}}.illustration-map{grid-template-columns:repeat(3,1fr);gap:22px;width:960px;padding:24px;display:grid}.illustration-pair{background:#f0f2f9;border:1px solid #c8cfe2;border-radius:18px;justify-content:space-between;align-items:center;gap:8px;min-height:175px;padding:25px 14px;display:flex}.illustration-pair>div{text-align:center;flex-direction:column;flex:1;align-items:center;gap:14px;display:flex}.illustration-pair .system-illustration{color:#606a80;width:90px;height:68px}.illustration-pair strong{font-size:20px;line-height:1.5}.illustration-pair>span{color:#315bd6;font-size:28px}.illustration-device{text-align:center;background:#f0f2f9;border:1px solid #c8cfe2;border-radius:18px;flex-direction:column;align-items:center;gap:12px;min-height:180px;padding:25px;display:flex;position:relative}.illustration-device .system-illustration{color:#606a80;width:110px;height:80px}.illustration-device strong{font-size:22px;line-height:1.5}.illustration-device small{color:#606a80;font-size:14px}.illustration-index{color:#315bd6;font-size:13px;position:absolute;top:12px;left:14px}.illustration-link{text-align:center;color:#315bd6;width:22px;font-size:22px;position:absolute;top:45%;left:100%}.illustration-compare{grid-template-columns:repeat(2,1fr);gap:25px;width:960px;padding:25px;display:grid}.illustration-compare section{background:#f0f2f9;border:1px solid #c8cfe2;border-radius:20px;padding:28px}.illustration-compare .system-illustration{color:#606a80;width:110px;height:90px;margin:auto}.illustration-compare h2{text-align:center;margin:15px 0;font-size:27px;font-weight:750}.illustration-compare section>div{border-top:1px solid #3f627c;align-items:center;gap:14px;padding:15px 0;display:flex}.illustration-compare strong{font-size:19px;line-height:1.6}.illustration-compare section>div>span{color:#315bd6}.access-building{justify-content:center;align-items:center;gap:8%;height:100%;padding:30px;display:flex}.access-person{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:28%;display:flex}.access-person .system-illustration{color:#606a80;width:140px;height:110px}.access-person strong{font-size:26px}.access-person span{color:#606a80;font-size:13px}.access-floors{border:2px solid #c8cfe2;border-radius:15px;flex-direction:column;width:50%;display:flex;overflow:hidden}.access-floors>div{background:#f0f2f9;grid-template-columns:60px 50px 1fr;align-items:center;gap:15px;padding:25px;display:grid}.access-floors>div+div{background:#f0f2f9;border-top:3px solid #5c85a5}.access-floors b{color:#606a80;font-size:32px}.access-floors strong{font-size:20px}.access-floors small{color:#606a80;grid-column:2/4;font-size:13px}.access-lock,.access-ok{color:#315bd6;font-size:30px}@media (width<=700px){.access-building{flex-direction:column;gap:20px;padding:15px}.access-person{gap:5px;max-width:100%}.access-person .system-illustration{width:80px;height:60px}.access-person strong{font-size:18px}.access-floors{width:100%}.access-floors>div{grid-template-columns:40px 30px 1fr;gap:10px;padding:16px}.access-floors strong{font-size:14px}.access-floors b{font-size:25px}.access-floors small{font-size:11px}}.screen-player{color:#20283d;background:#f5f6fb;grid-template-rows:60px 44px minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 310px}.screen-player-header{background:#fff;border-color:#dfe3ef;grid-column:1/-1}.screen-player-track{background:#f0f2f9;border-color:#dfe3ef;grid-column:1}.screen-player-main{background:#f5f6fb;grid-column:1}.screen-player-footer{background:#fff;border-color:#dfe3ef;grid-column:1;grid-template-columns:minmax(0,1fr) auto;padding-top:0;display:grid}.screen-player button{color:#20283d;background:#fff;border-color:#c8cfe2}.screen-player button:hover{background:#edf2ff;border-color:#315bd6}.screen-player input,.screen-player select{color:#20283d!important;background:#fff!important;border-color:#c8cfe2!important}.screen-stage{background:#fff;border-color:#dfe3ef;box-shadow:0 4px 25px #20283d05}.screen-sequence-tools{color:#20283d;background:#f0f2f9ed;border-color:#dfe3ef}.screen-voice-caption p{color:#606a80}.screen-player .screen-next{color:#fff;background:#315bd6;border-color:#315bd6}.screen-panel{color:#20283d;background:#fff;border-color:#c8cfe2}.screen-panel textarea{color:#20283d;resize:vertical;background:#f5f6fb;border:1px solid #c8cfe2;border-radius:8px;width:100%;min-height:180px;padding:15px}.course-content-rail{background:#fff;border-left:1px solid #dfe3ef;flex-direction:column;grid-area:2/2/-1;min-height:0;display:flex;overflow:hidden}.rail-hidden .course-content-rail{display:none}.course-content-rail>header{border-bottom:1px solid #dfe3ef;justify-content:space-between;align-items:center;padding:15px;display:flex}.course-content-rail h2{font-size:15px;font-weight:750}.course-content-rail>header button{border:0;padding:2px 8px;font-size:20px}.course-unit-list{flex:1;min-height:0;overflow:auto}.course-unit-list details{border-bottom:1px solid #dfe3ef}.course-unit-list summary{cursor:pointer;background:#f5f7f4;padding:15px;font-size:12px;line-height:1.7}.course-unit-list summary small{color:#68738b;padding-left:14px;font-size:10px;display:block}.course-unit-list button{text-align:left;border:0;border-left:3px solid #0000;border-radius:0;align-items:flex-start;gap:10px;width:100%;padding:14px 15px;font-size:12px;line-height:1.6;display:flex}.course-unit-list button small{color:#68738b;margin-top:4px;font-size:10px;display:block}.course-content-rail>button{margin:10px;font-size:12px}.course-content-tabs{border-bottom:1px solid #dfe3ef;grid-column:1/-1;gap:20px;margin-bottom:10px;padding:8px 0;display:flex}.course-content-tabs button{background:0 0;border:0;border-bottom:2px solid #315bd6;border-radius:0;padding:8px 0;font-weight:650}.system-workbench{background:linear-gradient(145deg,#fff,#f5f8f3);border-radius:12px;width:960px;padding:8px}.system-workbench svg{width:100%;display:block}.workbench-wire{fill:none;stroke:#c4cde3;stroke-width:2px}.workbench-transfer>path{fill:none;stroke:currentColor;stroke-width:3px}.workbench-transfer.blocked{color:#b4454e}.workbench-transfer.success{color:#315bd6}.workbench-packet{fill:#315bd6;stroke:#ffd474;stroke-width:3px;filter:drop-shadow(0 0 5px #a7b9eb)}.machine-case{fill:#fff;stroke:#abb9db;stroke-width:1.5px;filter:drop-shadow(0 4px 7px #20283d10)}.workbench-machine.blocked .machine-case{stroke:#b4454e}.machine-identity{color:#20283d;align-items:center;gap:12px;height:70px;display:flex}.machine-identity .system-illustration{color:#315bd6;flex-shrink:0;width:68px;height:52px}.machine-identity b{font-size:18px;line-height:1.5;display:block}.machine-identity small{color:#68738b;font-size:11px;line-height:1.5;display:block}.machine-part rect{fill:#f0f2f9;stroke:#dfe3ef}.machine-part text{fill:#606a80;font-size:14px}.machine-part circle{fill:#bbc5dc}.machine-part.working rect{fill:#ffd474;stroke:#315bd6}.machine-part.working text{fill:#20283d;font-weight:700}.machine-part.working circle{fill:#315bd6;animation:1.4s ease-in-out infinite part-breathe}.machine-status{color:#315bd6;white-space:nowrap;text-overflow:ellipsis;padding:5px 0;font-size:12px;overflow:hidden}.workbench-observation{color:#20283d;text-align:center;background:#edf2ff;border:1px solid #c8cfe2;border-radius:10px;flex-direction:column;gap:7px;padding:10px 18px;display:flex}.workbench-observation small{font-size:12px}.workbench-observation strong{font-size:20px}.workbench-observation>span{font-size:12px}.workbench-observation.blocked{color:#963447;background:#fcecef;border-color:#dda5ac}.screen-sequence-tools~.screen-fit{top:70px}.illustration-pair,.illustration-device,.illustration-compare section{color:#20283d;background:#f0f2f9;border-color:#c8cfe2}.illustration-pair .system-illustration,.illustration-device .system-illustration,.illustration-compare .system-illustration,.illustration-pair>span,.illustration-link,.illustration-index{color:#315bd6}.illustration-compare section>div{border-color:#dfe3ef}.illustration-compare section>div>span,.illustration-device small{color:#315bd6}.concept-points>button{color:#20283d;background:#fff;border-color:#c8cfe2}.concept-points>button.selected{background:#edf2ff;border-color:#315bd6}.concept-points span{color:#606a80}.concept-points .system-illustration{color:#315bd6}.access-floors>div{background:#f0f2f9}.access-floors>div+div{background:#edf2ff;border-color:#c8cfe2}.access-floors{border-color:#abb9db}.access-floors b,.access-person .system-illustration,.access-ok{color:#315bd6}.access-floors small,.access-person span{color:#606a80}.screen-voice-tools .voice-active{color:#315bd6;background:#edf2ff}@keyframes part-breathe{50%{opacity:.45}}@media (width<=900px){.screen-player{grid-template-columns:minmax(0,1fr)}.course-content-rail{z-index:10;width:min(340px,100vw);position:absolute;top:60px;bottom:0;right:0;box-shadow:-15px 0 40px #20283d20}.screen-player-footer{max-height:230px}.screen-player-track select{max-width:180px}}@media (width<=700px){.screen-player{grid-template-rows:54px 42px minmax(0,1fr) auto}.screen-player-footer{grid-template-columns:1fr}.screen-player-header{padding:6px 10px}.course-content-rail{top:54px}.course-content-tabs{gap:20px;margin-bottom:0;padding:3px 0}.course-content-tabs button{padding:6px 0;font-size:11px}.screen-sequence-tools~.screen-fit,.screen-sequence-tools~.screen-desktop-scene{top:75px}.screen-player .screen-fit-inner{transform-origin:50%}}.machine-identity{height:60px}.system-workbench .machine-part text{font-size:13px}.screen-voice-caption{width:100%}.machine-internal-route>path{fill:none;stroke:#638cff;stroke-width:1.5px;stroke-dasharray:3 3;opacity:.55}.machine-internal-route .workbench-packet{r:4;stroke-width:1.5px}.study-plate{color:#20283d;background:#fff;border:1px solid #c8cfe2;border-radius:14px;width:960px;padding:28px}.study-plate>header{border-bottom:2px solid #315bd6;gap:8px;padding-bottom:18px;display:grid}.study-plate>header>span{letter-spacing:.17em;color:#315bd6;font-size:10px}.study-plate>header>strong{font-size:27px;font-weight:750}.study-plate>header>small{color:#68738b;font-size:13px}.study-plate-body{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:25px;padding:25px 0;display:grid}.study-hardware{width:100%;display:block}.study-subjects{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.study-subjects>div{text-align:center;background:#f0f2f9;border:1px solid #c8cfe2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:240px;padding:25px 12px;display:flex;position:relative}.study-subjects>div>span{color:#68738b;font-size:12px;position:absolute;top:12px;left:12px}.study-subjects b{font-size:21px;line-height:1.6}.study-detail-mark{gap:8px;display:flex}.study-detail-mark i{background:#aab9df;border-radius:2px;width:10px;height:10px;display:block}.study-annotations{gap:22px;list-style:none;display:grid}.study-annotations li{border-bottom:1px solid #dfe3ef;gap:12px;padding-bottom:18px;display:flex}.study-annotations li>span{color:#fff;background:#315bd6;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:13px;display:grid}.study-annotations b{color:#315bd6;font-size:17px}.study-annotations p{margin:7px 0 0;font-size:16px;line-height:1.8}.study-plate figcaption{color:#68738b;border-top:1px solid #dfe3ef;padding-top:12px;font-size:11px}.workbench-machine{cursor:pointer}.workbench-machine:hover .machine-case,.workbench-machine:focus .machine-case{stroke:#315bd6;stroke-width:3px}.actor-detail-parts{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.actor-detail-parts>div{background:#f0f2f9;border:1px solid #c8cfe2;border-radius:10px;align-items:center;gap:15px;padding:14px;display:flex}.actor-detail-parts .system-illustration{color:#315bd6;width:65px;height:50px}.actor-detail-parts strong{font-size:16px}@media (width<=700px){.actor-detail-parts{gap:8px}.actor-detail-parts>div{justify-items:center;padding:10px;display:grid}.actor-detail-parts strong{font-size:13px}}.screen-player{color:#20283d;background:#f5f6fb}.screen-player-main{background:#f5f6fb}.screen-player-header{color:#fff;background:#20243e}.screen-player-header strong,.screen-player-header small{color:#fff}.screen-player-header button{color:#fff;background:#303650;border-color:#59617e}.screen-player .screen-next{background:#315bd6;border-color:#315bd6}.screen-slide-title>span{color:#315bd6}.course-unit-list button.current{background:#edf2ff;border-left-color:#315bd6}.screen-sequence-tools{color:#2444aa;background:#eef2ffed}.system-workbench{background:linear-gradient(145deg,#fff,#f1f3fc)}.workbench-machine{--device:#315bd6;--device-soft:#edf2ff}.workbench-machine[data-device=person]{--device:#ab4d16;--device-soft:#fff2df}.workbench-machine[data-device=server]{--device:#7943bd;--device-soft:#f3edff}.workbench-machine[data-device=db],.workbench-machine[data-device=storage]{--device:#087b8c;--device-soft:#e9f9fb}.workbench-machine[data-device=cpu],.workbench-machine[data-device=memory]{--device:#b64451;--device-soft:#fff0ef}.workbench-machine[data-device=router]{--device:#566719;--device-soft:#f3f7df}.workbench-machine .machine-case{stroke:var(--device);fill:var(--device-soft)}.workbench-machine .machine-identity .system-illustration{color:var(--device)}.workbench-machine.active .machine-case{stroke:var(--device);stroke-width:3px}.workbench-machine .machine-part rect{fill:#fff;stroke:#dfe3ef}.workbench-machine .machine-part.working rect{fill:var(--device);stroke:var(--device)}.workbench-machine .machine-part.working text,.workbench-machine .machine-part.working circle{fill:#fff}.workbench-machine.blocked .machine-case{stroke:#c02d48;stroke-width:4px}.workbench-transfer{color:#315bd6}.workbench-packet{fill:#315bd6;stroke:#ffcf65;filter:drop-shadow(0 0 4px #315bd650)}.study-plate{border-color:#dfe3ef;padding:0;overflow:hidden;box-shadow:0 12px 30px #29375b12}.study-plate>header{color:#fff;background:#252943;border:0;padding:24px 28px;position:relative}.study-plate>header:after{content:"";background:linear-gradient(90deg,#638cff 0 33%,#ffc36a 33% 66%,#bc91f0 66%);height:5px;position:absolute;bottom:0;left:0;right:0}.study-plate>header>span{color:#becfff}.study-plate>header>small{color:#d3d8ec}.study-plate-body{gap:22px;padding:26px 28px}.study-plate figcaption{margin:0 28px;padding:12px 0 16px}.study-subjects>div,.study-annotations li{--item:#315bd6;--wash:#edf2ff}.study-subjects>div:nth-child(3n+2),.study-annotations li:nth-child(3n+2){--item:#ab4d16;--wash:#fff2df}.study-subjects>div:nth-child(3n),.study-annotations li:nth-child(3n){--item:#7943bd;--wash:#f3edff}.study-subjects>div{background:var(--wash);border:0;border-top:4px solid var(--item);gap:16px;min-height:240px}.study-subjects>div>span{color:var(--item);font-size:18px;font-weight:800}.study-subjects .system-illustration{color:var(--item);width:120px;height:90px}.study-subject-tag{color:var(--item);border:1px solid;border-radius:20px;padding:5px 9px;font-size:12px}.study-annotations{gap:12px;margin:0;padding:0}.study-annotations li{background:var(--wash);border:0;border-radius:12px;gap:10px;padding:15px 12px}.study-annotations li>span{background:var(--item)}.study-annotations b{color:var(--item)}.study-annotations p{color:#30394e;font-size:16px;line-height:1.65}.illustration-pair,.illustration-device,.illustration-compare section{--item:#315bd6;--wash:#edf2ff;background:var(--wash);border:1px solid #dfe3ef;border-top:5px solid var(--item);color:#20283d;box-shadow:0 7px 20px #29375b09}.illustration-pair:nth-child(3n+2),.illustration-device:nth-child(3n+2),.illustration-compare section:nth-child(2){--item:#ab4d16;--wash:#fff2df}.illustration-pair:nth-child(3n),.illustration-device:nth-child(3n){--item:#7943bd;--wash:#f3edff}.illustration-pair .system-illustration,.illustration-device .system-illustration,.illustration-compare .system-illustration,.illustration-pair>span,.illustration-index,.illustration-device small{color:var(--item)}.illustration-pair{flex-wrap:wrap}.illustration-note{color:#414b62;border-top:1px solid #ccd3e3;flex-basis:100%;margin:10px 0 0;padding-top:12px;font-size:14px;line-height:1.7}.illustration-compare section>div{background:#ffffffa8;border:0;border-radius:8px;margin-top:8px;padding:12px}.illustration-compare section>div>span{color:var(--item);font-weight:800}.illustration-layers{grid-template-columns:1fr;gap:18px}.illustration-layers .illustration-device{text-align:left;flex-direction:row;gap:30px;min-height:100px;padding:20px 50px}.illustration-layers .illustration-device .system-illustration{width:90px;height:65px}.illustration-layers .illustration-link{height:18px;line-height:18px;top:100%;left:50%}.illustration-layers .illustration-index{top:15px;left:16px}.auth-story{color:#20283d;background:#fff;border:1px solid #dfe3ef;border-radius:16px;width:960px;margin:0;padding:24px}.auth-story header small{color:#315bd6;letter-spacing:.08em;font-size:12px}.auth-story-controls{align-items:center;gap:9px;font-size:12px;display:flex}.auth-story-controls>span{color:#606a80;margin-right:auto}.auth-story-controls button{border-radius:20px;padding:7px 12px;font-size:12px}.auth-story-controls button[aria-pressed=true]{color:#fff;background:#315bd6;border-color:#315bd6}.auth-story svg{width:100%;margin-top:12px;display:block}.auth-story svg text{font-family:inherit;font-size:16px}.auth-story svg .story-label{font-size:19px;font-weight:750}.auth-story svg .story-building{font-size:14px;font-weight:650}.story-takeaway{background:#edf2ff;border-left:5px solid #315bd6;border-radius:8px;grid-template-columns:135px 1fr;align-items:center;gap:18px;padding:15px 18px;display:grid}.story-takeaway b{color:#2444aa;font-size:14px}.story-takeaway p{margin:0;font-size:20px;font-weight:650;line-height:1.6}.auth-story figcaption{color:#606a80;border-top:1px solid #e0e4ee;margin-top:16px;padding-top:12px;font-size:14px}.story-response{grid-template-columns:1fr 1fr;gap:15px;margin-top:12px;font-size:15px;display:grid}.story-response span{background:#fff2df;border-radius:8px;padding:12px}.story-response span+span{background:#f3edff}.auth-story{padding:16px 22px}.auth-story header small{font-size:11px}.auth-story h2{margin:5px 0 10px;font-size:25px}.auth-story svg{height:230px;margin-top:2px}.story-takeaway{grid-template-columns:125px 1fr;padding:10px 14px}.story-takeaway p{font-size:20px;line-height:1.4}.auth-story figcaption{margin-top:8px;padding-top:8px;font-size:13px}.narrative-material{color:#20283d;background:#fff;border:1px solid #dfe3ef;border-radius:14px;width:960px;margin:0;padding:14px 20px}.narrative-prerequisite{color:#606a80;align-items:baseline;gap:10px;min-height:20px;font-size:12px;line-height:1.5;display:flex}.narrative-prerequisite b{color:#315bd6;flex-shrink:0}.narrative-material h2{color:#20283d;margin:8px 0 10px;font-size:25px;line-height:1.4}.narrative-controls{flex-wrap:wrap;align-items:center;gap:12px;min-height:32px;display:flex}.narrative-controls label{align-items:center;gap:6px;font-size:12px;display:flex}.screen-player .narrative-controls button,.screen-player .narrative-controls select{padding:5px 10px;font-size:12px}.screen-player .narrative-toggle[aria-pressed=true]{color:#2444aa;background:#edf2ff;border-color:#315bd6}.narrative-world{width:100%;height:225px;margin:2px 0;display:block}.narrative-world text{font-family:inherit}.narrative-node.emphasized>rect{filter:drop-shadow(0 3px 5px #29375b10)}.narrative-takeaway{background:#edf2ff;border-left:4px solid #315bd6;border-radius:8px;grid-template-columns:105px 1fr;align-items:center;gap:12px;padding:11px 14px;display:grid}.narrative-takeaway>b{color:#2444aa;font-size:13px}.narrative-takeaway p{margin:0;font-size:19px;font-weight:650;line-height:1.5}.narrative-material figcaption{color:#606a80;padding-top:9px;font-size:12px;line-height:1.5}.narrative-material figcaption b{color:#7943bd;margin-right:8px}@media (prefers-reduced-motion:reduce){.narrative-world animateMotion{display:none}}.narrative-source p{margin:0 0 14px;font-size:16px;line-height:1.9}.foundation-model-note{color:#68738b;margin-top:3px;font-size:10px;display:block}.foundation-material .narrative-world{height:235px}.foundation-material .narrative-controls{gap:9px}.foundation-material .narrative-takeaway p{font-size:18px}.foundation-material .narrative-prerequisite{font-size:11px}.screen-player .screen-next:hover:not(:disabled),.screen-player .screen-next:active:not(:disabled){color:#fff;background:#2444aa;border-color:#2444aa}.screen-player .screen-player-header button:hover:not(:disabled){color:#fff;background:#404965;border-color:#7a86ab}.screen-player .auth-story-controls button[aria-pressed=true]:hover:not(:disabled){color:#fff;background:#2444aa}.screen-player .narrative-toggle[aria-pressed=true]:hover:not(:disabled){color:#2444aa;background:#dce6ff;border-color:#315bd6}.lesson-transcript{text-align:left;background:#fff;border:1px solid #d7def0;border-radius:10px;flex-direction:column;height:112px;min-height:0;display:flex;overflow:hidden}.lesson-transcript header{color:#2444aa;background:#edf2ff;flex-shrink:0;align-items:center;gap:12px;padding:7px 12px;font-size:12px;display:flex}.lesson-transcript header small{text-overflow:ellipsis;white-space:nowrap;color:#606a80;overflow:hidden}.lesson-transcript>div{min-height:0;padding:6px 12px;font-size:13px;line-height:1.7;overflow:auto}.lesson-transcript p{margin:0 0 6px}.lesson-transcript p>b{color:#7943bd;margin-right:8px}@media (height<=720px){.lesson-transcript{height:82px}}.component-lab{color:#20283d;background:#fff;border:1px solid #d7def0;border-radius:14px;width:960px;padding:18px 22px}.component-lab>header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px;display:flex}.component-lab small{color:#315bd6;letter-spacing:.06em;font-size:11px}.component-lab h2{margin:4px 0;font-size:24px}.component-lab nav{gap:8px;display:flex}.component-lab nav button[aria-pressed=true]{color:#fff;background:#315bd6}.component-lab-body{grid-template-columns:590px 1fr;gap:20px;display:grid}.component-lab-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.screen-player .component-lab-grid>button{background:#f0f2f9;border:2px solid #d7def0;border-radius:10px;flex-direction:column;padding:0;display:flex;overflow:hidden}.screen-player .component-lab-grid>button.selected{border-color:#315bd6;box-shadow:0 0 0 2px #dce6ff}.component-lab-grid svg{background:#d4d7d9;width:100%;height:130px;display:block}.component-lab-grid span{background:#fff;padding:6px;font-size:13px;font-weight:700;display:block}.component-lab aside{background:#edf2ff;border-radius:12px;padding:17px}.component-lab h3{margin:12px 0;font-size:22px}.component-lab p{margin:8px 0;font-size:15px;line-height:1.7}.component-job{font-weight:650}.component-lab dt{color:#606a80;font-size:12px}.component-lab dd{margin:5px 0 14px;font-size:15px}.component-link{background:#fff;border-left:3px solid #7943bd;padding:10px;font-size:13px;line-height:1.6}.component-lab>footer{color:#68738b;margin-top:12px;font-size:10px}.screen-player .hardware-hotspots button{background:0 0}.screen-player .hardware-hotspots button:hover{background:#ffd47422}.screen-player .practice-studio{width:960px;box-shadow:none;background:#fff;border-radius:14px;margin:0}.screen-player .activity-stage{width:960px;box-shadow:none;color:#20283d;background:#fff;border:1px solid #d7def0;min-height:400px;margin:0}.screen-player .activity-stage>header{background:#edf2ff;border-color:#d7def0;padding:12px 18px}.screen-player .activity-stage>header .text-sm{font-size:21px}.screen-player .activity-stage>header .text-\[0\.7rem\]{font-size:12px}.screen-player .activity-stage>div{padding:14px 18px}.screen-player .activity-stage>div>p{margin:0 0 12px;font-size:16px}.activity-stage[data-kind=sort]>div>ul,.activity-stage[data-kind=reveal]>div>ul,.activity-stage[data-kind=hotspot]>div>div>ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.activity-stage[data-kind=hotspot]>div>div>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-stage[data-dense=true]>div>ul{grid-template-columns:repeat(4,minmax(0,1fr))}.screen-player .activity-stage ul>li{background:#f5f7fd;border:1px solid #d7def0;min-height:118px;margin:0;padding:14px}.screen-player .activity-stage ul>li>p:first-child{min-height:28px;font-size:17px;line-height:1.5}.screen-player .activity-stage ul>li p.text-xs{font-size:13px;line-height:1.55}.screen-player .activity-stage button{white-space:normal;padding:8px 10px;font-size:14px;line-height:1.5}.screen-player .activity-stage button[aria-pressed=true]{color:#fff;background:#315bd6;border-color:#315bd6}.screen-player .activity-stage li button[aria-expanded=true]{color:#20283d;background:#edf2ff;border-color:#315bd6}.screen-player .activity-stage[data-kind=reveal] ul>li{min-height:145px;padding:0}.screen-player .activity-stage[data-kind=reveal] li>button{min-height:145px;padding:15px}.screen-player .activity-stage[data-kind=reveal] li>button>span{font-size:16px;line-height:1.55}.activity-stage[data-kind=order]>div>ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.activity-stage[data-kind=order]>div>ol>li:last-child{grid-column:1/-1}.activity-stage[data-kind=order] li>div{padding:12px;font-size:17px}.activity-stage[data-kind=steps] .step-mode-note{display:none}.activity-stage .step-track{margin-top:0}.activity-stage .step-scene{min-height:140px}.activity-stage .step-explanation h4{font-size:22px}.activity-stage .step-explanation p{font-size:16px}.activity-stage[data-count="4"]>div>ul,.activity-stage[data-count="2"]>div>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.screen-player .activity-stage button[aria-pressed=true].bg-bad{color:#fff;background:#b52f48;border-color:#b52f48}.screen-player{grid-template-rows:60px 44px minmax(0,1fr)}.screen-player-main{scroll-behavior:smooth;grid-area:3/1;padding:18px 24px 35px;display:block;overflow:auto}.screen-slide-title{margin-bottom:14px}.screen-stage{height:max(520px,100dvh - 220px);min-height:520px}.screen-player-main>.screen-player-footer{background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;max-height:none;padding:14px 0;display:flex;overflow:visible}.screen-voice-tools{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.screen-player .screen-voice-tools>button:first-child{color:#2444aa;background:#edf2ff;border-color:#315bd6;font-weight:700}.screen-player .screen-voice-tools>button:nth-of-type(2){color:#fff;background:#315bd6;border-color:#315bd6;font-weight:700}.screen-voice-tools>label{display:none}.lesson-detail-tabs{border-bottom:1px solid #d7def0;gap:22px;margin-top:10px;display:flex;overflow:auto}.screen-player .lesson-detail-tabs button{white-space:nowrap;color:#606a80;background:0 0;border:0;border-radius:0;padding:15px 0}.screen-player .lesson-detail-tabs button[aria-selected=true]{color:#20283d;border-bottom:3px solid #315bd6;font-weight:750}.lesson-detail-content{max-width:1000px;min-height:260px;margin:0 auto;padding:28px 18px;font-size:16px;line-height:1.9}.lesson-detail-content h2{margin-bottom:16px;font-size:24px;font-weight:750}.lesson-detail-content p{margin-bottom:14px}.lesson-detail-content textarea{background:#fff;border:1px solid #c8cfe2;border-radius:10px;width:100%;min-height:220px;padding:18px}.lesson-detail-content .lesson-transcript{height:auto;min-height:240px}.lesson-detail-content .lesson-transcript>div{padding:20px;overflow:visible}.lesson-detail-content .lesson-transcript header{padding:12px 20px}.lesson-detail-content .lesson-transcript p{margin-bottom:18px;font-size:16px;line-height:1.9}@media (width<=900px){.screen-player-main{padding:14px 12px 30px}.screen-stage{height:max(420px,65dvh);min-height:420px}.lesson-detail-tabs{gap:18px}.lesson-detail-content{padding:22px 5px}}.dns-material .narrative-world{height:340px;margin:12px 0}.dns-material .narrative-takeaway p{font-size:17px}.lesson-detail-content .screen-condition-grid{margin:20px 0}.screen-stage{height:max(520px,100dvh - 300px)}.lesson-detail-content{scroll-margin-top:15px}.dns-material .narrative-world{height:370px}.section-figure{color:#20283d;background:#fff;border:1px solid #d7def0;border-radius:14px;width:960px;margin:0;padding:20px 24px}.section-figure h2{margin:12px 0 22px;font-size:26px}.section-figure figcaption{background:#edf2ff;border-left:4px solid #315bd6;margin-top:20px;padding:12px 16px;font-size:18px;line-height:1.7}.section-figure-next{color:#7943bd;gap:12px;margin-top:12px;font-size:12px;display:flex}.section-analogy{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.section-analogy>div{background:#f5f6fb;border:1px solid #d7def0;border-radius:10px;grid-template-columns:100px 30px 1fr;align-items:center;gap:10px;padding:16px;display:grid}.section-analogy strong,.section-analogy b{font-size:19px}.section-analogy p{color:#606a80;grid-column:1/-1;margin:6px 0 0;font-size:15px;line-height:1.6}.section-compare{grid-template-columns:1fr 1fr;gap:20px;display:grid}.section-compare>section{border:1px solid #d7def0;border-radius:12px;overflow:hidden}.section-compare h3{background:#edf2ff;padding:14px;font-size:21px}.section-compare section>p{color:#606a80;padding:8px 14px;font-size:14px}.section-compare ul{padding:0 14px;list-style:none}.section-compare li{border-bottom:1px solid #d7def0;padding:12px 0}.section-compare li b{font-size:18px;display:block}.section-compare li span{color:#606a80;font-size:15px}.section-compare li[data-mark=drop] b{color:#b52f48}.section-stack{flex-direction:column;align-items:center;gap:9px;max-width:820px;margin:auto;display:flex}.section-stack>div{background:#edf2ff;border-left:5px solid;border-radius:8px;justify-content:space-between;gap:15px;padding:12px 18px;font-size:18px;display:flex}.section-stack>div span{color:#606a80;font-size:15px}.section-stack>small{color:#68738b;font-size:12px}.section-flow{justify-content:center;align-items:stretch;padding:14px 0;display:flex}.section-flow-pair{flex:1;align-items:center;min-width:0;display:flex}.section-flow-node{text-align:center;background:#f5f6fb;border:1px solid #d7def0;border-top:4px solid;border-radius:10px;flex:1;min-width:0;min-height:190px;padding:16px 10px}.section-flow-node .system-illustration{color:#315bd6;width:64px;height:60px;margin:auto;display:block}.section-flow-node h3{margin:8px 0;font-size:19px}.section-flow-node p{color:#606a80;font-size:15px;line-height:1.6}.section-flow-number{color:#315bd6;font-size:25px;font-weight:750}.section-flow-wire{text-align:center;color:#315bd6;flex-shrink:0;width:62px}.section-flow-wire span{font-size:11px;display:block}.section-flow-wire b{font-size:25px}.architecture-material .narrative-world{width:100%;height:auto;margin:10px 0}.architecture-material>p{margin:8px 0;font-size:14px;line-height:1.6}.architecture-material h2{margin:8px 0 12px}.architecture-material figcaption{margin-top:8px;font-size:16px}.architecture-material>label{align-items:center;gap:12px;display:flex}.process-material .narrative-world{width:100%;height:auto;margin:10px 0}.process-material h2{margin:8px 0 12px}.process-material figcaption{margin-top:10px;font-size:16px}.process-material>label{align-items:center;gap:10px;display:flex}.communication-material{padding:18px 24px}.communication-material h2{margin:6px 0;font-size:24px}.communication-material h3{color:#315bd6;margin:8px 0;font-size:17px}.communication-material>label{align-items:center;gap:12px;font-size:13px;display:flex}.communication-paper{background:#f8faff;border:1px solid #dce3f4;border-radius:12px;gap:10px;margin:12px 0;padding:12px 16px;display:grid}.communication-paper section{border-left:4px solid var(--message-color);background:#fff;border-radius:6px;grid-template-columns:140px 1fr;align-items:center;gap:20px;padding:8px 12px;display:grid}.communication-paper section>b{color:var(--message-color);font-size:17px}.communication-paper p{white-space:pre-line;margin:0;font-size:20px;line-height:1.6}.communication-material figcaption{margin-top:10px;font-size:17px}.communication-vague{align-content:center;gap:20px;min-height:220px;padding:20px;display:grid}.communication-vague>b{color:#a52c49}.communication-practice{background:#fff4de;border:1px solid #e8c787;border-radius:10px;padding:12px;font-size:15px}.communication-practice>div{gap:10px;margin-top:8px;display:flex}.communication-practice p{margin:8px 0 0}.screen-player .communication-practice button[aria-pressed=true]{color:#fff;background:#315bd6;border-color:#315bd6}.preview-quiz{background:#f6f8ff;max-width:1050px;min-height:100dvh;margin:0 auto;padding:28px 20px 80px}.fundamentals-material .narrative-world{width:100%;height:auto;margin:6px 0}.fundamentals-material h2{margin:6px 0 10px;font-size:23px}.fundamentals-material figcaption{margin-top:10px;font-size:17px}.fundamentals-result{color:#663493;background:#f4edff;margin:0;padding:8px 12px;font-size:15px}.fundamentals-exercise textarea{resize:vertical;border:1px solid #bbc8e4;border-radius:8px;width:100%;height:220px;padding:12px}.fundamentals-exercise small{color:#606a80;display:block}.lesson-completion{color:#315bd6;white-space:nowrap;font-size:12px}.lesson-progress-list{gap:8px;margin-top:16px;display:grid}.screen-player .lesson-progress-list button{text-align:left;justify-content:space-between;gap:14px;display:flex}.lesson-progress-list b{color:#315bd6;white-space:nowrap}.binary-material h2{margin:8px 0 14px;font-size:24px}.binary-material .narrative-world{width:100%;height:auto}.binary-material figcaption{margin-top:10px;font-size:17px}.binary-switches{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;margin:18px 0;display:grid}.screen-player .binary-switches button{color:#263653;background:#f3f6ff;border:1px solid #bdc9e9;justify-items:center;gap:10px;padding:12px;display:grid}.screen-player .binary-switches button[aria-pressed=true]{color:#4d2683;background:#ece5ff;border-color:#7943bd}.binary-switches b{font-size:30px}.bit-lamp{background:#cad1de;border:2px solid #aab4c8;border-radius:50%;width:26px;height:26px;display:block}.bit-lamp.on{background:#ffcb54;border-color:#cd9222;box-shadow:0 0 12px #ffcc5570}.binary-material>label{align-items:center;gap:12px;display:flex}.binary-material>p{font-size:14px}.screen-player{--player-bg:#f4f6fa;--player-surface:#fff;--player-ink:#202c40;--player-muted:#5c6c81;--player-line:#d8e0ec;--player-active:#315bd6;background:var(--player-bg);color:var(--player-ink);isolation:isolate;grid-template-rows:60px 48px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 320px}.screen-player.rail-hidden{grid-template-columns:minmax(0,1fr)}.screen-player>.world-backdrop{z-index:-1;opacity:.16;pointer-events:none}.screen-player-header{background:var(--player-surface);color:var(--player-ink);border-bottom:1px solid var(--player-line);grid-area:1/1/auto/-1}.screen-player-header strong{color:var(--player-ink)}.screen-player-header small{color:var(--player-muted)}.screen-player-track{background:var(--player-surface);min-width:0;color:var(--player-muted);border-bottom:1px solid var(--player-line);grid-area:2/1}.screen-player-main{background:var(--player-bg);scroll-behavior:smooth;grid-area:3/1;min-width:0;min-height:0;padding:20px 24px 36px;scroll-padding-top:58px;display:block;overflow:hidden auto}.course-content-rail{border-left:1px solid var(--player-line);background:var(--player-surface);width:auto;min-height:0;color:var(--player-ink);box-shadow:none;grid-area:2/2/4;position:static}.course-content-rail>header{border-color:var(--player-line);flex-shrink:0}.course-content-rail h2{color:var(--player-ink)}.course-unit-list{overscroll-behavior:contain;scrollbar-gutter:stable;overflow-y:auto}.course-unit-list summary{background:var(--player-surface);color:var(--player-ink);border-color:var(--player-line)}.course-unit-list details{border-color:var(--player-line)}.screen-player .course-unit-list button{color:var(--player-ink);background:0 0;border-left:3px solid #0000}.screen-player .course-unit-list button.current{color:var(--player-ink);background:#315bd61a;border-left-color:#7da3ff}.course-unit-list :is(summary,button) small{color:var(--player-muted)}.screen-player .screen-player-header button,.screen-player .screen-player-track button,.screen-player .course-content-rail>button,.screen-player-main>.screen-player-footer button{background:var(--player-surface);color:var(--player-ink);border-color:var(--player-line)}.screen-player .screen-player-track select{background:var(--player-surface)!important;color:var(--player-ink)!important;border-color:var(--player-line)!important}.screen-slide-title h1{color:var(--player-ink)}.screen-slide-title>span,.screen-voice-caption p,.screen-player .lesson-completion{color:var(--player-muted)}.screen-stage{background:#fff;border-color:#d8e0ec;height:clamp(420px,100dvh - 270px,850px);min-height:420px}.screen-player-main>.screen-player-footer{border-color:var(--player-line);background:0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:14px 0;display:flex;position:relative}.screen-player-main>.screen-player-footer .screen-voice-tools>button:first-child{color:#dceaff;background:#29466b;border-color:#6488b5}.screen-player-main>.screen-player-footer .screen-voice-tools>button:nth-of-type(2),.screen-player-main>.screen-player-footer .screen-next{color:#fff;background:#315bd6;border-color:#315bd6}.screen-player .lesson-detail-tabs{z-index:4;scrollbar-width:thin;background:var(--player-surface);border-top:1px solid var(--player-line);border-bottom:1px solid var(--player-line);isolation:isolate;flex-wrap:nowrap;align-items:stretch;gap:0;min-height:54px;margin:0;padding:0 8px;scroll-margin-top:0;display:flex;position:sticky;top:0;overflow:auto hidden}.screen-player .lesson-detail-tabs button{white-space:nowrap;min-height:54px;color:var(--player-muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;flex:none;padding:12px 16px;font-size:13px;line-height:1.5}.screen-player .lesson-detail-tabs button[aria-selected=true]{color:var(--player-ink);background:#689ae512;border-bottom-color:#91b5ff;font-weight:750}.screen-player .lesson-detail-tabs button:focus-visible{outline-offset:-4px;outline:2px solid #91b5ff}.lesson-detail-content{background:var(--player-surface);max-width:none;min-height:280px;color:var(--player-ink);border:1px solid var(--player-line);overflow-wrap:anywhere;border-top:0;border-radius:0 0 12px 12px;margin:0;padding:28px 24px}.lesson-detail-content :is(h2,h3,h4){color:var(--player-ink)}.lesson-detail-content p,.lesson-detail-content small{color:var(--player-muted)}.screen-player .lesson-detail-content :is(textarea,select,input:not([type=range]):not([type=checkbox])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--player-bg)!important;color:var(--player-ink)!important;border-color:var(--player-line)!important}.lesson-detail-content .lesson-transcript{border-color:var(--player-line);background:0 0}.lesson-detail-content .lesson-transcript header{color:var(--player-ink);background:#8da9d315}.lesson-detail-content .lesson-transcript :is(b,small,p){color:var(--player-ink)}.screen-player[data-player-theme]{--player-bg:#152638;--player-surface:#1b3045;--player-ink:#edf4ff;--player-muted:#bdccdf;--player-line:#66829e55}@media (width<=900px){.screen-player,.screen-player.rail-hidden{grid-template-columns:minmax(0,1fr)}.screen-player-main{padding:16px 12px 24px}.course-content-rail{z-index:10;width:min(340px,100vw);position:absolute;top:60px;bottom:0;right:0;box-shadow:-12px 0 35px #0004}.screen-stage{height:clamp(360px,62dvh,650px);min-height:360px}.screen-player .lesson-detail-tabs button{padding:12px 14px}.lesson-detail-content{padding:22px 16px}}@media (width<=700px){.screen-player{grid-template-rows:54px auto minmax(0,1fr)}.screen-player-header{gap:8px;padding:7px 10px}.screen-player-header small{display:none}.screen-player-header strong{font-size:12px}.screen-player-track{flex-wrap:wrap;gap:6px;padding:8px}.screen-player-track label{flex:1}.screen-player-track select{max-width:170px}.screen-player-track progress{flex-basis:50%}.course-content-rail{top:54px}.screen-player-main>.screen-player-footer{align-items:stretch}.screen-voice-tools{flex-basis:100%}.screen-page-tools{margin-left:auto}.screen-stage{height:58dvh;min-height:330px}}@media (prefers-reduced-motion:reduce){.screen-player-main{scroll-behavior:auto}}.screen-player .screen-stage{color:#20283d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.screen-player .screen-toast{background:var(--player-surface);color:var(--player-ink);border-color:var(--player-line);overflow-wrap:anywhere;line-height:1.6}.screen-player .screen-toast button{background:var(--player-bg);color:var(--player-ink);border-color:var(--player-line)}.screen-player .course-content-rail>header button{background:var(--player-surface);color:var(--player-ink);border-color:var(--player-line)}.screen-player[data-player-theme] :is(.lesson-detail-tabs,.course-unit-list,.screen-player-main){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-color:#6e879f #192d42}.screen-player .lesson-detail-content button{background:var(--player-bg);color:var(--player-ink);border-color:var(--player-line)}.screen-player .lesson-detail-content .lesson-progress-list button b{color:var(--player-ink)}