.pdf-reader{background:var(--surface);border-left:1px solid var(--line);width:clamp(440px,46vw,720px);min-height:0;color:var(--ink);flex-direction:column;flex-shrink:0;display:flex}.pdf-reader-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:11px;padding:17px 20px;display:flex}.pdf-reader-book{width:36px;height:39px;color:var(--green);background:var(--green-wash);border:1px solid var(--green-mid);border-radius:7px;place-items:center;display:grid}.pdf-reader-header h2{font-size:15px;font-weight:500;line-height:1.6}.pdf-reader-header p{color:var(--muted);margin-top:2px;font-size:10px}.pdf-close{margin-left:auto}.pdf-toolbar{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.pdf-pagination{align-items:center;gap:5px;display:flex}.pdf-pagination form{white-space:nowrap;align-items:center;gap:8px;font-size:11px;display:flex}.pdf-pagination form>label{color:var(--muted);font-size:10px}.pdf-pagination form>span{font:10px var(--mono);color:var(--muted)}.pdf-pagination input{background:var(--paper);border:1px solid var(--line);text-align:center;width:49px;height:30px;font:12px var(--mono);border-radius:5px}.pdf-toolbar select{color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:5px;max-width:115px;padding:7px 5px;font-family:inherit;font-size:11px}.pdf-location{color:var(--muted);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:10px 20px;font-size:10px;display:flex}.pdf-location>span:first-child{color:var(--green);white-space:nowrap}.pdf-location>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pdf-viewport{overscroll-behavior:contain;background:var(--sidebar);scrollbar-width:thin;scrollbar-color:var(--green-mid) transparent;outline-offset:-3px;flex:1;min-height:0;padding:16px;position:relative;overflow:auto}.pdf-paper-host{width:max-content;min-width:100%}.pdf-paper-pending{visibility:hidden}.pdf-page-sheet{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;background:#fff;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 1px 4px #15302520}.pdf-page-sheet canvas{display:block}.pdf-loading{min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;inset:25px 16px auto}.pdf-loading>svg{animation:1s linear infinite pdf-loading-spin}.pdf-loading-update{background:var(--surface);border:1px solid var(--line);border-radius:5px;flex-direction:row;gap:7px;min-height:0;padding:8px 12px;inset:25px 26px auto auto}.pdf-error{min-height:230px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:30px 20px auto}.pdf-error strong{font-size:14px;font-weight:400;line-height:1.8}.pdf-error>svg{color:var(--orange)}.pdf-input-error{color:var(--orange);background:var(--orange-wash);padding:8px 20px;font-size:12px}.pdf-reader-footer{border-top:1px solid var(--line);color:var(--muted);flex-shrink:0;justify-content:space-between;gap:10px;padding:10px 17px;font-size:9px;display:flex}.pdf-reader-footer>a{font-family:var(--mono);font-size:10px}.pdf-backdrop{z-index:20;background:#16322455;position:fixed;inset:0}@keyframes pdf-loading-spin{to{transform:rotate(360deg)}}@media (width>=1100px){.pdf-open>.sidebar{width:190px}.pdf-open .workspace .inspector{display:none}.pdf-open .workspace .inline-inspector{background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-bottom:25px;display:block;overflow:hidden}.pdf-open .inline-inspector .inspector-scroll{overflow:visible}.pdf-open .workspace .workspace-status{display:none}.pdf-open .workspace-nav{padding:0 18px}.pdf-open .view-tabs{gap:17px}.pdf-open .view-tabs>button{font-size:12px}.pdf-open .main-scroll{padding-left:20px;padding-right:20px}.pdf-open .title-row .duration{display:none}.pdf-open h1{font-size:25px}.pdf-open .eyebrow{letter-spacing:.5px;font-size:8px}.pdf-open .shortcuts{display:none}.pdf-open .experiment-top{padding:0 12px}.pdf-open .experiment-top .step-arrows>span{display:none}.pdf-open .experiment-top>.playback{gap:8px}.pdf-open .experiment-top .playback-divider{display:none}.pdf-open .node-name{font-size:23px}.pdf-open .node-sub{font-size:11px}.pdf-open .step-timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}}@media (width<=1099px){.pdf-reader-modal{z-index:21;width:min(680px,100%);height:100dvh;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 40px #15302520}.pdf-reader-header{padding:14px 17px}.pdf-reader .icon-button{width:40px;height:40px}}@media (width<=430px){.pdf-toolbar{gap:7px;padding:9px 12px}.pdf-pagination{gap:2px}.pdf-pagination form{gap:5px}.pdf-pagination form>label{font-size:9px}.pdf-pagination input{width:43px;height:37px;font-size:13px}.pdf-toolbar select{max-width:102px;height:38px;font-size:11px}.pdf-location{gap:10px;padding:10px 16px}.pdf-reader .icon-button{width:36px;height:40px}.pdf-reader .pdf-close{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.pdf-loading>svg{animation:none}}.pdf-reader .textLayer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;text-align:initial;opacity:1;letter-spacing:normal;word-spacing:normal;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.pdf-reader .textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;-webkit-user-select:text;user-select:text;position:absolute}.pdf-reader .textLayer>:not(.markedContent),.pdf-reader .textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.pdf-reader .textLayer .markedContent{display:contents}.pdf-reader .textLayer ::selection{color:#0000;background:#21634940}@media (width>=1100px){.pdf-open .chapter-switch strong{font-size:12px}}:root{color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#f7f8f5;--surface:#fff;--sidebar:#f5f6f2;--ink:#263c33;--muted:#68766d;--faint:#8a968d;--line:#e1e6df;--green:#216349;--green-hover:#194f3b;--green-wash:#edf4ed;--green-mid:#bdd1bd;--orange:#a66033;--orange-wash:#faf4e9;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;font-weight:400}:root[data-theme=dark]{--paper:#18251f;--surface:#1e2d25;--sidebar:#1a2821;--ink:#ffffffe0;--muted:#aebdb2;--faint:#8da294;--line:#374a3c;--green:#a2d5b4;--green-hover:#bde7ca;--green-wash:#2b4333;--green-mid:#526e56;--orange:#e4ba87;--orange-wash:#3c3528;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;display:inline-flex}a{color:var(--green);text-decoration:none}button,a{touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #c28e45}input,textarea{color:var(--ink)}button{transition:background-color .18s,color .18s,border-color .18s}h1,h2,h3,p{margin:0}h1,h2,h3,strong,b{font-weight:600}h1,h2{text-wrap:balance}p{text-wrap:pretty;line-height:1.8}svg{flex-shrink:0}kbd{font:10px/1.4 var(--mono);border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:4px;padding:1px 4px}.icon-button{border-radius:6px;flex-shrink:0;width:32px;height:32px}.mobile-only{display:none}.small-dot,.active-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.skip-link{background:var(--green);color:var(--surface);z-index:10;padding:12px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:10px}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:30px;height:72px;padding:0 26px;display:flex}.brand{color:var(--ink);flex-shrink:0;align-items:center;gap:11px;display:flex}.brand-icon{width:39px;height:43px;color:var(--green);background:var(--green-wash);border:1px solid var(--green-mid);border-radius:9px;place-items:center;display:grid}.brand-word{font:600 20px/1.3 var(--mono);letter-spacing:-.5px}.brand-word>span{letter-spacing:1px;color:var(--muted);margin-left:3px;font-size:12px;font-weight:400}.brand-word small{letter-spacing:1.5px;color:var(--muted);margin-top:4px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;font-size:10px;font-weight:400;display:block}.breadcrumb{color:var(--muted);align-items:center;gap:12px;margin-left:14px;font-size:12px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:500}.breadcrumb svg{color:var(--faint)}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.app-body{height:calc(100dvh - 72px);min-height:0;display:flex}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);flex-direction:column;flex-shrink:0;width:232px;min-height:0;display:flex}.chapter-wrap{padding:23px 16px 17px;position:relative}.chapter-switch{text-align:left;justify-content:flex-start;width:100%;padding:10px 0}.chapter-number{font:500 19px var(--mono);color:var(--green);background:var(--surface);border:1px solid var(--line);border-radius:7px;place-items:center;width:38px;height:42px;display:grid}.chapter-switch>span:nth-child(2){flex:1}.chapter-switch small{color:var(--muted);letter-spacing:1px;margin-bottom:4px;font-size:10px;display:block}.chapter-switch strong{font-size:14px;font-weight:500;display:block}.chapter-switch>svg{color:var(--muted);transition:transform .2s}.rotate{transform:rotate(180deg)}.chapter-options{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;position:absolute;top:87px;left:12px;right:-90px;box-shadow:0 10px 30px #183a2512}.chapter-options>strong{font-size:13px}.chapter-options>p{color:var(--muted);padding:3px 0 12px;font-size:11px}.chapter-options>div{color:var(--muted);border-top:1px solid var(--line);gap:8px;padding:9px 0;font-size:12px;display:flex}.chapter-options>div>span{font-family:var(--mono);font-size:11px}.chapter-options small{white-space:nowrap;margin-left:auto;font-size:10px}.search{border:1px solid var(--line);background:var(--surface);color:var(--faint);border-radius:6px;align-items:center;gap:8px;margin:0 17px 18px;padding:9px 10px;display:flex}.search input{background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:12px}.search:focus-within{border-color:var(--green)}.search input::placeholder{color:var(--muted)}.search button{padding:0}.search kbd{padding:0 4px;font-size:10px}.lesson-nav{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;padding:0 12px 18px;overflow:auto}.nav-label,.nav-group{letter-spacing:1px;color:var(--muted);padding:4px 12px 12px;font-size:10px}.nav-label{justify-content:space-between;display:flex}.nav-label>span{letter-spacing:0;color:var(--faint);font-size:10px}.nav-group{padding:21px 12px 9px}.lesson-link{text-align:left;width:100%;min-height:42px;color:var(--muted);border:1px solid #0000;border-radius:6px;justify-content:flex-start;gap:10px;margin-bottom:2px;padding:11px 10px;font-size:12px;line-height:1.5}.lesson-link>span:nth-child(2){flex:1}.lesson-link.selected{background:var(--green-wash);border-color:var(--green-mid);color:var(--green);font-weight:500}.lesson-num{font:10px var(--mono);min-width:24px;color:var(--faint);justify-content:center;display:flex}.selected .lesson-num,.lesson-num.done{color:var(--green)}.active-dot{width:5px;height:5px}.sidebar-bottom{border-top:1px solid var(--line);background:var(--sidebar);padding:18px 21px 0}.progress-heading{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.progress-heading strong{font:500 12px var(--mono);color:var(--ink)}.progress-heading strong>span{color:var(--faint);font-weight:400}progress{appearance:none;background:var(--line);border:0;border-radius:4px;width:100%;height:4px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--green);border-radius:4px}progress::-moz-progress-bar{background:var(--green)}.sidebar-bottom>p{color:var(--muted);align-items:center;gap:6px;margin-top:10px;font-size:10px;display:flex}.sidebar-bottom .small-dot{background:var(--faint);width:4px;height:4px}.sidebar-bottom>a{color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:18px;padding:17px 0;font-size:11px;display:flex}.sidebar-bottom>a>svg:last-child{margin-left:auto}.empty-search{text-align:center;color:var(--muted);padding:35px 10px}.empty-search>p{margin:12px 0;font-size:12px}.empty-search button{color:var(--green);font-size:12px}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.workspace-nav{background:var(--surface);border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:58px;padding:0 28px;display:flex}.view-tabs{gap:26px;height:100%;display:flex}.view-tabs>button{height:100%;color:var(--muted);border-bottom:2px solid #0000;gap:8px;padding:0 2px;font-size:12px;position:relative}.view-tabs>button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:500}.tab-count{font:9px var(--mono);border:1px solid var(--line);color:var(--muted);border-radius:4px;margin-left:-2px;padding:2px 5px}.workspace-status{font:9px var(--mono);letter-spacing:1px;color:var(--faint);align-items:center;gap:7px;display:flex}.workspace-status .small-dot{width:4px;height:4px}.workspace-content{flex:1;min-height:0;display:flex;overflow:hidden}.main-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;outline:none;flex:1;min-width:0;padding:30px 30px 0;overflow:auto}.eyebrow{font:9px/1.6 var(--mono);letter-spacing:1.25px;color:var(--muted);align-items:center;gap:10px;margin-bottom:10px;display:flex}.eyebrow>span:first-child{color:var(--green)}.eyebrow-line{background:var(--green-mid);flex-shrink:0;width:18px;height:1px}h1{letter-spacing:.5px;font-size:28px;font-weight:600;line-height:1.5}.title-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.sim-loading{color:var(--muted);padding:30px 26px;font-size:12px}.lesson-heading>p{color:var(--muted);max-width:650px;margin-top:10px;font-size:13px;line-height:1.9}.experiment{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 3px 8px #173e2511}.experiment-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:47px;padding:0 20px;display:flex}.experiment-top>span:first-child{align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex}.experiment-top .small-dot{width:5px;height:5px}.subtle-tag{font:9px/1.5 var(--mono);color:var(--muted);letter-spacing:.6px;align-items:center;gap:8px;display:flex}.scene-question{text-align:center;color:var(--ink);padding:22px 20px 0;font-size:13px;font-weight:500}.diagram-wrap{padding:0 6px 3px;position:relative}.system-diagram{width:100%;height:auto;max-height:330px;display:block;overflow:visible}.grid-line{stroke:var(--line);stroke-width:.5px;opacity:.5}.diagram-wire{stroke:var(--green-mid);stroke-width:1.3px;stroke-dasharray:5 4;opacity:.9}.active-wire{stroke:var(--green);stroke-width:1.8px}.node-shadow{fill:var(--ink);opacity:.035}.base-front{fill:var(--paper);stroke:var(--line);stroke-width:1.1px}.base-top{fill:var(--surface);stroke:var(--line);stroke-width:1.1px}.crease{fill:none;stroke:var(--green-mid);stroke-width:1px}.node-front,.node-side{fill:var(--green-wash);stroke:var(--green-mid);stroke-width:1.3px}.node-top{fill:var(--surface);stroke:var(--green-mid);stroke-width:1.3px}.iso-symbol{fill:none;stroke:var(--green-mid);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.device-dot{fill:var(--green-mid)}.node-name{fill:var(--muted);font-size:15px;font-weight:500}.node-sub{font:10px var(--mono);fill:var(--faint)}.node-index{font:9px var(--mono);fill:var(--faint)}.is-active .node-front,.is-active .node-side{fill:var(--green-mid);stroke:var(--green)}.is-active .node-top{fill:var(--green-wash);stroke:var(--green)}.is-active .iso-symbol{stroke:var(--green)}.is-active .node-name{fill:var(--green);font-weight:600}.is-active .device-dot,.is-active .node-index{fill:var(--green)}.center-chip{fill:var(--surface);stroke:var(--line);stroke-width:.8px}.center-chip-label{fill:var(--muted);font-size:10px}.signal-dot{fill:var(--orange);stroke:var(--surface);stroke-width:1.3px;offset-distance:0%;animation:2s linear forwards travel}@keyframes travel{to{offset-distance:100%}}.diagram-legend{color:var(--faint);justify-content:center;gap:18px;padding:3px 0 13px;font-size:9px;display:flex}.diagram-legend>span{align-items:center;gap:5px;display:flex}.legend-active{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block}.legend-line{border-bottom:1px dashed var(--green-mid);width:12px;height:1px;display:inline-block}.scene-caption{border:1px solid var(--line);background:var(--paper);border-radius:7px;gap:12px;margin:0 16px 15px;padding:17px 19px;display:flex}.step-number{border:1px solid var(--green-mid);background:var(--green-wash);width:29px;height:29px;font:11px var(--mono);color:var(--green);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.scene-caption h2{font-size:13px;font-weight:500;line-height:1.7}.scene-caption p{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.8}.playback{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.playback-left{align-items:center;gap:8px;display:flex}.play-button{background:var(--green);color:var(--surface);border-radius:5px;height:31px;padding:0 12px;font-size:11px}.playback .icon-button{width:28px;height:30px;color:var(--muted)}.playback-divider{background:var(--line);width:1px;height:16px;margin:0 4px}.speed-button{font:11px var(--mono);width:33px;height:30px;color:var(--muted);border-radius:4px}.step-arrows{align-items:center;gap:5px;display:flex}.step-arrows>span{font:10px var(--mono);color:var(--faint);margin-right:8px}.step-arrows b{color:var(--ink);font-weight:400}.step-arrows .icon-button{border:1px solid var(--line);width:29px;height:29px;color:var(--ink)}.step-timeline{background:var(--paper);border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:14px 15px;display:grid}.step-timeline button{min-width:0;color:var(--faint);text-align:left;justify-content:flex-start;gap:7px;padding:0;font-size:10px;line-height:1.6}.step-timeline button>span{border:1px solid var(--line);background:var(--surface);width:20px;height:20px;font:8px var(--mono);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.step-timeline button>strong{font-weight:400}.step-timeline button.active{color:var(--green)}.step-timeline button.active>span{color:var(--surface);background:var(--green);border-color:var(--green)}.step-timeline button.passed>span{border-color:var(--green-mid);color:var(--green)}.lesson-footer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:24px 0 21px;display:flex}.lesson-footer>div{align-items:center;gap:11px;display:flex}.bookmark-icon{color:var(--green);display:flex}.lesson-footer p>strong{font-size:12px;font-weight:500;display:block}.lesson-footer p>span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.complete-button{border:1px solid var(--green-mid);color:var(--green);white-space:nowrap;border-radius:5px;padding:9px 12px;font-size:11px}.complete-button.completed{background:var(--green-wash)}.next-lesson{justify-content:flex-end;padding:18px 0 30px;display:flex}.next-lesson>button{color:var(--ink);gap:12px;font-size:12px}.next-lesson>button>span{color:var(--faint);font-size:10px}.next-lesson>button>svg{color:var(--green)}.page-footer{border-top:1px solid var(--line);letter-spacing:.5px;color:var(--faint);justify-content:space-between;gap:12px;margin-top:14px;padding:17px 0;font-size:9px;display:flex}.page-footer>span:last-child{font-family:var(--mono)}.statusbar{border-top:1px solid var(--line);background:var(--surface);height:31px;color:var(--faint);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:0 22px;font-size:9px;display:flex}.statusbar>span:first-child{align-items:center;gap:6px;display:flex}.statusbar .small-dot{width:4px;height:4px}.shortcuts{align-items:center;gap:5px;display:flex}.shortcuts>kbd:first-child{margin-right:1px}.shortcuts>kbd:nth-child(2){margin-left:9px}.statusbar kbd{padding:0 3px;font-size:8px}.inspector{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;flex-shrink:0;width:278px;min-height:0;display:flex}.inspector-heading{flex-shrink:0;justify-content:space-between;align-items:center;padding:23px 20px 15px;display:flex}.inspector-heading>span:first-child{align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.inspector-heading>span:last-child{font:10px var(--mono);color:var(--faint)}.detail-tabs{border-bottom:1px solid var(--line);flex-shrink:0;margin:0 20px;display:flex}.detail-tabs>button{width:33.333%;color:var(--muted);border-bottom:2px solid #0000;padding:11px 0;font-size:11px}.detail-tabs>button[aria-selected=true]{border-color:var(--green);color:var(--green);font-weight:500}.inspector-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;min-height:0;padding:21px 20px;overflow:auto}.section-label{color:var(--green);align-items:center;gap:7px;margin-bottom:12px;font-size:11px;font-weight:500;display:flex}.concept-text{color:var(--ink);font-size:13px;line-height:1.95}.observation{background:var(--green-wash);border:1px solid var(--green-mid);border-radius:6px;margin:22px 0;padding:13px 14px}.observation>span{color:var(--green);align-items:center;gap:5px;margin-bottom:8px;font-size:10px;display:flex}.observation .small-dot{width:4px;height:4px}.observation>strong{color:var(--green);font-size:11px;font-weight:500;line-height:1.9;display:block}.inspector-section h3{margin-bottom:13px;font-size:11px;font-weight:500}.takeaways{margin:0;padding:0;list-style:none}.takeaways li{gap:11px;margin:0 0 15px;display:flex}.takeaways li>span{font:9px var(--mono);color:var(--faint);margin-top:5px}.takeaways li>p{color:var(--muted);font-size:12px;line-height:1.85}.caution{border:1px solid color-mix(in srgb, var(--orange) 20%, var(--surface));background:var(--orange-wash);border-radius:6px;margin-top:22px;padding:14px}.caution>span{color:var(--orange);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.caution>p{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.9}.related{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.related button{width:100%;color:var(--muted);justify-content:space-between;gap:10px;padding:8px 0;font-size:11px}.related button>svg{color:var(--faint)}.source-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.source-section>span{color:var(--muted);align-items:center;gap:7px;margin-bottom:10px;font-size:10px;display:flex}.source-section strong{font-size:11px;font-weight:500}.source-section p{color:var(--muted);margin:7px 0 10px;font-size:10px;line-height:1.9}.source-section>a{align-items:center;gap:5px;font-size:11px;display:flex}.inspector-foot{border-top:1px solid var(--line);color:var(--faint);align-items:center;gap:6px;padding:12px 17px;font-size:9px;display:flex}.code-panel>div{color:var(--green);align-items:center;gap:7px;margin-bottom:12px;font-size:11px;display:flex}.code-panel>p,.notes-panel>p{color:var(--muted);font-size:12px;line-height:1.9}.code-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font:11px/2 var(--mono);background:var(--paper);border:1px solid var(--line);color:var(--green);border-radius:6px;margin:17px 0;padding:16px 11px}.code-panel .code-note{font-size:11px}.notes-panel h3{margin-bottom:8px;font-size:13px;line-height:1.8}.notes-panel label{color:var(--muted);margin:22px 0 9px;font-size:11px;display:block}.notes-panel textarea{resize:vertical;border:1px solid var(--line);background:var(--paper);border-radius:6px;width:100%;min-height:180px;padding:12px;font-size:13px;line-height:1.9}.notes-panel textarea::placeholder{color:var(--faint)}.notes-panel>span{color:var(--faint);margin-top:8px;font-size:10px;display:block}.note-dot{background:var(--green);border-radius:50%;width:4px;height:4px}.inline-inspector{display:none}.lab{border:1px solid var(--line);background:var(--surface);border-radius:9px;margin-top:22px;padding:20px}.lab-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px;display:flex}.lab-heading>span:first-child{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.lab-heading svg{color:var(--green)}.lab>p{color:var(--muted);font-size:12px;line-height:1.9}.bit-buttons{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:18px 0;display:grid}.bit-buttons>button{border:1px solid var(--line);background:var(--paper);border-radius:6px;flex-direction:column;gap:8px;padding:12px 0 9px;display:flex}.bit-buttons strong{font:500 21px var(--mono)}.bit-buttons>button>span{font:9px var(--mono);color:var(--faint)}.bit-buttons>button.bit-on{background:var(--green-wash);border-color:var(--green-mid);color:var(--green)}.bit-buttons sup{font-size:7px}.byte-results{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-around;margin-top:18px;padding:17px 0;display:flex}.byte-results>div{text-align:center;min-width:0}.byte-results span{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.byte-results strong{font:500 23px var(--mono);color:var(--green)}.byte-results>div:last-child strong{font-size:21px}.text-action{color:var(--muted);padding:15px 0 0;font-size:10px}.memory-elements{grid-template-columns:repeat(6,1fr);gap:7px;margin-top:16px;display:grid}.memory-elements button{border:1px solid var(--line);background:var(--paper);font:13px var(--mono);border-radius:4px;flex-direction:column;gap:5px;padding:11px 2px}.memory-elements button>span{color:var(--faint);font-size:9px}.memory-elements button.cached{background:var(--green-wash);border-color:var(--green-mid);color:var(--green)}.memory-elements button.last-access{outline:1px solid var(--green);outline-offset:2px}.cache-result{justify-content:space-between;gap:10px;margin:20px 0 12px;font-size:11px;line-height:1.8;display:flex}.cache-result>strong{color:var(--green);font-weight:500}.cache-result>span{color:var(--muted);font-size:10px}.lab .lab-note{color:var(--muted);font-size:10px;line-height:1.9}.amdahl-inputs{gap:30px;margin:22px 0;display:flex}.amdahl-inputs label{width:50%;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:11px;display:flex}.amdahl-inputs label>strong{font:500 14px var(--mono);color:var(--green)}.amdahl-inputs input{width:100%;accent-color:var(--green);margin:14px 0 0}.amdahl-chart{flex-direction:column;gap:13px;display:flex}.amdahl-chart>div{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.amdahl-chart>div>span{white-space:nowrap}.amdahl-chart b{font:10px var(--mono);width:25px}.time-bar{flex:1;gap:2px;height:17px;display:flex}.time-bar>i{min-width:0;display:block}.serial-part{background:var(--green-mid);border-radius:2px}.parallel-part{background:var(--green);border-radius:2px}.amdahl-result{border-top:1px solid var(--line);align-items:center;gap:40px;margin:23px 0 15px;padding-top:20px;display:flex}.amdahl-result>div>span{color:var(--muted);margin-bottom:6px;font-size:10px;display:block}.amdahl-result>div:first-child>strong{font:500 31px var(--mono);color:var(--green)}.amdahl-result>div:first-child small{margin-left:4px;font-size:16px}.amdahl-result>div:last-child>strong{font:16px var(--mono);color:var(--ink)}.hierarchy-experiment{align-items:center;gap:22px;padding:18px 0;display:flex}.hierarchy-pyramid{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.hierarchy-pyramid button{border:1px solid var(--green-mid);background:var(--paper);font:9px var(--mono);white-space:nowrap;border-radius:4px;gap:8px;height:29px;padding:0 7px}.hierarchy-pyramid button>span{font-size:10px}.hierarchy-pyramid button.active{background:var(--green);border-color:var(--green);color:var(--surface)}.hierarchy-description{flex-direction:column;justify-content:center;align-self:stretch;width:42%;display:flex}.hierarchy-description>span{color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}.hierarchy-description>strong{margin:18px 0 8px;font-size:13px}.hierarchy-description>p{color:var(--muted);margin-bottom:18px;font-size:11px}.wide-view .main-scroll{padding-left:40px;padding-right:40px}.map-page,.quiz-page{max-width:1050px;margin:auto}.map-page .lesson-heading,.quiz-page .lesson-heading{margin-bottom:30px}.map-root{background:var(--surface);border:1px solid var(--green-mid);border-radius:8px;align-items:center;gap:14px;padding:23px 25px;display:flex;position:relative}.map-root>div{flex:1}.map-root strong{margin-bottom:6px;font-size:16px;display:block}.map-root>div>span{color:var(--muted);font-size:11px;display:block}.map-root button{color:var(--green);font-size:11px}.map-groups{grid-template-columns:1fr 1fr 1fr;gap:22px;padding:32px 0;display:grid}.map-groups>section{min-width:0}.map-group-heading{border-top:2px solid var(--green-mid);margin-bottom:18px;padding-top:16px}.map-group-heading>h2{margin-bottom:6px;font-size:15px;font-weight:500}.map-group-heading>p{color:var(--muted);font-size:10px}.map-topic{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:6px;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-height:51px;margin-bottom:10px;padding:15px 12px;font-size:11px;display:flex}.map-topic>strong{flex:1;font-weight:400}.map-section-no{font:9px var(--mono);color:var(--muted)}.map-topic>svg{color:var(--faint)}.map-topic.active{background:var(--green);color:var(--surface);border-color:var(--green)}.map-topic.active .map-section-no,.map-topic.active>svg{color:inherit}.map-topic.connected:not(.active){background:var(--green-wash);border-color:var(--green-mid)}.map-detail{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:flex-start;gap:35px;padding:25px;display:flex}.map-detail>div{flex:1;min-width:0}.map-detail>div>span{color:var(--green);letter-spacing:.5px;font-size:10px}.map-detail h2{margin:8px 0 12px;font-size:20px}.map-detail p{color:var(--muted);max-width:620px;font-size:13px}.map-related{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.map-related>span{color:var(--muted);margin-right:5px;font-size:10px}.map-related>button{background:var(--green-wash);border:1px solid var(--green-mid);color:var(--green);border-radius:4px;padding:5px 8px;font-size:10px}.primary-button{background:var(--green);color:var(--surface);white-space:nowrap;border-radius:6px;padding:11px 17px;font-size:12px}.map-detail>.primary-button{margin-top:5px}.map-note{color:var(--muted);align-items:center;gap:7px;margin:17px 0 30px;font-size:10px;display:flex}.quiz-summary{border:1px solid var(--line);background:var(--surface);border-radius:7px;justify-content:space-between;align-items:center;padding:17px 21px;font-size:12px;display:flex}.quiz-summary>div{color:var(--green);align-items:center;gap:9px;font-weight:500;display:flex}.quiz-summary>span{color:var(--muted);font-size:11px}.quiz-summary strong{font-family:var(--mono);color:var(--ink);font-weight:400}.summary-separator{color:var(--faint);padding:0 10px}.quiz-dots{gap:9px;margin:24px 0;display:flex}.quiz-dots>button{border:1px solid var(--line);background:var(--surface);width:33px;height:33px;font:10px var(--mono);color:var(--muted);border-radius:6px}.quiz-dots>button.answered{color:var(--green);background:var(--green-wash)}.quiz-dots>button.active{border-color:var(--green);outline:1px solid var(--green);color:var(--green)}.question-card{background:var(--surface);border:1px solid var(--line);border-radius:9px;margin-bottom:30px;padding:30px}.question-number{color:var(--green);font-size:11px}.question-number>span{color:var(--faint);font:10px var(--mono);margin-left:4px}.question-card>h2{margin:16px 0 24px;font-size:21px;font-weight:500;line-height:1.8}.question-card fieldset{border:0;min-width:0;margin:0 0 23px;padding:0}.quiz-option{border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;font-size:13px;line-height:1.7;display:flex}.quiz-option input{appearance:none;border:1px solid var(--green-mid);border-radius:50%;flex-shrink:0;width:16px;height:16px;margin:0}.quiz-option input:checked{border:5px solid var(--green)}.option-letter{font:11px var(--mono);color:var(--muted)}.quiz-option>span:last-child{flex:1}.quiz-option>svg{color:var(--green);margin-left:auto}.quiz-option.selected{background:var(--green-wash);border-color:var(--green-mid)}.quiz-option.correct{border-color:var(--green);background:var(--green-wash)}.quiz-option.incorrect{border-color:var(--orange);background:var(--orange-wash)}fieldset:disabled .quiz-option{cursor:default}.answer-explanation{background:var(--green-wash);border:1px solid var(--green-mid);border-radius:6px;padding:17px 20px}.answer-explanation>strong{color:var(--green);font-size:13px}.answer-explanation>p{color:var(--muted);margin-top:7px;font-size:12px}.answer-explanation>button{color:var(--green);padding:13px 0 0;font-size:11px}.answer-explanation.wrong{background:var(--orange-wash);border-color:color-mix(in srgb, var(--orange) 40%, var(--line))}.answer-explanation.wrong>strong{color:var(--orange)}.quiz-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:24px;padding-top:17px;font-size:11px;display:flex}.quiz-bottom>button{padding:5px 0}.quiz-finish{text-align:center;background:var(--green-wash);border:1px solid var(--green-mid);color:var(--green);border-radius:8px;flex-direction:column;align-items:center;margin:25px 0;padding:35px;display:flex}.quiz-finish h2{margin:14px 0 8px;font-size:20px}.quiz-finish p{color:var(--muted);font-size:13px}.quiz-finish button{border:1px solid var(--green-mid);border-radius:4px;margin-top:20px;padding:8px 14px;font-size:11px}.help-dialog{border:1px solid var(--line);background:var(--surface);width:calc(100% - 36px);max-width:520px;color:var(--ink);border-radius:13px;padding:35px;box-shadow:0 20px 90px #15302520}.help-dialog::backdrop,.mobile-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16322455}.dialog-close{color:var(--muted);position:absolute;top:14px;right:14px}.help-symbol{background:var(--green-wash);border:1px solid var(--green-mid);width:52px;height:52px;color:var(--green);border-radius:10px;place-items:center;margin-bottom:20px;display:grid}.help-dialog h2{margin-bottom:15px;font-size:24px}.help-dialog p{color:var(--muted);font-size:13px;line-height:1.9}.help-dialog h3{margin:24px 0 10px;font-size:13px}.help-keys{color:var(--muted);grid-template-columns:1fr 1fr;gap:13px;margin:22px 0;font-size:11px;display:grid}.help-keys>span{align-items:center;gap:7px;display:flex}.help-dialog>a{align-items:center;gap:5px;margin:14px 0;font-size:12px;display:flex}.help-dialog p.muted{border-top:1px solid var(--line);margin-top:15px;padding-top:13px;font-size:11px}.help-dialog .primary-button{margin-top:23px}.mobile-dialog{border:0;border-right:1px solid var(--line);background:var(--sidebar);width:min(320px,90vw);height:100dvh;max-height:none;color:var(--ink);max-width:none;margin:0;padding:0;position:fixed;top:0;bottom:0;left:0}.mobile-dialog[open]{flex-direction:column;display:flex}.mobile-dialog-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-dialog-header strong{font-size:13px}.mobile-dialog .chapter-wrap{padding-top:12px}.mobile-dialog .chapter-options{right:0}.toast{background:var(--green);color:var(--surface);border:1px solid var(--green-mid);z-index:20;border-radius:8px;align-items:center;gap:8px;padding:12px 19px;font-size:12px;display:flex;position:fixed;bottom:49px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #15302520}@media (hover:hover) and (pointer:fine){.icon-button:hover,.speed-button:hover{background:var(--green-wash)}.lesson-link:hover:not(.selected){background:var(--line);color:var(--ink)}.view-tabs>button:hover{color:var(--green)}.play-button:hover,.primary-button:hover:not(:disabled){background:var(--green-hover)}.text-action:hover,.related button:hover,.next-lesson>button:hover,.sidebar-bottom>a:hover{color:var(--green)}.complete-button:hover,.quiz-option:hover,.map-topic:hover:not(.active){background:var(--green-wash);border-color:var(--green-mid)}.bit-buttons button:hover,.memory-elements button:hover{border-color:var(--green)}.chapter-switch:hover{color:var(--green)}}@media (width>=1600px){.sidebar{width:250px}.inspector{width:310px}.main-scroll{padding:38px 44px 0}.experiment,.lesson-heading,.lesson-footer,.next-lesson,.lab{max-width:1000px;margin-left:auto;margin-right:auto}.system-diagram{max-height:400px}.lesson-heading>p,.scene-caption p{font-size:14px}.scene-caption h2{font-size:15px}.concept-text{font-size:14px}.takeaways li>p{font-size:13px}.wide-view .main-scroll{padding-left:70px;padding-right:70px}}@media (width>=1120px) and (width<=1270px){.sidebar{width:214px}.inspector{width:254px}.main-scroll{padding:25px 23px 0}.topbar{gap:20px;padding:0 20px}.brand-word>span{font-size:10px}.breadcrumb{gap:8px;margin-left:0;font-size:11px}h1{font-size:26px}.eyebrow{letter-spacing:.7px;font-size:8px}.inspector-scroll{padding:18px}.step-timeline{gap:6px;padding:13px}.step-timeline button{gap:5px;font-size:9px}}@media (width<=1119px){.inspector{display:none}.inline-inspector{border:1px solid var(--line);background:var(--surface);border-radius:9px;margin:3px 0 28px;display:block;overflow:hidden}.inline-inspector .inspector-heading{padding-top:20px}.inline-inspector .inspector-scroll{grid-template-columns:1fr 1fr;gap:22px;padding:22px;display:grid;overflow:visible}.inline-inspector .inspector-section,.inline-inspector .observation,.inline-inspector .caution,.inline-inspector .source-section{margin:0}.inline-inspector .related,.inline-inspector .source-section{padding-top:18px}.inline-inspector .code-panel,.inline-inspector .notes-panel{grid-column:1/-1}.inline-inspector .inspector-foot{display:none}.main-scroll{padding:29px 28px 0}.topbar{padding:0 22px}.brand-word>span{font-size:11px}.breadcrumb{gap:8px;margin-left:0;font-size:11px}.system-diagram{max-height:360px}.step-timeline button{font-size:10px}.workspace-status{display:none}.scene-caption p{font-size:13px}.wide-view .main-scroll{padding-left:28px;padding-right:28px}.map-groups{grid-template-columns:1fr 1fr;gap:14px}.map-groups>section:last-child{grid-column:1/-1}.map-detail{flex-direction:column;gap:18px}.map-groups>section:last-child .map-group-heading{margin-bottom:10px}.map-groups>section:last-child .map-topic{max-width:100%}.statusbar>span:last-child{display:none}.eyebrow{letter-spacing:1px;font-size:9px}}@media (width<=850px) and (width>=760px){.sidebar{width:208px}.brand-word>span{display:none}.topbar{gap:26px}.breadcrumb strong{display:none}.main-scroll{padding:25px 22px 0}h1{font-size:25px}.eyebrow{letter-spacing:.5px;font-size:8px}.workspace-nav{padding:0 23px}.view-tabs{gap:22px}.step-timeline{padding:12px 10px}.step-timeline button{gap:5px;font-size:9px}.inline-inspector .inspector-scroll,.map-groups{grid-template-columns:1fr}.map-groups>section:last-child{grid-column:auto}.question-card{padding:23px}.quiz-dots{gap:6px}.quiz-dots>button{width:30px}.quiz-summary{padding:14px}.quiz-summary>span{font-size:10px}}@media (width<=759px){.mobile-only{display:inline-flex}.topbar{gap:12px;height:65px;padding:0 14px}.brand{gap:9px}.brand-icon{border-radius:7px;width:31px;height:34px}.brand-icon svg{width:22px}.brand-word{font-size:18px}.brand-word>span{letter-spacing:.8px;font-size:9px}.brand-word small{letter-spacing:1px;margin-top:3px;font-size:8px}.breadcrumb{display:none}.top-actions{gap:2px}.top-actions .icon-button{width:29px}.top-actions>button:last-child,.sidebar{display:none}.app-body{height:auto;min-height:calc(100dvh - 65px)}.workspace{min-height:calc(100dvh - 65px)}.workspace-nav{z-index:4;height:54px;padding:0 20px;position:sticky;top:0}.view-tabs{justify-content:space-between;gap:12px;width:100%}.view-tabs>button{gap:7px;font-size:12px}.view-tabs>button svg{width:15px}.tab-count{font-size:8px}.workspace-content{display:block;overflow:visible}.main-scroll,.wide-view .main-scroll{padding:25px 19px 0;overflow:visible}.lesson-heading{margin-bottom:21px}.eyebrow{letter-spacing:.5px;flex-wrap:wrap;gap:7px;font-size:8px}.eyebrow-line{width:13px}h1{letter-spacing:0;font-size:25px;line-height:1.6}.lesson-heading>p{margin-top:9px;font-size:13px;line-height:1.9}.experiment{border-radius:8px}.experiment-top{height:43px;padding:0 14px}.experiment-top>span:first-child{font-size:11px}.subtle-tag{letter-spacing:.3px;font-size:8px}.scene-question{text-wrap:balance;padding:20px 19px 5px;font-size:13px;line-height:1.9}.diagram-wrap{padding:10px 0 0}.system-diagram{min-height:190px}.node-name{font-size:21px}.node-sub{display:none}.node-index{font-size:13px}.center-chip-label{font-size:12px}.diagram-legend{padding:0 0 16px;font-size:9px}.scene-caption{gap:9px;margin:0 11px 14px;padding:13px 12px}.step-number{width:25px;height:25px;font-size:10px}.scene-caption h2{font-size:13px}.scene-caption p{font-size:12px;line-height:1.9}.playback{padding:12px}.playback-left{gap:4px}.play-button{height:33px;padding:0 10px;font-size:11px}.playback-left .icon-button{width:26px}.playback-divider{margin:0 3px}.step-arrows{gap:4px}.step-arrows>span{margin-right:4px;font-size:9px}.step-arrows .icon-button{width:29px;height:31px}.step-timeline{grid-template-columns:1fr 1fr;gap:14px 6px;padding:14px 11px}.step-timeline button{gap:7px;min-height:25px;font-size:10px}.step-timeline button>span{width:20px;height:20px}.lesson-footer{align-items:flex-start;gap:12px;padding:23px 0 20px}.lesson-footer>div{gap:8px}.bookmark-icon{margin-top:3px}.lesson-footer p>span{max-width:150px;font-size:10px;line-height:1.9}.complete-button{gap:5px;margin-top:1px;padding:9px;font-size:10px}.complete-button svg{width:14px}.next-lesson{padding:19px 0 25px}.next-lesson>button{gap:9px;font-size:11px}.statusbar{height:auto;min-height:35px;margin-top:auto;padding:12px 19px;display:flex}.statusbar .shortcuts{display:none}.statusbar>span:last-child{font-size:9px;display:inline-block}.page-footer{flex-direction:column;gap:7px;margin-top:15px;padding:17px 0 21px;font-size:9px}.page-footer>span:last-child{font-size:8px}.inline-inspector{margin:0 0 25px}.inline-inspector .inspector-scroll{flex-direction:column;gap:23px;padding:20px;display:flex}.inline-inspector .takeaways li:last-child{margin-bottom:0}.inline-inspector .related{margin-top:0}.concept-text{font-size:14px}.takeaways li>p{font-size:13px}.caution>p,.related button,.source-section strong{font-size:12px}.source-section p{font-size:11px}.lab{margin-top:20px;padding:18px 15px}.lab-heading>span:first-child,.lab>p{font-size:12px}.bit-buttons{gap:5px}.bit-buttons>button{padding:11px 0 9px}.bit-buttons strong{font-size:19px}.byte-results strong{font-size:21px}.byte-results>div:last-child strong{font-size:18px}.byte-results span{font-size:9px}.memory-elements{gap:6px}.memory-elements button{font-size:12px}.memory-elements button>span{font-size:8px}.cache-result{flex-direction:column;gap:5px}.amdahl-inputs{gap:18px}.amdahl-inputs label{font-size:10px}.amdahl-inputs label>strong{font-size:12px}.amdahl-result{gap:25px}.amdahl-result>div>span{font-size:9px}.amdahl-result>div:first-child>strong{font-size:27px}.hierarchy-experiment{gap:13px}.hierarchy-pyramid button{gap:4px;padding:0 3px;font-size:8px}.hierarchy-pyramid button>span{font-size:9px}.hierarchy-description>strong{font-size:11px;line-height:1.8}.hierarchy-description>span{gap:5px;font-size:8px}.hierarchy-description>p{font-size:10px}.map-root{flex-wrap:wrap;gap:12px;padding:19px 16px}.map-root strong{font-size:15px}.map-root button{justify-content:flex-end;width:100%;margin-top:4px}.map-root>.brand-icon{width:39px;height:42px}.map-groups{grid-template-columns:1fr;gap:15px;padding:25px 0 14px}.map-groups>section:last-child{grid-column:auto}.map-group-heading{margin-bottom:14px;padding-top:14px}.map-group-heading>p{font-size:11px}.map-topic{padding:15px;font-size:12px}.map-section-no{font-size:10px}.map-detail{padding:20px}.map-detail h2{font-size:19px}.map-detail p{font-size:13px}.map-note{align-items:flex-start;font-size:10px;line-height:1.9}.quiz-summary{gap:12px;padding:15px 13px}.quiz-summary>div{gap:7px;font-size:11px}.quiz-summary>span,.quiz-summary strong{font-size:10px}.summary-separator{padding:0 6px}.quiz-dots{justify-content:space-between;gap:6px;margin:22px 0}.quiz-dots>button{width:29px;height:31px;font-size:9px}.question-card{padding:22px 16px}.question-card>h2{margin-top:14px;font-size:18px}.quiz-option{align-items:flex-start;gap:9px;padding:13px 11px;font-size:12px;line-height:1.9}.quiz-option input{width:15px;height:15px;margin-top:3px}.option-letter{margin-top:5px;font-size:10px}.quiz-option>svg{width:16px;margin-top:4px}.answer-explanation{padding:15px}.quiz-finish{padding:25px 20px}.quiz-finish h2{font-size:20px}.toast{width:max-content;max-width:calc(100% - 36px);padding:11px 16px;font-size:11px;line-height:1.8;bottom:25px}.mobile-dialog .search{margin-top:4px}.mobile-dialog .lesson-link{min-height:44px;font-size:13px}.mobile-dialog .sidebar-bottom{padding-top:15px}.mobile-dialog .sidebar-bottom>a{margin-top:12px}.mobile-dialog .lesson-nav{padding-top:0}.mobile-dialog .nav-group{padding-top:17px}.help-dialog{padding:28px 24px}.help-dialog h2{font-size:21px}.help-keys{gap:12px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.signal-dot{display:none}}.experiment-top{gap:10px;height:57px}.experiment-top>.playback{border:0;gap:17px;padding:0}.experiment-top .playback-left{gap:5px}.experiment-top .step-arrows>span{margin-right:3px}.experiment-top .playback-divider{margin:0 2px}.experiment-top .play-button{font-size:11px}.lesson-heading{margin-bottom:22px}.concept-text,.scene-caption p{font-size:14px}.takeaways li>p{font-size:13px}.lesson-heading>p{font-size:14px}.caution>p{font-size:12px}.lesson-link{font-size:13px}.step-timeline button{font-size:11px}.scene-caption h2{font-size:14px}.view-tabs>button{font-size:13px}@media (width>=1120px) and (height<=820px){.main-scroll{padding-top:24px}.lesson-heading{margin-bottom:19px}.eyebrow{margin-bottom:8px}h1{font-size:27px;line-height:1.4}.lesson-heading>p{margin-top:8px;font-size:13px}.scene-question{padding-top:18px}.system-diagram{max-height:268px}.scene-caption{padding:12px 14px}.scene-caption p{font-size:13px}.experiment-top{height:53px}.diagram-legend{padding-bottom:10px}.scene-caption{margin-bottom:13px}}@media (width<=759px){.experiment-top{flex-wrap:wrap;height:auto;min-height:56px;padding:10px 12px}.experiment-top>span:first-child{font-size:10px}.experiment-top>.playback{flex:1;justify-content:flex-end;gap:7px}.experiment-top .playback-left{gap:2px}.experiment-top .playback-divider,.experiment-top .step-arrows>span{display:none}.experiment-top .step-arrows{gap:4px}.experiment-top .step-arrows .icon-button{width:27px}.experiment-top .play-button{padding:0 9px;font-size:10px}.experiment-top .speed-button{width:25px;font-size:10px}.experiment-top .playback-left>.icon-button{width:25px}.scene-caption p{font-size:13px}.lesson-heading>p{font-size:14px}.view-tabs>button{font-size:12px}.step-timeline button{font-size:11px}.scene-caption h2{font-size:14px}}@media (width>=760px) and (width<=850px){.experiment-top>.playback{gap:8px}.experiment-top{padding:0 13px}.experiment-top .playback-left{gap:2px}.experiment-top .step-arrows>span,.experiment-top .playback-divider{display:none}.experiment-top .play-button{padding:0 9px;font-size:10px}.experiment-top>span:first-child{font-size:10px}}@media (width<=759px){.experiment-top>span:first-child{display:none}.experiment-top>.playback{justify-content:space-between;width:100%}.experiment-top .playback-left{gap:6px}.experiment-top .icon-button{width:40px!important;height:44px!important}.experiment-top .speed-button{width:39px;height:44px}.experiment-top .play-button{height:44px;padding:0 13px;font-size:12px}.experiment-top .step-arrows>span{font-size:9px;display:inline}.experiment-top .step-arrows{gap:5px}.top-actions>button:last-child{display:inline-flex}.top-actions{gap:2px}.chapter-switch{min-height:44px}.quiz-dots>button,.step-timeline button{min-height:36px}}.play-button{white-space:nowrap;flex-shrink:0}@media (width<=400px){.experiment-top .step-arrows>span{display:none}.experiment-top .playback-left{gap:4px}.experiment-top .speed-button{width:34px}.topbar{gap:9px}.brand-word>span{letter-spacing:.5px;font-size:8px}.brand-word small{font-size:7px}}.node-name{font-size:17px}@media (width<=759px){.node-name{font-size:30px}}.chapter-summary{border-top:1px solid var(--line);margin-top:25px;padding:23px 0 8px}.chapter-summary h2{margin-bottom:15px;font-size:16px;font-weight:500}.chapter-summary p{color:var(--muted);margin-bottom:13px;font-size:14px;line-height:1.95}.chapter-summary a{align-items:center;gap:5px;margin-top:1px;font-size:11px;display:inline-flex}.learning-goal{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;margin-top:16px;padding-top:13px;display:flex}.learning-goal p{color:var(--muted);font-size:12px;line-height:1.85}.learning-goal p>span{color:var(--green);white-space:nowrap;margin-right:10px;font-weight:500}.learning-goal button{color:var(--green);white-space:nowrap;flex-shrink:0;padding:4px 0;font-size:11px}.lesson-knowledge{margin:28px 0 8px;scroll-margin-top:22px}.knowledge-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;display:flex}.knowledge-heading h2{font-size:18px;font-weight:500}.knowledge-heading>a,.knowledge-extra-body>a{align-items:center;gap:5px;font-size:11px;line-height:1.8;display:inline-flex}.knowledge-section{margin-top:23px}.knowledge-section h3{margin-bottom:12px;font-size:14px;font-weight:500;line-height:1.8}.knowledge-section>p{color:var(--muted);font-size:14px;line-height:1.95}.knowledge-table{table-layout:fixed;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);width:100%;margin-top:13px;font-size:13px;line-height:1.9}.knowledge-table th,.knowledge-table td{vertical-align:top;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid var(--line);padding:12px 14px}.knowledge-table th{width:27%;color:var(--ink);font-weight:500}.knowledge-table td{color:var(--muted)}.knowledge-table thead th{color:var(--muted);background:var(--sidebar);font-size:11px}.knowledge-table thead th:not(:first-child){width:auto}.knowledge-table tbody tr:last-child th,.knowledge-table tbody tr:last-child td{border-bottom:0}.knowledge-check{border:1px solid var(--green-mid);background:var(--green-wash);border-radius:7px;margin-top:23px}.knowledge-check summary,.knowledge-extras summary{cursor:pointer;align-items:center;gap:10px;padding:14px;font-size:13px;line-height:1.9;list-style:none;display:flex}.knowledge-check summary::-webkit-details-marker{display:none}.knowledge-extras summary::-webkit-details-marker{display:none}.knowledge-check summary>span{color:var(--green);white-space:nowrap;font-size:11px}.knowledge-check summary>strong{color:var(--ink);flex:1;font-weight:400}.knowledge-check summary>svg,.knowledge-extras summary>svg{color:var(--muted);margin-left:auto}.knowledge-check[open]>summary>svg,.knowledge-extras details[open]>summary>svg{transform:rotate(180deg)}.knowledge-check>p{color:var(--muted);padding:0 14px 16px;font-size:13px;line-height:1.95}.knowledge-extras{margin-top:23px}.knowledge-extra-label{color:var(--muted);align-items:center;gap:7px;padding-bottom:11px;font-size:11px;display:flex}.knowledge-extras details{border-top:1px solid var(--line)}.knowledge-extras details:last-child{border-bottom:1px solid var(--line)}.knowledge-extras summary{padding:14px 0}.knowledge-extra-body{padding:0 0 16px}.knowledge-extra-body p{color:var(--muted);font-size:13px;line-height:1.95}.knowledge-extra-body>a{margin-top:13px}.worked-answer{background:var(--surface);border:1px solid var(--line);border-radius:5px;margin-top:13px;padding:12px 14px}.worked-answer>strong{color:var(--green);margin-bottom:5px;font-size:11px;display:block}@media (width>=1600px){.lesson-knowledge{max-width:1000px;margin-left:auto;margin-right:auto}}@media (width<=759px){.learning-goal{gap:10px;margin-top:13px;padding-top:11px}.learning-goal p{font-size:12px}.learning-goal p>span{margin-bottom:4px;display:block}.learning-goal button{min-height:44px;padding-top:2px}.lesson-knowledge{margin-top:25px;scroll-margin-top:72px}.knowledge-heading h2{font-size:18px}.knowledge-heading>a{font-size:10px}.knowledge-section h3{font-size:14px}.knowledge-table th,.knowledge-table td{padding:11px 10px;font-size:13px}.knowledge-table th{width:29%}.knowledge-check summary{align-items:flex-start;gap:8px}.knowledge-check summary>span{padding-top:2px}.knowledge-check summary>svg{margin-top:5px}.knowledge-extras summary{gap:12px}}.source-section>button,.chapter-summary>button,.knowledge-heading>button,.knowledge-extra-body>button{color:var(--green);text-align:left;justify-content:flex-start;align-items:center;gap:5px;padding:0;font-size:11px;line-height:1.8;display:inline-flex}.knowledge-extra-body>button{margin-top:13px}.chapter-summary>button{margin-top:1px}@media (width<=759px){.source-section>button,.chapter-summary>button,.knowledge-heading>button,.knowledge-extra-body>button{min-height:40px}.knowledge-heading>button{font-size:10px}}.language-switch{flex-shrink:0;position:relative}.language-trigger{border:1px solid var(--line);min-height:34px;color:var(--muted);background:var(--surface);border-radius:6px;gap:7px;padding:0 9px;font-size:12px}.language-trigger>span{text-align:left;min-width:41px}.language-trigger[aria-expanded=true]{color:var(--green);border-color:var(--green-mid);background:var(--green-wash)}.language-chevron{transition:transform .16s ease-out}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-options{z-index:30;border:1px solid var(--line);background:var(--surface);border-radius:9px;width:150px;padding:5px;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 5px 18px #142d1e1f}.language-options [role=option]{text-align:left;border-radius:5px;justify-content:space-between;width:100%;min-height:38px;padding:0 10px;font-size:13px}.language-options [aria-selected=true]{color:var(--green);background:var(--green-wash);font-weight:600}.language-options [role=option]:focus-visible{outline-offset:-2px}@media (hover:hover) and (pointer:fine){.language-trigger:hover,.language-options [role=option]:hover{color:var(--green);background:var(--green-wash)}}:root[data-language=en] .eyebrow{letter-spacing:.6px}:root[data-language=en] .sidebar .nav-group{letter-spacing:.5px;font-size:9px}:root[data-language=en] .step-timeline button{font-size:10px}:root[data-language=en] .nav-label{letter-spacing:.5px}:root[data-language=en] .chapter-switch strong{font-size:12px}:root[data-language=en] .chapter-options small{margin-left:4px;font-size:9px}:root[data-language=en] .hierarchy-description>span{line-height:1.6}:root[data-language=en] .brand-word small{letter-spacing:.8px}@media (width<=759px){.language-trigger{gap:4px;min-height:44px;padding:0 7px}.language-trigger>svg:first-child{width:14px}.language-trigger>span{min-width:39px;font-size:11px}.language-options [role=option]{min-height:44px}:root[data-language=en] .node-name{font-size:24px}:root[data-language=en] .byte-results>div:last-child strong{font-size:14px}:root[data-language=en] .hierarchy-pyramid button>span{font-size:8px}:root[data-language=en] .hierarchy-description>span{font-size:9px}:root[data-language=en] .scene-question{font-size:12px}:root[data-language=en] .view-tabs>button{font-size:11px}}@media (width<=480px){.brand-word>span,.brand-word small{display:none}.topbar{gap:9px}.top-actions{gap:3px}.language-switch{margin-right:3px}}