@font-face{font-family:Plex;src:url('../assets/vendor/plex/IBMPlexSans-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url('../assets/vendor/plex/IBMPlexSans-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url('../assets/vendor/plex/IBMPlexSans-SemiBold.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{--bg:#fff;--layer:#f4f4f4;--text:#161616;--muted:#525252;--border:#e0e0e0;--blue:#0f62fe;--purple:#6929c4;--header:80px;--nav:244px}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:calc(var(--header) + 20px)}body{margin:0;background:var(--bg);color:var(--text);font:18px/1.85 Plex,'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;word-break:normal;overflow-wrap:anywhere}button,input,select{font:inherit}button,select{min-height:44px}button{border:1px solid var(--blue);background:var(--blue);color:white;padding:9px 18px;line-height:1.4;cursor:pointer;border-radius:0}button:hover{background:#0043ce}button:disabled{background:#e0e0e0;border-color:#e0e0e0;color:#6f6f6f;cursor:default}.secondary{background:white;color:var(--blue)}.secondary:hover{background:#edf5ff}a{color:#0043ce;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}h1,h2,h3,p,figure,ol,ul,dl{margin:0}h1,h2{font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.45;letter-spacing:-.025em;max-width:980px;margin-bottom:30px}h3{font-size:22px;line-height:1.55;font-weight:600;margin-bottom:14px}p{margin:16px 0;max-width:920px}strong{font-weight:600}small,.subtle,.experiment-note,figcaption{color:var(--muted);font-size:14px;line-height:1.7}.subtle{margin-top:24px}.lead{font-size:23px;line-height:1.8;max-width:800px}ol,ul{padding-left:1.4em}li{margin:8px 0}.skip-link{position:fixed;left:16px;top:-100px;background:white;padding:10px 18px;z-index:100}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.site-header{height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;background:#161616;color:white;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px;color:white;text-decoration:none;font-size:18px;line-height:1.2;white-space:nowrap}.brand small{display:block;font-size:13px;color:#c6c6c6;margin-top:5px}.brand-mark{width:36px;height:36px;border:1px solid #a6c8ff;display:grid;place-items:center;font-size:24px;color:#a6c8ff}.header-actions{display:flex;align-items:center;gap:16px}.header-actions button{font-size:14px}.course-label{font-size:14px;color:#e0e0e0}.site-header .secondary{background:transparent;color:white;border-color:#8d8d8d}.site-header .secondary:hover{background:#393939}#menu-toggle{display:none}.layout{display:grid;grid-template-columns:var(--nav) minmax(0,1fr)}.lesson-nav{position:sticky;top:var(--header);height:calc(100vh - var(--header));overflow-y:auto;padding:26px 14px;border-right:1px solid var(--border);background:var(--layer)}.nav-label{font-size:14px;color:var(--muted);margin:0 14px 16px}.lesson-nav a{display:flex;align-items:center;gap:9px;text-decoration:none;line-height:1.45;padding:11px 12px;font-size:14px;color:var(--muted);border-left:3px solid transparent;min-height:44px}.lesson-nav a:hover{background:#e0e0e0}.lesson-nav a[aria-current]{background:white;border-left-color:var(--blue);color:var(--text)}.nav-num{font-size:13px;color:#6f6f6f;font-variant-numeric:tabular-nums}.nav-min{margin-left:auto;white-space:nowrap;font-size:12px}.lesson-nav .reference-link{margin-top:20px;font-size:13px;color:#0043ce}main{min-width:0}.lesson-section{padding:58px clamp(24px,5vw,76px) 64px;border-bottom:1px solid var(--border);max-width:1250px;margin:auto;scroll-margin-top:0}.section-meta{display:flex;gap:20px;justify-content:space-between;color:var(--muted);font-size:13px;letter-spacing:.045em;margin-bottom:20px}.section-meta span:first-child{color:#0043ce}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start;margin:24px 0}.two-col>*{min-width:0}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:42px;align-items:start}.goals{margin-top:26px}.goals li{font-size:17px}.hero-diagram{background:var(--layer);padding:24px 28px;border-top:3px solid var(--blue)}.diagram-caption{font-size:13px;color:var(--muted)}.hero-step{padding:19px 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center}.hero-step:last-of-type{border:none}.step-word{color:#0043ce;font-size:14px}.plain-label{grid-column:2;font-size:14px;color:var(--muted)}.hero-diagram figcaption{padding-top:10px}.lesson-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:34px 0 20px;gap:0;counter-reset:map}.lesson-map span{font-size:15px;padding:16px 14px;border-top:1px solid #8d8d8d;border-right:1px solid var(--border);counter-increment:map}.lesson-map span::before{content:'0' counter(map);display:block;color:#0043ce;font-size:13px;margin-bottom:8px}.example-figure{background:var(--layer);padding:24px}.labelled-vector{display:flex;align-items:center;justify-content:center;gap:24px}.labelled-vector>span{font-size:16px;line-height:2.1}.example-figure figcaption{margin-top:12px}.equation-block{background:var(--layer);padding:22px 26px;margin:24px 0;min-width:0}.two-col>.equation-block{margin:0}.equation-label{display:block;font-size:14px;color:var(--muted);margin-bottom:12px}.math{overflow-wrap:normal;white-space:nowrap}.math.display{display:block;overflow-x:auto;padding:8px 2px;max-width:100%}.katex{font-size:1.17em}.katex-display{margin:.4em 0;text-align:left}.katex-display>.katex{text-align:left}.hero-diagram .katex{font-size:1.08em}.note{border-left:3px solid var(--blue);padding:18px 24px;background:#edf5ff;margin:28px 0}.note>strong{display:block;font-size:16px;color:#002d9c}.note p{font-size:16px;margin:8px 0 0}.deep,.checkpoint{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:22px;padding:0 18px;background:white}.deep+details{border-top:0;margin-top:0}summary{cursor:pointer;padding:17px 2px;line-height:1.6;font-size:16px;min-height:48px}summary::marker{color:var(--blue)}details>div{padding:0 4px 20px}details[open]>summary{color:#0043ce}.check-label{display:inline-block;color:#6929c4;font-size:13px;margin-right:14px;font-weight:600}.checkpoint{background:#f6f2ff;border-color:#d4bbff}.answer p{font-size:16px}.experiment{background:var(--layer);border-top:3px solid var(--blue);padding:26px;margin:26px 0}.experiment h3{font-size:21px}.experiment-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.experiment-heading h3{margin-right:auto;margin-bottom:8px}.experiment-heading label{font-size:14px}select{background:white;border:1px solid #8d8d8d;padding:8px 12px;font-size:15px;max-width:100%}.dynamic-equation{padding:12px 0;overflow-x:auto;min-height:70px}.dynamic-equation .katex-display{margin:.5em 0}.controls{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.controls button{font-size:15px}.work-lines{background:white;padding:14px 20px;min-height:62px;border-left:2px solid #8d8d8d}.work-lines p{margin:4px 0;font-size:16px}.experiment-note{margin-bottom:0}.range-label{display:flex;justify-content:space-between;max-width:540px;font-size:16px;margin:18px 0 6px}output{color:#0043ce;font-weight:600}input[type=range]{accent-color:var(--blue);max-width:540px;width:100%;min-height:36px;margin:0}input[type=checkbox]{width:22px;height:22px;accent-color:var(--blue);margin:0 10px 0 0;flex-shrink:0}.checkbox-label{display:flex;align-items:center;font-size:16px;min-height:44px;margin:10px 0}.segmented{display:flex;gap:0;flex-wrap:wrap;margin:20px 0}.segmented button{font-size:15px;background:white;color:#0043ce;border:1px solid #8d8d8d;margin:0 0 -1px -1px;min-height:48px}.segmented button[aria-pressed=true]{background:#0043ce;color:white;border-color:#0043ce;position:relative}.bars{padding:12px 0}.bar-item{margin-bottom:18px}.bar-label{display:flex;justify-content:space-between;gap:20px;font-size:15px;line-height:1.6;margin-bottom:6px}.bar-label strong{font-size:18px;font-variant-numeric:tabular-nums}.bar-track{height:17px;background:#e0e0e0;overflow:hidden}.bar-fill{height:100%;background:var(--blue);transition:width .15s ease}.bar-item:nth-child(even) .bar-fill{background:var(--purple)}.four{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.bars-description{font-size:14px;color:var(--muted)}.sequence{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:16px;margin:10px 0}.sequence span{padding:7px 12px;background:white;border:1px solid #c6c6c6}.state-flow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:34px;margin:30px 0;padding:28px;background:var(--layer)}.state-flow figcaption{width:100%;text-align:center}.flow-operation{color:#0043ce;background:white;border:1px solid var(--blue);padding:7px 17px}.symbol-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:22px 0}.symbol-list dt{color:#0043ce;font-size:24px;margin-bottom:8px}.symbol-list dd{margin:0;font-size:16px}.energy-diagram{padding:16px 20px;background:var(--layer)}.energy-level{display:flex;justify-content:space-between;align-items:center;border-top:3px solid #8d8d8d;margin:26px 0 65px;padding-top:10px;gap:12px;font-size:15px}.energy-level.low{border-color:var(--purple);margin-bottom:26px}.energy-level span:first-child{font-size:24px}.energy-diagram figcaption{font-size:14px}table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6;margin:20px 0;text-align:left}caption{text-align:left;font-size:14px;color:var(--muted);margin-bottom:12px}th,td{padding:11px 14px;border-bottom:1px solid #c6c6c6}thead th{background:#e0e0e0;font-weight:600}tbody th{font-weight:500;background:#f4f4f4}.circuit{background:var(--layer);padding:16px}.circuit svg{display:block;width:100%;height:auto}.circuit svg text{font-family:inherit;font-size:23px}.circuit svg .svg-small{font-size:17px}.circuit svg .gate-letter{font-size:25px}.circuit figcaption{margin-top:6px}.derivation{border-left:2px solid var(--blue);padding-left:22px}.derivation>span{font-size:15px;color:#0043ce}.derivation .math{margin-bottom:24px}.code-wrap{margin:18px 0;min-width:0;background:#161616;color:#f4f4f4}.code-header{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid #525252;font-size:13px}.copy-button{background:transparent;color:#a6c8ff;border:none;font-size:13px;padding:8px 10px}.copy-button:hover{background:#393939}pre{overflow-x:auto;margin:0;padding:20px;font-size:14px;line-height:1.85;tab-size:4}code{font-family:'SFMono-Regular',Consolas,monospace;font-size:.88em;overflow-wrap:normal}pre code{font-size:inherit;white-space:pre}.recap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:26px 0}.recap-num{display:block;color:#0043ce;font-size:32px;margin-bottom:15px}.recap-grid h3{font-size:20px}.recap-grid p{font-size:16px}.next-lesson{border-top:1px solid var(--border);padding-top:24px;margin-top:28px}.references{background:var(--layer);padding:48px clamp(24px,5vw,76px);font-size:15px}.references h2{font-size:28px}.references p{margin:16px 0}.references li{margin:10px 0}.presentation-controls{position:fixed;bottom:0;left:var(--nav);right:0;background:#fff;border-top:1px solid #8d8d8d;padding:12px 30px;display:flex;gap:24px;justify-content:space-between;align-items:center;z-index:15;min-height:72px;font-size:15px}body.presenting main{padding-bottom:88px}body.presenting .references{display:none}body.presenting .lesson-section{min-height:calc(100vh - var(--header) - 78px);border-bottom:none;padding-top:38px}body.presenting .lesson-section h1,body.presenting .lesson-section h2{font-size:clamp(32px,3.8vw,52px)}body.presenting .lesson-nav{padding-top:18px}.noscript{padding:20px;margin:20px;border:1px solid var(--border)}
@media(min-width:1600px){:root{--nav:268px}body{font-size:20px}.lesson-section{padding-left:78px;padding-right:78px}.lead{font-size:25px}.lesson-nav a{font-size:16px}}
@media(max-width:1100px){:root{--nav:212px}.lesson-section{padding:40px 30px 48px}.hero-grid{gap:24px;grid-template-columns:1fr}.hero-diagram{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:20px}.hero-diagram .diagram-caption,.hero-diagram figcaption{grid-column:1/-1}.hero-step{display:block;border:none;padding:0}.hero-step .step-word{display:block;margin-bottom:12px}.hero-step .plain-label{display:block;margin-top:14px;font-size:13px}.hero-step .math{display:block;overflow-x:auto}.course-label{display:none}.lesson-nav a{font-size:13px;padding-left:8px;padding-right:8px}.two-col{gap:22px}.equation-block{padding:18px}.hero-diagram .katex{font-size:1em}.symbol-list{gap:18px}}
@media(max-width:850px){:root{--nav:0px;--header:74px}.layout{display:block}.site-header{padding:10px 18px}.brand{font-size:16px;gap:10px}.brand-mark{width:30px;height:30px;font-size:21px}.header-actions{gap:8px}.header-actions button{font-size:13px;padding:8px 12px}#menu-toggle{display:block}.lesson-nav{display:none;position:fixed;left:0;top:var(--header);width:280px;max-width:90vw;height:calc(100dvh - var(--header));box-shadow:5px 0 18px #0002;z-index:19}.lesson-nav.is-open{display:block}.lesson-nav a{font-size:15px;padding:10px 14px}.lesson-nav .nav-label{font-size:15px}.lesson-section{padding:34px 28px 44px}.presentation-controls{left:0}.two-col{gap:20px}.symbol-list{grid-template-columns:1fr}.symbol-list>div{display:grid;grid-template-columns:44px 1fr;align-items:start;gap:14px}.recap-grid{gap:20px}.recap-grid h3{font-size:19px}}
@media(max-width:620px){body{font-size:17px;line-height:1.85}.brand small{font-size:11px}.brand-mark{display:none}.brand{font-size:14px}.header-actions button{padding:8px 10px;font-size:12px}#view-toggle{max-width:125px}.site-header{padding:8px 14px;gap:8px}h1,h2{font-size:30px;margin-bottom:22px;line-height:1.5}h3{font-size:20px}.lead{font-size:20px}.section-meta{font-size:11px;gap:12px}.lesson-section{padding:30px 20px 40px}.two-col,.hero-grid,.recap-grid{grid-template-columns:1fr;gap:16px}.two-col{margin:20px 0}.hero-diagram{display:block;padding:20px}.hero-step{display:grid;grid-template-columns:40px 1fr;gap:8px;padding:20px 0;border-bottom:1px solid var(--border)}.hero-step .step-word{margin:0}.hero-step .plain-label{margin:0}.hero-step .math{font-size:18px}.lesson-map{grid-template-columns:1fr 1fr}.lesson-map span{padding:14px 10px;font-size:14px}.equation-block{padding:16px;margin:20px 0}.equation-label{font-size:13px}.math.display{font-size:17px;max-width:100%;padding-bottom:12px}.katex{font-size:1.1em}.note{padding:16px 18px;margin:22px 0}.note p{font-size:15px}.deep,.checkpoint{padding:0 12px}summary{font-size:15px}.check-label{display:block;margin:0 0 5px}.experiment{padding:20px 16px}.experiment-heading{display:block}.experiment-heading label{display:block;margin:14px 0 4px}.experiment-heading select{width:100%}.experiment h3{font-size:20px}.controls{gap:8px}.controls button{font-size:14px;padding:9px 12px}.dynamic-equation{font-size:16px}.segmented{display:grid;grid-template-columns:1fr;margin:14px 0}.segmented button{text-align:left;font-size:15px;margin:0 0 -1px}.bar-label{font-size:14px}.bar-label strong{font-size:17px}.state-flow{gap:20px;padding:22px 15px}.symbol-list>div{gap:10px}.symbol-list dd{font-size:16px}.derivation{padding-left:15px}.code-header{font-size:12px;padding:6px 10px}.copy-button{font-size:12px}pre{font-size:13px;padding:16px}table{font-size:14px}th,td{padding:9px 10px}.two-col table{margin:0}.circuit{padding:10px}.recap-grid>div{border-bottom:1px solid var(--border);padding-bottom:16px}.recap-num{font-size:26px;margin-bottom:6px}.recap-grid p{margin:8px 0}.references{padding:30px 20px}.references h2{font-size:25px}.presentation-controls{padding:10px 18px;gap:12px;font-size:14px}.presentation-controls button{font-size:14px}body.presenting .lesson-section{padding-top:24px}body.presenting .lesson-section h1,body.presenting .lesson-section h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bar-fill{transition:none}}
@media print{.site-header,.lesson-nav,.presentation-controls,button,input,select{display:none!important}.layout{display:block}body{font-size:12pt}.lesson-section,.lesson-section[hidden]{display:block!important;break-before:page;padding:20px 0}.lesson-section:first-child{break-before:auto}.references{display:block!important;padding:20px 0}.math.display,pre{overflow:visible;white-space:pre-wrap}.two-col{gap:20px}.experiment{break-inside:avoid}.code-wrap{background:#f4f4f4;color:#161616}details>div{display:block!important}summary{list-style:none}}
.young-diagram{margin:26px 0;background:var(--layer);padding:20px 24px;border-top:2px solid #8d8d8d;max-width:880px}.young-diagram svg{display:block;width:100%;height:auto;max-height:370px}.young-diagram svg text{font-size:21px;fill:var(--text)}.young-diagram svg .svg-small{font-size:18px}.young-diagram figcaption{margin-top:10px}.screen-strip{display:block;width:100%;height:auto;margin:20px 0 10px;max-width:740px}.screen-strip text{font-size:16px;fill:var(--muted)}.particle-screen{width:100%;height:auto;display:block;margin:20px 0;max-width:740px}.particle-screen text{font-size:20px;fill:var(--muted)}.opening-promise{border-left:3px solid var(--purple);padding:12px 20px;background:#f6f2ff}.port-flow,.weight-story{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0;font-size:16px}.port-flow>span{border-bottom:2px solid var(--blue);padding:10px 0}.port-flow>span+span::before{content:'→';margin-right:16px;color:var(--muted)}.two-bars{display:grid;grid-template-columns:1fr 1fr;gap:24px}.state-names{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0}.state-names>div{border-top:3px solid var(--blue);background:var(--layer);padding:22px}.state-names>div:nth-child(2){border-color:var(--purple)}.state-names h3{font-size:20px}.path-letter{font-size:32px;color:#0043ce;display:block;margin-bottom:8px}.state-names>div:nth-child(2) .path-letter{color:var(--purple)}.weight-story{background:var(--layer);padding:18px}.weight-story b{color:var(--purple)}.bloch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.bloch-grid>*{min-width:0}.bloch-sphere{width:100%;height:auto;display:block;background:#fff;touch-action:none;cursor:grab}.bloch-sphere:active{cursor:grabbing}.bloch-sphere text{font-family:inherit}.bloch-grid figcaption{margin-top:12px}.camera-controls{gap:8px}.camera-controls button{padding:8px 12px;font-size:13px}.bloch-grid .segmented{display:grid;grid-template-columns:1fr 1fr}.bloch-grid .range-label{font-size:15px;gap:14px;align-items:start}.bloch-grid output{white-space:nowrap}.bloch-readout{border-top:1px solid #c6c6c6;padding-top:18px;margin-top:20px}.bloch-readout .dynamic-equation{min-height:90px}.bloch-readout .experiment-note{margin:0}.gate-actions{border-top:1px solid #c6c6c6;padding-top:18px;margin-top:20px;font-size:15px}.gate-actions .controls{margin-bottom:12px}.gate-actions p{font-size:15px}.recap-chain{padding-left:1.4em}.recap-chain li{margin:22px 0;padding-left:10px}.recap-chain strong{color:#0043ce}.range-label output{padding-left:12px;flex-shrink:0}input[type=range]{min-height:44px}.two-col .math.display{font-size:17px}
.nav-num{flex-shrink:0;white-space:nowrap}.lesson-nav a>span:nth-child(2){min-width:0}
@media(max-width:620px){.young-diagram svg text{font-size:32px}.young-diagram svg .svg-small{font-size:30px}.bloch-sphere text{font-size:24px}}
.two-slit-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}.two-slit-grid>figure{min-width:0;background:var(--layer);padding:22px;border-top:3px solid #8d8d8d}.two-slit-grid>figure:nth-child(2){border-top-color:var(--purple)}.two-slit-grid h3{font-size:22px;margin-bottom:12px}.slit-apparatus{width:100%;height:auto;display:block}.slit-apparatus text{font-family:inherit;font-size:23px;fill:var(--text)}.two-slit-grid figcaption{font-size:16px;margin:10px 0}.compact-controls{gap:8px;margin:14px 0}.compact-controls button{font-size:14px;padding:8px 12px}.compact-status{font-size:16px;margin:10px 0}.key-note{border-left:3px solid var(--blue);background:#edf5ff;padding:14px 20px;margin:22px 0;font-size:16px}.keyword-flow{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--border);font-size:20px}.keyword-flow b{color:var(--purple)}.brief-definitions{margin:18px 0 28px}.brief-definitions>div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:10px 0;border-bottom:1px solid var(--border)}.brief-definitions dt{font-weight:600;color:#0043ce}.brief-definitions dd{margin:0}.function-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:26px 0}.function-grid>div{min-width:0;border-top:3px solid var(--blue);padding-top:20px}.function-map{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--layer);padding:16px;font-size:16px}.function-map b{color:var(--blue)}.function-grid p{font-size:16px}.function-grid .math.display{margin:20px 0;font-size:24px}.learning-chain,.recap-line{border-top:1px solid #8d8d8d;margin-top:28px;padding-top:20px;color:#0043ce;font-weight:500}.measurement-bridge{display:grid;grid-template-columns:1fr 30px 1fr;gap:22px;align-items:center;margin:26px 0}.measurement-bridge>div{min-width:0;background:var(--layer);padding:20px;border-top:2px solid #8d8d8d}.measurement-bridge>div>span,.measurement-bridge>div>strong,.measurement-bridge>div>small{display:block}.measurement-bridge>div>span{font-size:14px;color:var(--muted);margin-bottom:12px}.measurement-bridge strong{font-size:20px;font-weight:500}.measurement-bridge small{margin-top:10px}.measurement-bridge>b{font-size:24px;color:var(--blue);text-align:center}.position-detector{display:block;width:100%;height:auto;background:white}.position-detector text{font-family:inherit;font-size:23px;fill:var(--text)}.measurement-lab .equation-block{background:white;margin-top:0;padding:18px}.measurement-lab .two-col{align-items:start}.measurement-calculation{border-top:1px solid #c6c6c6;padding-top:18px}.measurement-result{background:white;border-left:3px solid var(--purple);padding:16px;font-size:22px}.measurement-lab .dynamic-equation{font-size:20px}.bloch-lab .compact-status,.gate-actions .compact-status{font-size:15px}.lesson-section .subtle{font-size:14px}.state-names{margin-top:24px}
@media(max-width:1000px){.two-slit-grid{gap:20px}.two-slit-grid>figure{padding:16px}.measurement-bridge{gap:12px}.measurement-bridge strong{font-size:18px}}
@media(max-width:620px){.two-slit-grid,.function-grid{grid-template-columns:1fr;gap:24px}.two-slit-grid>figure{padding:18px}.slit-apparatus text{font-size:30px}.two-slit-grid figcaption{font-size:15px}.brief-definitions>div{grid-template-columns:1fr;gap:4px}.brief-definitions{font-size:16px}.keyword-flow{font-size:17px;gap:12px}.keyword-flow>span{flex-basis:82%}.function-grid h3{font-size:19px}.function-map{font-size:15px;gap:8px}.function-grid .math.display{font-size:22px}.measurement-bridge{grid-template-columns:1fr;gap:10px}.measurement-bridge>b{transform:rotate(90deg);font-size:22px;line-height:1}.measurement-bridge strong{font-size:18px}.measurement-lab .dynamic-equation{font-size:17px}.measurement-result{font-size:20px}.position-detector text{font-size:26px}.learning-chain,.recap-line{font-size:16px}.key-note{font-size:15px;padding:12px 16px}.compact-status{font-size:15px}}
@media(max-width:1100px){.bloch-grid{grid-template-columns:1fr}.bloch-grid>figure{max-width:520px}.bloch-grid .range-label,.bloch-grid input[type=range]{max-width:100%}.bloch-grid .segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.young-diagram{padding:16px}.port-flow{gap:8px}.port-flow>span+span::before{margin-right:8px}}
@media(max-width:620px){.young-diagram{padding:16px 8px}.young-diagram svg text{font-size:24px}.young-diagram figcaption{padding:0 8px}.state-names{gap:14px}.state-names>div{padding:16px}.state-names h3{font-size:17px}.path-letter{font-size:27px}.weight-story{font-size:15px;gap:8px}.weight-story>span{flex:1 1 80%}.weight-story b{flex:1 1 10%}.weight-story b:last-of-type{order:0}.two-bars{grid-template-columns:1fr;gap:0}.port-flow{display:grid;grid-template-columns:1fr;gap:0}.port-flow>span{padding:8px 0;border-bottom:1px solid #c6c6c6}.port-flow>span+span::before{content:'↓';margin-right:12px}.bloch-grid{gap:22px}.bloch-grid .segmented{grid-template-columns:1fr}.bloch-grid .range-label{font-size:14px}.camera-controls{display:grid;grid-template-columns:1fr 1fr}.camera-controls button:last-child{grid-column:1/-1}.bloch-readout .dynamic-equation{font-size:15px}.gate-actions .controls button:last-child{flex-basis:100%}.screen-strip text{font-size:21px}.recap-chain li{padding-left:4px;font-size:16px}.two-col .math.display{font-size:17px}}

/* Supplied partner images and consistent inline mathematical notation. */
.site-header{background:#fff;color:#161616;border-bottom:1px solid #e0e0e0}
.brand-images{gap:22px;min-width:0}
.brand-images img{display:block;object-fit:contain}
.ibm-logo{width:144px;height:56px}
.leona-logo{width:150px;height:56px}
.site-header .course-label{color:#525252}
.site-header .secondary{color:#161616;border-color:#8d8d8d}
.site-header .secondary:hover{background:#f4f4f4}
.math.inline .katex{font-size:1.08em}
@font-face{font-family:LessonMath;src:url('../assets/vendor/katex/fonts/KaTeX_Math-Italic.woff2') format('woff2');font-style:italic;font-display:swap}
svg .math-axis{font-family:LessonMath,serif;font-style:italic}
@media(max-width:700px){.site-header{gap:8px;padding:10px 12px}.brand-images{gap:8px}.ibm-logo{width:95px;height:42px}.leona-logo{width:95px;height:42px}.header-actions{gap:6px}.header-actions button{padding:8px 10px}}
@media(max-width:390px){.ibm-logo,.leona-logo{width:83px}}

/* Align the lettering, rather than the transparent image canvases. */
.brand-images{gap:32px;align-items:center}
.logo-frame{position:relative;display:block;overflow:hidden;flex:none;height:48px}
.ibm-frame{width:210px}
.leona-frame{width:180px}
.brand-images .ibm-logo{position:absolute;max-width:none;width:303.42px;height:116.58px;left:-46.63px;top:-33.95px}
.brand-images .leona-logo{position:absolute;max-width:none;width:233.32px;height:155.54px;left:-27.04px;top:-49.06px}
@media(max-width:700px){
 :root{--header:116px}
 .site-header{height:var(--header);flex-wrap:wrap;justify-content:center;gap:0;padding:8px 12px}
 .brand-images{gap:16px;justify-content:center;width:100%;height:48px}
 .logo-frame{height:40px}
 .ibm-frame{width:156px}
 .leona-frame{width:144px}
 .brand-images .ibm-logo{width:225.40px;height:86.60px;left:-34.64px;top:-23.96px}
 .brand-images .leona-logo{width:186.66px;height:124.44px;left:-21.63px;top:-39.05px}
 .header-actions{width:100%;justify-content:flex-end;gap:8px;height:44px}
}

/* Leave room above the tall Q while preserving the lettering baseline. */
.leona-frame{height:56px}
.brand-images .leona-logo{top:-39.06px}
@media(max-width:700px){.leona-frame{height:48px}.brand-images .leona-logo{top:-31.05px}}

.overview h3{margin-top:28px}
.overview h4{margin:8px 0;font-size:20px;font-weight:500;line-height:1.5}
.overview-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:18px 0 32px;gap:24px}
.overview-timeline li{margin:0;border-top:2px solid #0f62fe;padding-top:12px}
.overview-timeline strong{color:#0043ce;font-size:27px}
.overview-timeline p{margin:8px 0;font-size:16px;line-height:1.7}
.overview-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.overview-applications article{background:#f4f4f4;padding:22px;border-top:3px solid #6929c4}
.overview-tag{font-size:14px;color:#6929c4}
.overview-applications p{font-size:16px;margin:10px 0}
.overview-course{color:#0043ce}
@media(max-width:620px){.overview-timeline,.overview-applications{grid-template-columns:1fr;gap:16px}.overview-timeline li{display:grid;grid-template-columns:84px 1fr;column-gap:10px}.overview-timeline strong{grid-row:1/3}.overview-timeline h4{margin:0}.overview-timeline p{grid-column:2}.overview-applications article{padding:18px}}