@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:#ffffff;--text:#000000;--muted:#0043ce;--border:#d0e2ff;--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:#d0e2ff;border-color:#d0e2ff;color:#0043ce;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:#000000;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:#a6c8ff;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:#d0e2ff}.site-header .secondary{background:transparent;color:white;border-color:#0f62fe}.site-header .secondary:hover{background:#000000}#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:#d0e2ff}.lesson-nav a[aria-current]{background:white;border-left-color:var(--blue);color:var(--text)}.nav-num{font-size:13px;color:#0043ce;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 #0f62fe;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 #0f62fe;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 #0f62fe}.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 #0f62fe;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:#d0e2ff;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 #a6c8ff}.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 #0f62fe;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 #a6c8ff}thead th{background:#d0e2ff;font-weight:600}tbody th{font-weight:500;background:#ffffff}.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:#000000;color:#ffffff}.code-header{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid #0043ce;font-size:13px}.copy-button{background:transparent;color:#a6c8ff;border:none;font-size:13px;padding:8px 10px}.copy-button:hover{background:#000000}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 #0f62fe;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 #0f62fe22;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:#ffffff;color:#000000}details>div{display:block!important}summary{list-style:none}}
.young-diagram{margin:26px 0;background:var(--layer);padding:20px 24px;border-top:2px solid #0f62fe;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 #a6c8ff;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 #a6c8ff;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 #0f62fe}.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 #0f62fe;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 #0f62fe}.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 #a6c8ff;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 #a6c8ff}.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:#000000;border-bottom:1px solid #d0e2ff}
.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:#0043ce}
.site-header .secondary{color:#000000;border-color:#0f62fe}
.site-header .secondary:hover{background:#ffffff}
.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:#ffffff;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}}

.teaching-illustration{display:block;width:100%;max-width:880px;height:auto;margin:24px 0}.matrix-table{overflow-x:auto}.matrix-table table{border-collapse:collapse;min-width:280px;width:100%}.matrix-table td,.matrix-table th{text-align:center;padding:12px;border:1px solid #d0e2ff}.matrix-table .selected{background:#edf5ff;color:#0043ce}.basis-choice{display:flex;align-items:center;gap:8px;min-height:44px}.basis-choice input{width:22px;height:22px}.cut-graph{display:block;width:100%;max-width:650px;background:#ffffff}.cut-graph text{font-size:23px;fill:#000000}.distribution{display:grid;gap:8px}.distribution-row{display:grid;grid-template-columns:44px 1fr 76px;gap:12px;align-items:center}.distribution-track{height:14px;background:#d0e2ff}.distribution-track span{display:block;height:14px;background:#0f62fe}pre{overflow-x:auto}.experiment input[type=range]{width:100%;margin:12px 0 22px}.experiment select{margin-left:16px}.experiment label{font-size:17px}button{min-height:44px}@media(max-width:620px){.distribution-row{font-size:14px;gap:8px;grid-template-columns:36px 1fr 65px}.matrix-table td,.matrix-table th{padding:8px}.cut-graph text{font-size:25px}.experiment select{margin:12px 0}.keyword-flow>span{flex-basis:auto}}

.circuit-step{margin:24px 0;max-width:880px}.circuit-step img{display:block;max-width:100%;height:auto}.circuit-step figcaption{font-size:16px;line-height:1.7;margin-top:12px;color:#000000}.circuit-step+ .equation-block{margin-top:24px}
.method-history{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:32px 0}
.method-history li{border-top:3px solid #0f62fe;padding-top:14px;margin:0}
.method-year{font-size:19px;color:#0043ce;font-weight:500}
.method-history h3{font-size:32px;margin:10px 0}
.method-history p{font-size:17px;line-height:1.8;margin:0}
.numbered-steps{padding-left:26px;line-height:1.9}.numbered-steps li{padding-left:6px;margin:12px 0}
.step-purpose{display:grid;gap:0;margin:24px 0}.step-purpose>div{display:grid;grid-template-columns:110px 1fr;gap:16px;border-top:1px solid #d0e2ff;padding:12px 0}.step-purpose dt{color:#0043ce;font-weight:500}.step-purpose dd{margin:0}
.slider-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lesson-section h4{font-size:19px;font-weight:500;line-height:1.6;margin:20px 0 12px}
.circuit-lab .circuit-step{background:#fff;padding:12px;margin:18px 0}.circuit-lab .circuit-step img{width:100%;max-width:760px}
.circuit-step img[src*="sqd-step-"]{width:auto;max-width:100%;height:auto;max-height:210px}
.stage-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.experiment button[aria-pressed=true]{background:#0f62fe;border-color:#0f62fe;color:#fff}
#measurement-panel{border-top:1px solid #a6c8ff;margin-top:24px;padding-top:20px}
.circuit-lab #trial-state{font-size:22px}.experiment .math.display{overflow-x:auto}
@media(max-width:620px){.method-history{grid-template-columns:1fr;gap:20px}.method-history li{display:grid;grid-template-columns:110px 1fr;gap:4px 14px}.method-year{grid-column:1;align-self:center}.method-history h3{grid-column:2;margin:0;font-size:27px}.method-history p{grid-column:2;font-size:16px}.step-purpose>div{grid-template-columns:1fr;gap:6px}.slider-pair{grid-template-columns:1fr;gap:8px}.stage-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.circuit-lab .circuit-step{padding:4px}.circuit-lab #trial-state{font-size:18px}}

.ground-intro{display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:24px;align-items:center;margin:20px 0}.ground-intro figure{margin:0}.ground-intro img{display:block;width:100%;height:auto}.ground-intro p{margin-top:0}.ground-goal{border-left:4px solid #0f62fe;background:#edf5ff;padding:16px 20px}#start .circuit-step{margin:20px 0}#start h3{font-size:25px;margin:24px 0 12px}@media(max-width:620px){.ground-intro{grid-template-columns:1fr;gap:12px}.ground-intro figure{max-width:400px}.ground-goal{padding:14px}#start h3{font-size:23px}}

/* Restored Carbon typography/grid. White/blue replaces neutral-gray layers. */
:root{--bg:#fff;--layer:#fff;--text:#000;--muted:#0043ce;--border:#d0e2ff}
.carbon-figure{margin:24px 0;max-width:720px}.carbon-figure img,.carbon-svg svg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto}.carbon-figure figcaption{font-size:16px;color:#0043ce;margin-top:10px}.carbon-pair{align-items:center}.carbon-pair .carbon-figure{margin:0}.carbon-svg{min-width:0}.carbon-svg text{font-family:Plex,'Hiragino Kaku Gothic ProN',sans-serif}.carbon-svg .svg-math{font-family:LessonMath,serif}
.carbon-flow{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px;margin:26px 0}.carbon-flow li{border-top:3px solid #0f62fe;padding:14px 0;margin:0}.carbon-flow li span{display:block;color:#0043ce;font-size:18px;margin-bottom:10px}.carbon-flow li strong{font-weight:500;font-size:20px;line-height:1.7}.carbon-deep{margin:24px 0;background:#fff}.carbon-deep>div{padding:18px 0}.carbon-deep summary{min-height:44px;padding-top:12px;padding-bottom:12px;color:#0043ce}.carbon-branch{border-left:3px solid #0f62fe;padding-left:20px}
.experiment output{color:#0043ce;font-weight:500;margin-left:8px}.experiment input{color:#000;border-color:#0f62fe}.experiment input[type=range]{appearance:none;background:transparent;height:36px;cursor:pointer}.experiment input[type=range]::-webkit-slider-runnable-track{height:6px;background:#a6c8ff}.experiment input[type=range]::-webkit-slider-thumb{appearance:none;background:#0f62fe;width:22px;height:22px;border:2px solid #fff;border-radius:50%;margin-top:-8px}.experiment input[type=range]::-moz-range-track{height:6px;background:#a6c8ff}.experiment input[type=range]::-moz-range-thumb{background:#0f62fe;border:2px solid #fff;border-radius:50%;width:22px;height:22px}.experiment input[type=checkbox]{appearance:none;background:#fff;width:22px;height:22px;border:2px solid #0f62fe;display:inline-grid;place-content:center;cursor:pointer}.experiment input[type=checkbox]:checked{background:#0f62fe}.experiment input[type=checkbox]:checked:before{content:'✓';color:#fff;font-size:18px;line-height:18px}.experiment select{background:#fff;color:#000;border:1px solid #0f62fe;padding:8px}.distribution-track{background:#d0e2ff}#subset-state-bars .distribution-track span,#expect-energy-bars .distribution-track span{background:#6929c4}.dot-record-row{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:start;margin:14px 0}.record-dots{display:flex;flex-wrap:wrap;gap:5px;min-height:14px}.record-dots span{display:block;width:10px;height:10px;flex:0 0 10px;border-radius:50%}.dot-records p{font-size:16px}
:root{scrollbar-color:#0f62fe #edf5ff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#edf5ff}::-webkit-scrollbar-thumb{background:#0f62fe}#bloch-state{font-size:20px}.circuit-step img[src*="carbon-sqd-circuit"]{max-width:620px;max-height:none}
@media(max-width:620px){.carbon-pair{gap:24px}.carbon-figure{margin:20px 0}.carbon-figure img,.carbon-svg svg{max-width:480px}.carbon-flow{grid-template-columns:1fr;gap:12px}.carbon-flow li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0}.carbon-flow li span{margin:0}.carbon-flow li strong{font-size:18px}.carbon-deep .math.display{font-size:16px}.carbon-deep .two-col .math.display{font-size:16px}.dot-record-row{grid-template-columns:80px 1fr;gap:8px}.record-dots{gap:4px}.record-dots span{width:9px;height:9px;flex-basis:9px}#expect-mean{font-size:17px}.carbon-branch{padding-left:16px}}

.lesson-nav a{color:#000}.nav-label,.nav-num,.nav-min{color:#0043ce}.site-header .course-label{color:#000}

/* Focused lecture: one idea per screen. */
.lesson-section .lead{font-size:24px;line-height:1.7}.lesson-section .carbon-figure{margin:26px auto;max-width:660px}.focus-choices{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px}.coverage-cards,.recovery-example{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:32px 0}.coverage-cards>div,.recovery-example>span{border-top:3px solid #0f62fe;padding:24px;background:#edf5ff;display:flex;flex-direction:column;gap:14px;font-size:26px}.coverage-cards strong{font-size:20px}.coverage-cards span{color:#0043ce;font-size:34px}.recovery-example{grid-template-columns:1fr 1fr}.recovery-example small{font-size:18px;color:#0043ce}.lesson-section .key-note{font-size:16px;line-height:1.8}.lesson-section .carbon-flow{gap:22px}.experiment #sqd-theory-bars{margin:24px 0 32px}.experiment #sample-dot-records{margin:28px 0}.lesson-section .equation-block{margin:28px 0}@media(max-width:620px){.coverage-cards,.recovery-example{grid-template-columns:1fr;gap:16px}.coverage-cards>div{flex-direction:row;align-items:center;justify-content:space-between;padding:18px}.lesson-section .lead{font-size:21px}.focus-choices{gap:18px}.lesson-section .carbon-flow{gap:14px}.recovery-example>span{padding:18px}}

@media(min-width:900px){.presenting .lesson-section{padding:24px 40px 90px}.presenting h1,.presenting h2{font-size:34px;margin-bottom:20px}.presenting .section-meta{margin-bottom:18px}.presenting .carbon-figure{margin:18px auto}.presenting .carbon-figure img{max-height:240px;width:auto;max-width:100%}.presenting .equation-block{margin:18px 0}.presenting p{margin:14px 0}.presenting .carbon-flow{margin:22px 0}.presenting #samples .experiment{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;padding:18px}.presenting #samples .experiment>label:first-child{grid-column:1;grid-row:1}.presenting #sqd-theory-bars{grid-column:1;grid-row:2/5;margin:6px 0}.presenting #samples .experiment>label:nth-of-type(2){grid-column:2;grid-row:1}.presenting #sample-again{grid-column:2;grid-row:2;justify-self:start}.presenting #sample-dot-records{grid-column:2;grid-row:3;margin:0}.presenting #sqd-sample-result{grid-column:1 / -1;grid-row:5;margin:0}.presenting .dot-record-row{margin:10px 0;grid-template-columns:90px 1fr;gap:8px}.presenting #crop .matrix-table td,.presenting #crop .matrix-table th{padding:7px}.presenting #crop .two-col{gap:24px}.presenting #crop .experiment{padding:18px}.presenting .focus-choices{margin-bottom:12px}.presenting .method-history p{font-size:18px}.presenting .brief-definitions{margin:20px 0}}

.sample-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media(min-width:900px){body.presenting .lesson-section h1,body.presenting .lesson-section h2{font-size:34px;line-height:1.45}body.presenting .lesson-section .equation-block{padding:10px 16px;margin:18px 0}body.presenting #crop .two-col{margin:12px 0}body.presenting #crop .experiment{margin:18px 0}body.presenting #samples .sample-controls{grid-column:2;grid-row:1;gap:12px}body.presenting #sqd-theory-bars{grid-column:1;grid-row:2;align-content:start;gap:24px}body.presenting #sample-dot-records{grid-column:2;grid-row:2}body.presenting #sqd-sample-result{grid-column:1 / -1;grid-row:3}body.presenting #samples .experiment{margin:18px 0}body.presenting #samples .key-note{font-size:15px}body.presenting .dot-records p{margin:8px 0;font-size:15px}}

@media(min-width:900px){body.presenting .section-meta{margin-bottom:14px}body.presenting #samples .experiment,body.presenting #crop .experiment{padding:14px;margin:12px 0}}

@media(min-width:900px){body.presenting #crop .two-col{margin:8px 0}body.presenting #crop h3{margin-bottom:8px}}

@media(min-width:900px){body.presenting #crop .experiment{padding:10px 14px}}

/* Linear algebra bridge: separate computation from geometry. */
.vector-lab{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vector-lab>div{min-width:0}.vector-lab svg{width:100%;height:auto;max-height:320px}.vector-lab .controls{gap:8px}.vector-lab .controls button{font-size:15px;padding:9px 12px}.vector-lab input[type=range]{display:block;max-width:100%;margin:12px 0}.orbital-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.orbital-grid>div{background:#edf5ff;border-top:3px solid #0f62fe;padding:20px}.orbital-grid strong,.orbital-grid span{display:block}.orbital-grid span{font-size:28px;color:#0043ce;margin-top:12px}#function .math.display{font-size:16px}#function .equation-block{padding:12px 6px}#function .function-grid>div{padding-top:16px}#function .function-grid h3{font-size:20px}#eigen-calculation .math.display{font-size:20px}#h2-matrix .math.display{font-size:24px}#eigenvectors .brief-definitions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}#eigenvectors .brief-definitions>div{display:block;padding:12px;border-top:2px solid #0f62fe}#eigenvectors .brief-definitions dd{margin:8px 0 0}@media(min-width:900px){body.presenting #function .function-grid{grid-template-columns:1fr 1.6fr;gap:24px;margin:20px 0}body.presenting #function .function-grid .math.display{margin:8px 0;font-size:17px}body.presenting #function .equation-block{padding:10px 6px;margin:10px 0}body.presenting #matrix-action .experiment{margin:18px 0;padding:16px}body.presenting #matrix-action .math.display{font-size:20px}body.presenting #matrix-action .vector-lab svg{max-height:260px}body.presenting #matrix-action .controls{margin:10px 0}body.presenting #matrix-action #vector-result{font-size:17px}body.presenting #eigenvectors .lead{font-size:22px}body.presenting #h2-matrix .math.display{font-size:22px}body.presenting #diagonalization .math.display{font-size:22px}}@media(max-width:620px){.vector-lab,.orbital-grid,#eigenvectors .brief-definitions{grid-template-columns:1fr}.vector-lab .controls{margin:12px 0}#eigen-calculation .math.display{font-size:14px}#h2-matrix .math.display{font-size:17px}.orbital-grid{gap:14px}#function .function-grid{grid-template-columns:1fr}#function .math.display{font-size:14px}#energy .math.display{font-size:18px}}

@media(min-width:900px){body.presenting #function .function-grid .math.display{font-size:21px}body.presenting #orbitals .orbital-grid{margin:18px 0}body.presenting #orbitals .orbital-grid>div{padding:16px}body.presenting #orbitals .lead{font-size:22px}}

@media(max-width:620px){#h2-matrix .math.display{font-size:12.5px}#h2-matrix .equation-block{padding:14px 6px}}

/* SQD narrative: a persistent journey and one molecular example. */
.journey{display:flex;list-style:none;gap:8px;padding:0;margin:0 0 22px;font-size:14px;line-height:1.5}.journey li{padding:5px 12px;margin:0;border-bottom:2px solid #d0e2ff;color:#0043ce}.journey li[aria-current]{background:#0f62fe;color:#fff;border-color:#0f62fe}.bit-key{display:grid;grid-template-columns:repeat(4,1fr);max-width:620px;gap:12px;margin:24px 0 12px}.bit-key>span{text-align:center;border-top:2px solid #0f62fe;padding:14px;font-size:22px}.bit-values{margin-top:0}.bit-values>span{background:#edf5ff;font-size:38px}.vqe-flow-lab{display:grid;grid-template-columns:1fr 1fr;gap:24px}.vqe-flow-lab>div{min-width:0}.vqe-flow-lab svg{display:block;width:100%;height:auto}.vqe-flow-lab input{display:block;max-width:100%}.vqe-flow-lab .controls{gap:8px;flex-wrap:wrap}.vqe-flow-lab .controls button{font-size:14px;padding:8px 12px}.vqe-flow-lab .math.display{font-size:18px}.vqe-flow-lab output{display:inline-block}.event-definition{display:flex;gap:24px;padding:24px;background:#edf5ff;border-left:4px solid #0f62fe;margin:24px 0;align-items:center;font-size:22px}.event-definition strong{color:#0043ce;white-space:nowrap}.record-to-set{display:grid;grid-template-columns:1fr 30px 1fr;gap:24px;align-items:center;margin:24px 0}.record-to-set>div{border-top:3px solid #0f62fe;padding-top:18px;min-width:0}.record-to-set p{font-size:22px}.record-to-set>b{color:#0043ce;font-size:28px}.sampling-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.sampling-controls label{display:flex;align-items:center;gap:8px}.sampling-controls select{margin:0;max-width:300px}.sampling-controls button{font-size:16px}.energy-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.energy-comparison>div{padding:20px;border-top:3px solid #0f62fe;background:#edf5ff}.energy-comparison strong,.energy-comparison span{display:block}.energy-comparison span{font-size:28px;color:#0043ce;margin-top:18px}#orbital-occupancies{margin:24px 0;max-width:720px}#orbital-occupancies .distribution-track span{background:#6929c4}.coverage-lab label{display:block}.coverage-lab select{max-width:100%}.journey+ .carbon-figure{margin-top:20px}@media(min-width:900px){body.presenting .journey{margin:0 0 16px;font-size:13px}body.presenting .journey li{padding:3px 10px}body.presenting #vqe .experiment{margin:12px 0;padding:14px}body.presenting #vqe .math.display{font-size:17px}body.presenting #vqe .controls{margin:8px 0}body.presenting #vqe input{margin:8px 0 12px}body.presenting #vqe #vqe-status{font-size:16px}body.presenting #vqe .key-note{font-size:15px}body.presenting #samples .sampling-flow-lab{display:block;margin:12px 0;padding:14px}body.presenting #samples .two-col{margin:16px 0 8px;gap:28px}body.presenting #samples h3{font-size:19px;margin-bottom:12px}body.presenting #samples #sqd-theory-bars{margin:0;gap:16px}body.presenting #samples #sample-dot-records{margin:0}body.presenting #samples .dot-record-row{grid-template-columns:110px 1fr;margin:8px 0;font-size:16px}body.presenting #samples #sample-setting{font-size:16px;margin:12px 0 0}body.presenting #crop .experiment{padding:12px 14px;margin:12px 0}body.presenting #crop #subset-origin{font-size:15px;margin:0 0 8px}body.presenting #crop .two-col{margin:8px 0}body.presenting #crop h3{font-size:18px;margin-bottom:6px}body.presenting #crop table{font-size:15px}body.presenting #crop .matrix-table th,body.presenting #crop .matrix-table td{padding:4px 6px}body.presenting #crop caption{font-size:13px;padding:6px 0}body.presenting #crop #subset-energy{font-size:17px;margin:8px 0}body.presenting #crop .focus-choices{margin:0 0 8px}body.presenting #crop .key-note{font-size:15px}body.presenting #coverage .experiment{padding:12px 14px;margin:14px 0}body.presenting #coverage .coverage-cards{margin:16px 0;gap:16px}body.presenting #coverage .coverage-cards>div{padding:12px}body.presenting #coverage .coverage-cards span{font-size:27px}body.presenting #coverage #coverage-explanation{font-size:16px;margin:12px 0 0}body.presenting #coverage .math.display{font-size:19px}body.presenting .event-definition{padding:18px;font-size:20px;margin:18px 0}body.presenting #h2-matrix .brief-definitions{margin:12px 0}body.presenting #h2-matrix .brief-definitions>div{padding:6px 0}body.presenting #recovery #orbital-occupancies{margin:18px 0}}@media(max-width:620px){.journey{gap:4px;flex-wrap:wrap;font-size:12px;margin-bottom:18px}.journey li{padding:4px 8px}.vqe-flow-lab,.record-to-set,.energy-comparison{grid-template-columns:1fr}.event-definition{display:block;font-size:18px;padding:18px}.event-definition strong{display:block;margin-bottom:12px}.record-to-set>b{transform:rotate(90deg);justify-self:center}.record-to-set p{font-size:19px}.sampling-controls{display:block}.sampling-controls label{display:block;margin-bottom:14px}.sampling-controls select{display:block;margin:6px 0}.bit-key{gap:8px}.bit-key>span{padding:10px;font-size:19px}.bit-values>span{font-size:30px}.vqe-flow-lab .math.display{font-size:14px}#probabilities .math.display{font-size:16px}#sample-output .math.display{font-size:14px}#two .math.display{font-size:18px}#coverage .math.display{font-size:12px}#samples .dot-record-row{grid-template-columns:105px 1fr}#challenge .coverage-cards span{font-size:25px}#h2-matrix .brief-definitions{font-size:16px}.coverage-lab select{margin-left:0}}

.subset-result-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.subset-result-row p{flex:1;min-width:230px}.subset-result-row button{font-size:14px}@media(min-width:900px){body.presenting #crop table{margin:0;font-size:16px;line-height:1.4}body.presenting #crop caption{margin:0;padding:6px 0;line-height:1.4}body.presenting #crop .key-note{padding:8px 10px;margin:8px 0;font-size:15px}body.presenting #vqe .math.display{padding:3px 2px}body.presenting #vqe .katex-display{margin:.2em 0}body.presenting #vqe .key-note{padding:8px 10px;margin:8px 0;font-size:14px;line-height:1.65}body.presenting #vqe #vqe-status{margin:8px 0;font-size:15px;line-height:1.6}}

@media(max-width:620px){#two .math.display{font-size:17.5px}}

#configuration-probability{margin:18px 0;font-size:21px}@media(min-width:900px){body.presenting #probabilities .equation-block{margin:12px 0;padding:8px 12px}body.presenting #probabilities .event-definition{margin:14px 0}body.presenting #probabilities #configuration-probability{margin:14px 0;font-size:20px}body.presenting #recovery .key-note{font-size:14px;padding:8px 10px}}@media(max-width:620px){#configuration-probability{font-size:15px}}

/* Separate the full Fock space, the particle sector, and sampled subspace. */
.sector-dimensions small{font-size:16px;line-height:1.6;color:#000}.sector-dimensions>div{padding:18px;gap:10px}.sector-dimensions span{font-size:30px}
@media(min-width:900px){body.presenting #configurations .bit-key{margin:12px 0 8px}body.presenting #configurations .bit-key>span{padding:8px}body.presenting #configurations .bit-values{margin:0 0 12px}body.presenting #configurations .bit-values>span{font-size:28px}body.presenting #configurations .sector-dimensions{margin:16px 0;gap:16px}body.presenting #configurations .sector-dimensions>div{padding:14px}body.presenting #configurations .key-note{font-size:15px;padding:10px;margin:12px 0}body.presenting #h2-matrix p{font-size:17px;line-height:1.65;margin:10px 0}body.presenting #h2-matrix .equation-block{margin:12px 0;padding:10px}body.presenting #h2-matrix .brief-definitions{font-size:17px;margin:10px 0}}
@media(max-width:620px){.sector-dimensions>div{display:grid;grid-template-columns:1fr auto;gap:8px}.sector-dimensions small{grid-column:1/-1}.sector-dimensions span{font-size:28px}}

/* Full space first, then an exact particle sector, then sampled candidates. */
.space-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;margin:20px 0}.full-space-figure{margin:0;min-width:0}.full-space-figure svg{display:block;width:100%;max-width:470px;margin:auto}.full-space-figure text{font-family:Plex,monospace;font-size:14px}.full-space-figure .axis-caption{font-family:Plex,'Hiragino Kaku Gothic ProN',sans-serif;font-size:16px}.full-space-cell{fill:#fff;stroke:#d0e2ff;stroke-width:1}.sector-axis{fill:#edf5ff;stroke:#a6c8ff;stroke-width:1}.sector-cell{fill:#d4bbff;stroke:#6929c4;stroke-width:1.5}.full-space-figure figcaption{font-size:15px;line-height:1.6;color:#0043ce;margin:8px 0 0;text-align:center}.sector-summary{min-width:0}.sector-summary h3{font-size:23px;margin:0 0 18px}.sector-basis{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sector-basis span{border-left:3px solid #6929c4;background:#f6f2ff;color:#6929c4;padding:10px 16px;font-family:Plex,monospace;font-size:25px}.sector-summary p{font-size:17px;line-height:1.7}.space-reduction{border-top:3px solid #0f62fe;margin:20px 0;padding:18px 0 0;display:grid;gap:10px}.space-reduction strong{color:#0043ce;font-size:32px;font-weight:500}.space-reduction span{font-size:17px}.sector-summary .sector-detail{font-size:15px;color:#0043ce}.fixed-sector-growth small{font-size:17px;line-height:1.6}.fixed-sector-growth span{font-size:30px}.subspace-distinction{display:flex;gap:10px 28px;flex-wrap:wrap}.subspace-distinction strong{font-weight:500;color:#0043ce}.subspace-distinction strong+strong{color:#6929c4}.subspace-distinction>span{flex-basis:100%}
@media(min-width:900px){body.presenting #configurations .space-overview{margin:12px 0;gap:28px;grid-template-columns:1.1fr 1fr}body.presenting #configurations .full-space-figure svg{max-height:370px}body.presenting #configurations .sector-summary h3{font-size:22px;margin-bottom:12px}body.presenting #configurations .sector-summary p{font-size:16px;margin:12px 0}body.presenting #configurations .sector-summary .sector-detail{font-size:15px}body.presenting #configurations .sector-basis span{font-size:23px;padding:8px 12px}body.presenting #configurations .space-reduction{margin:14px 0;padding-top:14px}body.presenting #configurations .key-note{margin:10px 0;padding:10px;font-size:15px}body.presenting #challenge .fixed-sector-growth{margin:20px 0;gap:18px}body.presenting #challenge .fixed-sector-growth>div{padding:18px}body.presenting #challenge .fixed-sector-growth strong{font-size:18px}body.presenting #challenge .fixed-sector-growth span{font-size:28px}body.presenting #crop .subspace-distinction{gap:4px 24px;font-size:14px;margin:8px 0;padding:8px 10px;line-height:1.5}body.presenting #h2-matrix .brief-definitions{margin:8px 0}body.presenting #h2-matrix .brief-definitions>div{padding:4px 0}}
@media(max-width:620px){.space-overview{grid-template-columns:1fr;gap:24px}.full-space-figure svg{max-width:430px}.sector-summary h3{font-size:22px}.sector-basis{grid-template-columns:repeat(2,1fr)}.sector-basis span{font-size:24px}.space-reduction strong{font-size:28px}.subspace-distinction{display:grid;gap:8px}.fixed-sector-growth>div{flex-wrap:wrap}.fixed-sector-growth small{flex-basis:100%}}

@media(min-width:900px){body.presenting #configurations .sector-basis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}body.presenting #configurations .sector-basis span{font-size:20px;padding:8px 10px}body.presenting #configurations .space-reduction{margin:12px 0;padding-top:10px;gap:6px}body.presenting #configurations .space-reduction strong{font-size:28px}body.presenting #configurations .sector-summary .sector-detail{font-size:14px;line-height:1.5;margin:8px 0}body.presenting #configurations .sector-summary .key-note{font-size:14px;line-height:1.6;margin:10px 0 0;padding:10px}body.presenting #configurations .space-overview{align-items:center}}

@media(min-width:900px){body.presenting #crop .experiment{margin-bottom:4px}}

@media(min-width:900px){body.presenting #crop .subspace-distinction{padding:6px 10px;row-gap:2px}}

@media(min-width:900px){body.presenting #h2-matrix p{font-size:16px;line-height:1.5}body.presenting #h2-matrix .key-note{padding:8px 10px;font-size:16px;line-height:1.5}}

/* Formal terminology, definitions, and an explicit purpose per operation. */
.term-pair,.probability-definitions{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:24px 0}.term-pair>div,.probability-definitions>div{border-top:3px solid #0f62fe;padding-top:14px;min-width:0}.term-pair h3,.probability-definitions h3{font-size:21px;margin:0 0 12px}.term-pair p,.probability-definitions p{font-size:18px;line-height:1.7}.operation-purpose{border-left:3px solid #6929c4;background:#f6f2ff;padding:14px 18px;font-size:18px;line-height:1.7}.operation-purpose>strong{color:#6929c4;display:inline-block;margin-right:12px;font-weight:500}.projection-definition{display:flex;gap:4px 18px;flex-wrap:wrap;align-items:center}.projection-definition small{flex-basis:100%;font-size:14px}.coverage-cards small{font-size:16px;line-height:1.6;color:#0043ce}
@media(min-width:900px){body.presenting .term-pair,body.presenting .probability-definitions{gap:24px;margin:18px 0}body.presenting .term-pair h3,body.presenting .probability-definitions h3{font-size:20px;margin-bottom:10px}body.presenting .term-pair p,body.presenting .probability-definitions p{font-size:17px;margin:10px 0;line-height:1.6}body.presenting .operation-purpose{padding:10px 14px;margin:14px 0;font-size:17px;line-height:1.6}body.presenting #route .carbon-flow{margin:16px 0}body.presenting #route .carbon-flow li strong{font-size:19px}body.presenting #probabilities .probability-definitions{margin:12px 0;gap:24px}body.presenting #probabilities .equation-block{margin:8px 0;padding:8px 10px}body.presenting #probabilities .math.display{font-size:20px}body.presenting #probabilities .event-definition{font-size:18px;margin:12px 0;padding:12px 14px}body.presenting #configuration-probability{margin:8px 0;padding:2px;font-size:20px}body.presenting #probabilities .operation-purpose{margin:10px 0;font-size:16px}body.presenting #sample-output .term-pair{margin:12px 0}body.presenting #sample-output .event-definition{margin:12px 0;padding:12px;font-size:18px}body.presenting #sample-output .equation-block{margin:12px 0;padding:10px}body.presenting #candidates .record-to-set{margin:14px 0;gap:18px}body.presenting #candidates .record-to-set h3{font-size:20px}body.presenting #candidates .record-to-set p{font-size:18px;line-height:1.6;margin:12px 0}body.presenting #candidates .equation-block{margin:12px 0;padding:10px}body.presenting #candidates .math.display{font-size:20px}body.presenting #candidates p{font-size:17px;line-height:1.65}body.presenting #candidates .key-note{font-size:15px;padding:8px 10px;margin:10px 0}body.presenting #crop .projection-definition{font-size:14px;line-height:1.5;margin:8px 0;padding:6px 10px}body.presenting #crop .projection-definition .katex{font-size:1.1em}body.presenting #crop .projection-definition small{font-size:13px}body.presenting #two .equation-block{margin:14px 0;padding:12px}body.presenting #two p{font-size:18px;margin:12px 0;line-height:1.65}body.presenting #two .lead{font-size:23px}body.presenting #two .operation-purpose{font-size:17px}body.presenting #coverage .coverage-cards>div{gap:8px;padding:12px}body.presenting #coverage .coverage-cards span{font-size:25px}body.presenting #coverage .coverage-cards small{font-size:14px}body.presenting #coverage .equation-block{margin:12px 0;padding:10px}body.presenting #coverage .operation-purpose{font-size:16px;margin:12px 0}body.presenting #quality .math.display{font-size:21px}body.presenting #recovery .equation-block{margin:12px 0;padding:10px}body.presenting #recovery .math.display{font-size:20px}body.presenting #recovery p{font-size:17px;line-height:1.6;margin:12px 0}body.presenting #recovery #orbital-occupancies{margin:16px 0}body.presenting #feedback .carbon-flow{margin:16px 0;gap:18px}body.presenting #feedback .carbon-flow li strong{font-size:18px}body.presenting #feedback p{font-size:17px;line-height:1.65}body.presenting #feedback .key-note{padding:10px;font-size:15px;line-height:1.6}}
@media(max-width:620px){.term-pair,.probability-definitions{grid-template-columns:1fr;gap:22px}.operation-purpose{padding:14px;font-size:17px}.term-pair p,.probability-definitions p{font-size:17px}.probability-definitions .math.display{font-size:20px}#probabilities .event-definition{font-size:17px}#sample-what .math.display{font-size:16px}#candidates .math.display{font-size:12.5px}#quality .math.display{font-size:15px}#recovery .math.display{font-size:12px}.projection-definition{display:block}.projection-definition .math{display:block;margin-bottom:8px}.projection-definition small{display:block;margin-top:8px}.coverage-cards small{font-size:15px}.coverage-lab .coverage-cards>div{flex-wrap:wrap}.coverage-lab .coverage-cards small{flex-basis:100%}}

@media(min-width:900px){body.presenting #configuration-probability{margin:4px 0}body.presenting #configuration-probability .katex-display{margin:.2em 0}body.presenting #crop .projection-definition{padding:4px 10px;row-gap:2px}body.presenting #coverage p{font-size:17px;line-height:1.6}body.presenting #coverage .experiment{padding:10px 14px;margin:12px 0}body.presenting #coverage .coverage-cards{margin:12px 0}body.presenting #coverage .coverage-cards>div{padding:10px 12px}body.presenting #coverage .equation-block{margin:10px 0;padding:10px}body.presenting #coverage .math.display{margin:0;padding:0;font-size:20px}body.presenting #coverage .katex-display{margin:0}body.presenting #coverage .operation-purpose{padding:8px 12px;margin:10px 0;font-size:16px}}

@media(min-width:900px){body.presenting #probabilities .event-definition{padding:10px 14px;margin:10px 0}body.presenting #probabilities .operation-purpose{padding:8px 14px}body.presenting #probabilities .probability-definitions p{margin:8px 0}body.presenting #coverage .experiment{margin:8px 0}body.presenting #coverage .equation-block{margin:8px 0}body.presenting #coverage .operation-purpose{margin:8px 0;padding:6px 12px}body.presenting #samples .key-note{margin:8px 0;padding:8px 10px;font-size:14px;line-height:1.6}}

@media(min-width:900px){body.presenting #coverage .operation-purpose{padding:5px 12px;margin:8px 0}body.presenting #probabilities .operation-purpose{padding:7px 14px}}
/* Optional chapters begin after the main lecture's conclusion. */
.appendix-nav-label{margin-top:28px;padding-top:18px;border-top:2px solid #0f62fe}
.lesson-section[data-optional="true"] .section-meta{color:#6929c4}


/* Minimal VQE introduction: two ideas per slide and aligned correspondences. */
.vqe-divider{padding:52px 0 40px;max-width:800px;margin:auto}
.vqe-divider-name{font-family:Plex,sans-serif;font-size:100px;font-weight:400;line-height:1.1;color:#0f62fe;letter-spacing:-3px}
.vqe-divider p{font-size:28px;margin:24px 0 44px}
.vqe-divider-visual{display:flex;align-items:center;gap:52px;color:#6929c4}
.vqe-divider-visual>div{width:160px;font-size:74px;text-align:center}
.vqe-divider-visual>span{font-size:50px;color:#0f62fe}
.vqe-divider-visual svg{display:block;width:150px;height:auto}
.mix-overview{display:grid;grid-template-columns:1.15fr 1fr;gap:52px;margin:40px 0 32px}
.mix-overview>figure{margin:0;min-width:0}
.mix-overview figcaption{font-size:22px;line-height:1.5;margin-bottom:24px;color:#0043ce;font-weight:500}
.mix-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mix-state{padding:16px 10px;display:flex;flex-direction:column;align-items:center;gap:12px;border-top:3px solid #0f62fe;background:#edf5ff;font-size:22px;line-height:1.6}
.mix-purple{border-color:#6929c4;background:#f6f2ff}
.mix-state .math:last-child{font-size:18px}
.mix-join{display:block;width:100%;height:64px}
.mix-result{padding:14px 12px;background:#f6f2ff;border-bottom:3px solid #6929c4;text-align:center;display:grid;gap:12px;color:#6929c4}
.mix-result>span{font-size:20px}.mix-result>.math{font-size:28px}
.mix-probabilities{padding-top:20px}
.mix-angle{text-align:center;font-size:38px;line-height:1.6;margin:4px 0 36px}
.mix-probability-bar{display:grid;grid-template-columns:3fr 1fr;height:68px;color:#fff;font-size:26px;font-weight:500}
.mix-probability-bar>span{display:grid;place-items:center;background:#0f62fe}.mix-probability-bar>span:last-child{background:#6929c4}
.mix-probability-labels{display:flex;justify-content:space-between;padding:16px 2px;font-size:24px;color:#0043ce}.mix-probability-labels>span:last-child{color:#6929c4}
#state-direction>.equation-block{background:#fff;border:0;padding:18px 0;margin:28px 0;font-size:28px}
#state-direction>.equation-block .math.display{font-size:28px;text-align:center}
#state-direction>.equation-block .katex-display,#state-direction>.equation-block .katex-display>.katex,.gate-bottom .katex-display,.gate-bottom .katex-display>.katex{text-align:center}
#state-direction>.equation-block .math.display{padding:0}
#state-direction>.equation-block .katex-display{margin:.25em 0}
.gate-correspondence{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);column-gap:20px;row-gap:24px;margin:38px 0 24px}
.gate-top{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:104px;gap:12px;font-size:30px;position:relative;min-width:0}
.gate-top>span:not(.math){font-size:19px;color:#0043ce}
.gate-operation-box{border:2px solid #0f62fe;background:#edf5ff;padding:12px 30px;position:relative;min-width:150px;line-height:1.6}
.gate-operation-box>span:not(.math){display:block;font-size:18px;white-space:nowrap}
.gate-register-wires{position:absolute;left:-8%;right:-8%;top:50%;height:50px;transform:translateY(-50%);background:repeating-linear-gradient(to bottom,#0f62fe 0,#0f62fe 2px,transparent 2px,transparent 16px)}
.gate-link{text-align:center;font-size:32px;color:#0f62fe;line-height:1}
.gate-bottom{min-width:0;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.gate-bottom figure{margin:0;position:relative;width:100%;max-width:250px}
.gate-bottom svg{display:block;width:100%;height:auto}
.gate-bottom>.equation-block{width:100%;background:#fff;border:0;margin:8px 0;padding:0}
.gate-bottom .math.display{font-size:23px;text-align:center}
.gate-matrix>span{font-size:22px;color:#0043ce;margin-bottom:22px}
.gate-matrix>.equation-block{margin:0}
.gate-matrix small{font-size:14px;color:#0043ce;margin-top:18px}
.gate-angle-label{position:absolute;left:38%;top:58%;font-size:18px;color:#6929c4}
.gate-caption{text-align:center;color:#0043ce;font-size:22px;margin:24px 0}
@media(min-width:900px){
 body.presenting #state-direction h2,body.presenting #gate-rotation h2{font-size:30px;line-height:1.4;margin-bottom:20px}
 body.presenting .mix-overview{margin:32px 0 24px;gap:40px}
 body.presenting .mix-overview figcaption{font-size:21px;margin-bottom:20px}
 body.presenting .mix-state{padding:14px 8px;gap:10px}
 body.presenting .mix-result{padding:14px 10px;gap:10px}
 body.presenting #state-direction>.equation-block{margin:20px 0;padding:14px 0}
 body.presenting .gate-correspondence{margin:28px 0 20px;row-gap:18px}
 body.presenting .gate-top{min-height:98px}
 body.presenting .gate-bottom{min-height:262px}
 body.presenting .gate-bottom figure{max-width:220px}
 body.presenting .gate-bottom .equation-block{margin:8px 0;padding:0}
 body.presenting .gate-matrix .equation-block{margin:0}
 body.presenting .gate-caption{margin:20px 0;font-size:21px}
}
@media(max-width:620px){
 .vqe-divider{padding:48px 0 32px}.vqe-divider-name{font-size:76px}.vqe-divider p{font-size:21px;line-height:1.6}
 .vqe-divider-visual{gap:18px}.vqe-divider-visual>div{width:100px;font-size:58px}.vqe-divider-visual>span{font-size:32px}.vqe-divider-visual svg{width:100px}
 .mix-overview{grid-template-columns:1fr;gap:36px;margin:28px 0}.mix-overview figcaption{font-size:20px;margin-bottom:18px}
 .mix-state{font-size:22px}.mix-state .math:last-child{font-size:16px}.mix-result>.math{font-size:25px}
 .mix-probabilities{padding:0}.mix-angle{font-size:32px;margin:0 0 24px}.mix-probability-bar{height:64px;font-size:23px}.mix-probability-labels{font-size:22px}
 #state-direction>.equation-block .math.display{font-size:14px}
 .gate-correspondence{column-gap:8px;row-gap:18px;margin:30px 0 20px;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr)}
 .gate-top{font-size:17px;min-height:90px;gap:10px}.gate-top>span:not(.math){font-size:12px}
 .gate-operation-box{min-width:0;padding:10px 12px;font-size:22px}.gate-operation-box>span:not(.math){font-size:12px}
 .gate-link{font-size:24px}.gate-register-wires{left:-4%;right:-4%}
 .gate-bottom{min-height:190px}.gate-bottom figure{max-width:100px}
 .gate-bottom .math.display{font-size:13px}.gate-matrix .math.display{font-size:12px}
 .gate-matrix>span{font-size:15px;margin-bottom:14px}.gate-matrix small{font-size:11px;line-height:1.5;margin-top:14px}
 .gate-angle-label{font-size:10px}.gate-caption{font-size:17px;line-height:1.6;margin:24px 0}
}


/* Sampling story: one shared example, explicit roles, and linked outputs. */
:is(#sqd-intro,#route,#sample-what,#probabilities,#sample-how,#samples,#sample-output,#candidates,#crop,#two,#sqd-summary) .journey{display:none}
.sqd-divider{max-width:880px;margin:36px auto}.sqd-divider-name{font-size:80px;color:#0f62fe;font-weight:400;line-height:1.1;letter-spacing:-2px}
.sqd-divider>p{font-size:27px;margin:24px 0 38px}.sqd-divider>small{display:block;font-size:15px;color:#0043ce;margin-top:28px}
.sqd-approach-row{display:grid;grid-template-columns:85px 145px 28px 1fr;gap:20px;align-items:center;font-size:21px;min-height:80px;border-top:2px solid #d0e2ff}.sqd-approach-row strong{font-weight:500;color:#0043ce}.sqd-approach-row b{font-size:30px;color:#0f62fe}.sqd-approach-row:nth-last-child(2){border-color:#6929c4}.sqd-approach-row:nth-last-child(2) strong{color:#6929c4}
.sqd-step-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0}.sqd-step-flow>div{position:relative;min-width:0;border-top:3px solid #0f62fe;padding:14px 0}.sqd-step-flow>div:not(:last-child):after{content:'→';position:absolute;right:-23px;top:45px;font-size:24px;color:#0f62fe}.sqd-step-flow>div>span{display:block;font-size:15px;color:#0043ce;margin-bottom:10px}.sqd-step-flow strong{display:block;font-size:21px;font-weight:500;line-height:1.5}.sqd-step-flow p{font-size:17px;line-height:1.6;margin:12px 0 0}
.story-arrow{font-size:34px;color:#0f62fe;display:block;text-align:center}
.sqd-role-example{display:grid;grid-template-columns:1fr 150px 1fr;gap:20px;align-items:center;margin:24px 0}.sqd-role-example>div:first-child,.sqd-role-example>div:last-child{border-left:3px solid #0f62fe;background:#edf5ff;padding:16px;min-width:0}.sqd-role-example>div:last-child{border-color:#6929c4;background:#f6f2ff}.sqd-role-example>div>span{font-size:16px}.sqd-role-example .equation-block{padding:0;background:transparent;margin:12px 0}.sqd-role-example .math.display{font-size:16px}.sqd-role-example strong{display:block;font-size:27px;color:#0043ce;font-weight:500}.sqd-role-example>div:last-child strong{color:#6929c4}.sqd-member-transfer{text-align:center}.sqd-bit-pair{display:flex;justify-content:center;gap:8px;margin:14px 0}.sqd-bit-pair b{padding:7px;border:1px solid #0f62fe;color:#0043ce;font-family:Plex,monospace;font-size:18px;font-weight:500}
.sqd-takeaway{font-size:19px;color:#0043ce;line-height:1.7;margin:24px 0}.sqd-key-pair{display:flex;flex-wrap:wrap;gap:12px 28px;margin:22px 0;font-size:17px;color:#0043ce;line-height:1.6}.sqd-key-pair>span{border-left:3px solid #0f62fe;padding-left:14px}.sqd-key-pair>span:last-child{border-color:#6929c4}
.sqd-draw-flow{display:grid;grid-template-columns:1fr 30px 1.4fr 30px 1fr;gap:18px;align-items:center;margin:42px 0}.sqd-draw-state{text-align:center}.sqd-draw-state .equation-block{padding:12px;background:#edf5ff;margin:0 0 16px}.sqd-draw-state .math.display{font-size:32px}.sqd-draw-state .katex-display,.sqd-draw-state .katex-display>.katex{text-align:center}.sqd-draw-state>span{font-size:17px;color:#0043ce}.sqd-shot-box{display:flex;flex-direction:column;align-items:center;padding:24px 18px;border:2px solid #0f62fe;gap:14px;background:#edf5ff;text-align:center}.sqd-shot-box strong{font-size:30px;color:#0043ce;font-weight:500}.sqd-shot-box>span{font-size:17px;line-height:1.7}.sqd-ticket-stack{display:grid;gap:8px}.sqd-ticket-stack>span{background:#f6f2ff;border-left:3px solid #6929c4;font-size:24px;letter-spacing:3px;padding:10px 18px}.sqd-ticket-stack small{font-size:15px;line-height:1.6;margin-top:8px;color:#0043ce}
.sqd-born-columns{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:24px 0}.sqd-diagram-label{display:block;color:#0043ce;font-size:18px;margin-bottom:12px}.sqd-born-columns>div{border-top:3px solid #0f62fe;padding-top:14px;min-width:0}.sqd-born-columns>div:last-child{border-color:#6929c4}.sqd-born-columns .equation-block{margin:12px 0;padding:0;background:#fff}.sqd-born-columns .math.display{font-size:21px}.sqd-amplitude-row{display:grid;grid-template-columns:70px 1fr 30px 90px;gap:12px;align-items:center;margin:16px 0;font-size:25px}.sqd-amplitude-row>span:first-child{font-size:18px;color:#0043ce}.sqd-amplitude-row b{font-weight:400;color:#0f62fe}.sqd-amplitude-row strong{font-weight:500;color:#0043ce}.sqd-sign-merge{text-align:center}.sqd-sign-merge>div{display:flex;justify-content:center;gap:44px;font-size:32px;margin:34px 0 10px}.sqd-sign-merge>strong{font-size:30px;font-weight:500;color:#6929c4}.sqd-current-probability{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:18px 0}.sqd-current-probability>span{font-size:15px;color:#0043ce}#probabilities .sqd-current-probability .math.display{font-size:18px;padding:0;margin:0}
.sqd-collapse{display:grid;grid-template-columns:1fr 140px 1fr;gap:30px;align-items:center;max-width:760px;margin:20px auto 26px}.sqd-collapse figure{margin:0;min-width:0}.sqd-collapse svg{width:100%;height:auto;max-height:165px;display:block}.sqd-collapse figcaption{text-align:center;font-size:24px;color:#0043ce}.sqd-collapse figcaption small{display:block;font-size:14px;margin-top:10px}.sqd-collapse>div{text-align:center;display:grid;gap:14px}.sqd-collapse strong{font-size:24px;font-weight:500}.sqd-collapse>div>span:last-child{font-size:15px;color:#0043ce}.sqd-prepare-again{color:#6929c4;border-bottom:2px solid #6929c4;padding:0 0 12px;text-align:center;font-size:20px}.sqd-prepare-again>span{font-size:30px;vertical-align:middle}
.sqd-observed-row{display:flex;align-items:center;gap:20px;margin:14px 0;color:#0043ce;font-size:17px;flex-wrap:wrap}.sqd-observed-row>div{display:flex;gap:10px;flex-wrap:wrap}.sqd-observed-row>div>span{padding:6px 12px;border:1px solid #6929c4;background:#f6f2ff;color:#6929c4;font-family:Plex,monospace}.sqd-small-caption{font-size:14px!important;color:#0043ce;line-height:1.6;margin:14px 0}
.sqd-frequency-example{border-left:3px solid #0f62fe;padding:16px 22px;background:#edf5ff;margin:26px 0}.sqd-frequency-example>span{font-size:18px;color:#0043ce}.sqd-frequency-example p{font-size:16px;margin:8px 0}.sqd-frequency-example .math.display{font-size:26px}.sqd-frequency-use{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:28px 0}.sqd-frequency-use>div{border-top:3px solid #0f62fe;padding-top:14px;min-width:0}.sqd-frequency-use>div:first-child{border-color:#6929c4}.sqd-use-symbol{font-size:38px;display:block;color:#0f62fe;line-height:1.3;margin-bottom:10px}.sqd-frequency-use>div:first-child .sqd-use-symbol{color:#6929c4}.sqd-frequency-use strong{font-size:20px;font-weight:500;line-height:1.6;display:block}.sqd-frequency-use .equation-block{margin:14px 0;padding:0;background:#fff}.sqd-frequency-use .math.display{font-size:21px}
.sqd-selection-diagram{display:grid;grid-template-columns:1fr 115px 1.25fr;gap:20px;align-items:center;margin:30px 0}.sqd-selection-diagram>div{min-width:0}.sqd-unique{text-align:center;font-size:18px;color:#0043ce}.sqd-unique strong{font-weight:500}.sqd-selection-diagram #sample-record-sequence{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:20px;margin:16px 0}.sqd-selection-diagram #sample-record-sequence>span{padding:6px 10px;background:#edf5ff;color:#0043ce;font-family:Plex,monospace}#candidate-record-counts{display:grid;gap:8px;font-size:17px;color:#0043ce}#candidate-set{font-size:25px;margin:14px 0;color:#6929c4}.sqd-selection-diagram figure{margin:14px 0 0}.sqd-selection-diagram svg{width:100%;height:auto;max-height:184px;display:block}.sqd-selection-diagram figcaption{font-size:16px;color:#0043ce}.story-svg-label{font-size:21px;line-height:1.6;padding:1px 2px;white-space:nowrap}#candidate-space{font-size:22px}
.sqd-projection-pair{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);gap:20px;align-items:center;margin:10px 0}.sqd-projection-pair>div{min-width:0}.sqd-projection-pair .story-arrow{font-size:30px}#full-matrix th.basis-selected,#full-matrix td.selected{background:#f6f2ff;color:#6929c4;font-weight:500}#full-matrix td:not(.selected){background:#fff}#subset-matrix td.selected{background:#f6f2ff;color:#6929c4}#crop>.equation-block{padding:0;margin:16px 0;background:#fff}#crop>.equation-block .math.display{font-size:23px}
.sqd-solve-flow{display:grid;grid-template-columns:1fr 30px 1fr;gap:24px;align-items:center;margin:26px 0}.sqd-solve-flow>div{min-width:0}.sqd-solve-flow>div>span{font-size:18px;color:#0043ce;display:block;margin-bottom:12px}.sqd-solve-flow .equation-block{padding:10px;margin:0;background:#edf5ff}.sqd-solve-flow .math.display{font-size:22px}#solve-matrix{font-size:19px;padding:8px 0}.sqd-solve-output{background:#f6f2ff;border-left:3px solid #6929c4;padding:18px 22px;margin:26px 0}.sqd-solve-output>span{font-size:18px;color:#6929c4}.sqd-solve-output .math.display{font-size:25px;margin:8px 0;padding:4px 0}
.sqd-summary-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center;margin:24px 0}.sqd-summary-grid>figure{margin:0;min-width:0}.sqd-summary-grid svg{display:block;width:100%;height:auto;max-height:310px}.sqd-summary-grid figcaption{font-size:14px;color:#0043ce;margin-top:8px}.sqd-state-comparison{display:grid;gap:18px}.sqd-state-comparison>div{border-left:3px solid #0f62fe;padding:12px 16px;background:#edf5ff;min-width:0}.sqd-state-comparison>div:last-child{border-color:#6929c4;background:#f6f2ff}.sqd-state-comparison>div>span{font-size:16px;color:#0043ce}.sqd-state-comparison .equation-block{background:transparent;padding:0;margin:8px 0}.sqd-state-comparison .math.display{font-size:21px}.sqd-state-comparison strong{font-size:24px;font-weight:500;color:#0043ce;display:block}.sqd-state-comparison>div:last-child strong{color:#6929c4}.sqd-summary-methods{display:grid;gap:12px;margin:22px 0}.sqd-summary-methods>div{display:grid;grid-template-columns:75px 1fr;gap:18px;align-items:center;font-size:19px}.sqd-summary-methods strong{font-weight:500;color:#0043ce}.sqd-summary-methods>div:last-child strong{color:#6929c4}
@media(min-width:900px){
 body.presenting :is(#sqd-intro,#route,#sample-what,#probabilities,#sample-how,#samples,#sample-output,#candidates,#crop,#two,#sqd-summary) h2{font-size:30px;line-height:1.4;margin-bottom:20px}
 body.presenting .sqd-step-flow{margin:20px 0;gap:28px}body.presenting .sqd-step-flow>div{padding:12px 0}body.presenting .sqd-step-flow strong{font-size:20px}body.presenting .sqd-step-flow p{font-size:16px;margin:10px 0 0}
 body.presenting .sqd-role-example{margin:20px 0}body.presenting .sqd-role-example .equation-block{margin:8px 0;padding:0}body.presenting .sqd-role-example .math.display{font-size:16px}
 body.presenting .sqd-takeaway{font-size:17px;line-height:1.65;margin:18px 0}body.presenting .sqd-key-pair{font-size:16px;margin:18px 0;gap:8px 24px}
 body.presenting .sqd-draw-flow{margin:34px 0}body.presenting .sqd-born-columns{margin:18px 0;gap:32px}body.presenting #probabilities .sqd-born-columns .equation-block{margin:8px 0;padding:0}body.presenting .sqd-sign-merge>div{margin:26px 0 8px}
 body.presenting #probabilities>.equation-block{margin:14px 0;padding:8px 14px}body.presenting #probabilities>.equation-block .math.display{font-size:26px}body.presenting .sqd-current-probability{margin:12px 0}
 body.presenting .sqd-collapse{margin:16px auto 20px}body.presenting .sqd-collapse svg{max-height:144px}body.presenting #sample-how .sqd-step-flow{margin:18px 0 8px}body.presenting .sqd-prepare-again{font-size:18px;padding-bottom:8px}
 body.presenting #samples .sqd-observed-row{margin:10px 0;font-size:16px}body.presenting #samples .sqd-small-caption{margin:8px 0}
 body.presenting .sqd-frequency-example{margin:20px 0;padding:12px 18px}body.presenting .sqd-frequency-use{margin:22px 0}body.presenting .sqd-frequency-use strong{font-size:19px}body.presenting .sqd-frequency-use .equation-block{padding:0;margin:12px 0}
 body.presenting .sqd-selection-diagram{margin:22px 0}body.presenting #candidate-space{font-size:21px}body.presenting .sqd-projection-pair{margin:10px 0;gap:16px}body.presenting #crop>.equation-block{margin:14px 0;padding:0}
 body.presenting .sqd-solve-flow{margin:22px 0}body.presenting #two .sqd-solve-flow .equation-block{margin:0;padding:8px 12px}body.presenting #two .sqd-solve-flow .math.display{font-size:22px}body.presenting .sqd-solve-output{margin:20px 0;padding:14px 18px}body.presenting #two .sqd-solve-output .math.display{font-size:24px;margin:8px 0;padding:2px 0}
 body.presenting .sqd-summary-grid{margin:18px 0}body.presenting .sqd-summary-grid svg{max-height:280px}body.presenting .sqd-state-comparison{gap:12px}body.presenting .sqd-state-comparison>div{padding:10px 14px}body.presenting .sqd-state-comparison .equation-block{margin:4px 0;padding:0}body.presenting .sqd-state-comparison .math.display{font-size:20px}body.presenting .sqd-summary-methods{margin:18px 0;font-size:18px}
}
@media(max-width:620px){
 .sqd-divider-name{font-size:68px}.sqd-divider>p{font-size:22px;line-height:1.6}.sqd-approach-row{grid-template-columns:54px 90px 24px 1fr;gap:8px;font-size:15px;line-height:1.6;min-height:110px}.sqd-divider>small{font-size:13px}
 .sqd-step-flow,.sqd-role-example,.sqd-born-columns,.sqd-frequency-use,.sqd-summary-grid{grid-template-columns:1fr;gap:22px}.sqd-step-flow>div:not(:last-child):after{display:none}.sqd-step-flow strong{font-size:19px}.sqd-step-flow p{font-size:16px}.sqd-role-example .math.display{font-size:14px}.sqd-takeaway{font-size:17px}.sqd-key-pair{font-size:15px;gap:14px}
 .sqd-draw-flow{grid-template-columns:1fr;gap:16px;margin:28px 0}.sqd-draw-flow>.story-arrow{transform:rotate(90deg)}.sqd-ticket-stack{grid-template-columns:repeat(3,1fr)}.sqd-ticket-stack>span{font-size:18px;letter-spacing:1px;padding:12px 8px}.sqd-ticket-stack small{grid-column:1/-1;text-align:center}
 #sample-what>.equation-block{padding:12px 2px}#sample-what .math.display{font-size:14px}.sqd-amplitude-row{font-size:23px}.sqd-born-columns .math.display{font-size:18px}.sqd-sign-merge>div{margin:22px 0 8px}.sqd-current-probability{display:block}#probabilities .sqd-current-probability .math.display{font-size:12px}#probabilities>.equation-block .math.display{font-size:22px}
 .sqd-collapse{grid-template-columns:1fr 70px 1fr;gap:8px}.sqd-collapse figcaption{font-size:17px}.sqd-collapse figcaption small{font-size:11px}.sqd-collapse strong{font-size:18px}.sqd-collapse>div>span:last-child{font-size:12px}.sqd-prepare-again{font-size:17px}
 .sqd-frequency-example{padding:14px 10px}.sqd-frequency-example .math.display{font-size:17px}.sqd-frequency-use .math.display{font-size:17px}.sqd-frequency-use strong{font-size:18px}
 .sqd-selection-diagram{grid-template-columns:1fr;gap:20px}.sqd-unique .story-arrow{transform:rotate(90deg)}#candidate-space{font-size:12px}.sqd-selection-diagram figcaption{font-size:14px}#candidate-set{font-size:23px}
 .sqd-projection-pair{grid-template-columns:1fr;gap:14px}.sqd-projection-pair>.story-arrow{transform:rotate(90deg)}#crop>.equation-block .math.display{font-size:17px}.sqd-solve-flow{grid-template-columns:1fr;gap:16px}.sqd-solve-flow>.story-arrow{transform:rotate(90deg)}#solve-matrix{font-size:15px}.sqd-solve-output{padding:14px 10px}.sqd-solve-output>.math.display{font-size:14px}.sqd-solve-output>span{font-size:15px}
 .sqd-summary-methods>div{grid-template-columns:54px 1fr;gap:12px;font-size:16px;line-height:1.7}.sqd-summary-grid svg{max-height:280px}.sqd-state-comparison .math.display{font-size:20px}
}
@media(min-width:900px){
 body.presenting .sqd-born-columns .math.display{padding:2px 0}
 body.presenting .sqd-born-columns{margin:14px 0}
 body.presenting #crop>.equation-block .math.display{padding:2px 0}
 body.presenting #crop>.equation-block .katex-display{margin:.2em 0}
 body.presenting .sqd-projection-pair{margin:6px 0}
 body.presenting .sqd-state-comparison .math.display{padding:2px 0}
 body.presenting .sqd-state-comparison .katex-display{margin:.2em 0}
 body.presenting #two #solve-matrix[data-dimension="4"]{font-size:17px}
}
#candidate-record-counts{grid-template-columns:1fr 1fr;gap:8px 12px;font-size:15px}
@media(max-width:620px){#two #solve-matrix[data-dimension="4"]{font-size:12px}}