/* Give the experiment the first screen, then a clear reading rhythm. */
html.method-snap{scroll-snap-type:y mandatory;scroll-padding-block:26px 0}
.method-focus .foot{scroll-snap-align:end}
.method-focus .shell{padding-top:20px;padding-inline-end:80px}
.method-focus .site-top{padding-bottom:13px}
.method-focus .site-header{margin-bottom:18px}
.method-focus #nav>a,.method-focus .nav-toggle{padding-top:12px;padding-bottom:12px}
.method-focus #app{animation:none}
.method-breadcrumb{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--mut);margin-bottom:10px;line-height:1.6}
.method-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}
.method-heading-compact{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 18px}
.method-heading-compact h1{font-size:clamp(25px,2.5vw,36px);line-height:1.15;letter-spacing:-.035em;margin:0;max-width:920px;font-weight:500}
.method-context{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--mut);flex-shrink:0}
.method-context .dot{margin:0}
.method-chapter{scroll-margin-top:0;scroll-snap-align:start;scroll-snap-stop:always;padding:48px 0 64px;min-height:calc(100svh - 26px);border-top:1px solid var(--line);position:relative}
.method-chapter.method-first{scroll-margin-top:var(--story-start,0px)}
/* Tall chapters scroll with the document; native snap still marks boundaries. */
.method-chapter:not(.method-first){height:auto}
.chapter-section-head{flex:none}
.method-story details[open]{max-height:none;overflow:visible}
.method-story details:focus-visible{outline:1px solid var(--mut);outline-offset:4px}
.variant-story .method-first{border:0;padding-top:12px;min-height:calc(100svh - 180px)}
.variant-story .page-head{margin-bottom:24px}
.variant-story .page-head h1{font-size:clamp(30px,4vw,52px);max-width:900px}
.variant-story .page-head .lede{max-width:70ch}
.variant-story .semantic-description{max-width:85ch}
.variant-story .variant-explore{display:inline-flex;margin-top:18px}
.method-story .story-fade{opacity:var(--story-opacity,1)}
.chapter-section-head{display:flex;align-items:baseline;gap:20px;margin-bottom:28px}
.chapter-section-head>span{font:12px ui-monospace,monospace;color:var(--mut2)}
.chapter-section-head h2{font-size:clamp(25px,3vw,36px);font-weight:450;letter-spacing:-.035em;line-height:1.2;margin:0}
.method-summary{font-size:17px;line-height:1.7;color:var(--mut);max-width:78ch;margin:0 0 22px}
.method-story .method-layout{margin-top:32px;grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr);gap:60px}
.method-story .steps{margin-top:0}
.method-story .steps li{font-size:15px;padding:20px 0;line-height:1.8}
.method-story .method-aside p{font-size:14px;line-height:1.8}
.method-story .method-aside details .pills{margin-top:16px}
.method-story .theory-entry{margin:14px 0 22px}
.method-story #variants .detail-section{margin:0;padding:0;border:0}
.method-story #variants .family-context h2{display:none}
.method-story #variants .family-context{border:0;justify-content:flex-start;margin:0 0 20px;padding:0}
.method-story #variants .method-card{padding:20px}
.method-story #variants .method-card h3{font-size:21px}
.method-story .assessment{margin-top:35px}
.method-story .research-card{border-radius:7px;padding:26px}
.method-story .research-card h3{font-size:18px;line-height:1.5}
.method-story #references .refs,.method-story #references details{max-width:980px}
.method-connections{margin-top:30px}
.method-connections h3{font-size:15px}
.method-story .method-laboratory{border:0;margin:0;padding:0 0 42px;min-height:0}
.method-story .demo.qlab{margin:0;border-radius:10px;box-shadow:none}
.method-story .qlab-top{padding:16px 20px 0;align-items:center}
.method-story .qlab-title{font-size:17px;letter-spacing:-.015em}
.method-story .qlab-kicker,.method-story .qlab-desc{display:none}
.method-story .qlab-stage{margin-top:14px}
.method-story .qlab-paired{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.method-story .qlab-paired canvas{height:clamp(280px,calc(100svh - 380px),510px)}
.method-story .qlab-panel-label{padding:10px 14px;min-height:34px}
.method-story .qlab-scene-caption{min-height:38px}
.method-story .qlab-transport{padding:0}
.method-story .qlab-metrics{padding:14px 20px;gap:12px}
.method-story .qlab-metric-value{font-size:15px}
.method-story .qlab-note{display:none}
.method-story .qlab-details .qlab-mobile-intro{display:block}
.method-story details.qlab-settings{border-top:1px solid var(--line)}
.method-story .qlab-settings>summary{display:flex;padding:13px 20px;min-height:44px;font-size:12px;color:var(--mut)}
.method-story .qlab-controls{padding:12px 20px 22px}
.method-next{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;font-size:12px;color:var(--mut)}
.method-next:hover{color:var(--ink)}
.method-rail{position:fixed;inset-inline-end:max(14px,calc((100vw - 1420px)/2));top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:10px;direction:inherit}
.method-rail a{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:40px;width:46px;color:var(--mut2)}
.rail-mark{width:16px;height:2px;background:var(--line);transition:width .18s ease,background .18s ease}
.rail-number{direction:ltr;font:9px ui-monospace,monospace;width:15px}
.method-rail a[aria-current] .rail-mark{background:var(--ink);width:28px}
.method-rail a[aria-current]{color:var(--ink)}
.rail-label{position:absolute;right:58px;white-space:nowrap;font-size:11px;line-height:1.3;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:9px 12px;opacity:0;transform:translateX(4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.method-rail a:hover .rail-label,.method-rail a:focus-visible .rail-label{opacity:1;transform:none}
[dir=rtl] .rail-label{right:auto;left:58px}
@media(max-width:1100px){.method-story .method-layout{gap:30px}.method-focus .shell{padding-inline-end:65px}.method-rail{inset-inline-end:8px}}
@media(max-width:850px){
 .method-focus .shell{padding-top:16px;padding-inline-end:42px;padding-inline-start:18px}
 .method-focus .site-header{margin-bottom:14px}
 .method-heading-compact{gap:10px;margin-bottom:15px}
 .method-heading-compact h1{font-size:28px}
 .method-context{font-size:10px}
 .method-breadcrumb{font-size:10px}
 .method-story .qlab-player{height:clamp(360px,calc(100svh - 278px),560px)}
 .method-story .qlab-top{padding:13px 12px 10px}
 .method-story .qlab-title{font-size:16px}
 .method-story .qlab-stage{margin-top:0;display:flex}
 .method-story .qlab-badge{display:none}
 .method-story .qlab-metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 14px}
 .method-story .qlab-metric-value{font-size:14px}
 .method-rail{inset-inline-end:4px;gap:5px}
 .method-rail a{width:28px;min-height:44px;gap:0;justify-content:center}
 .rail-number{display:none}.rail-mark{width:10px}.method-rail a[aria-current] .rail-mark{width:22px}
 .rail-label{right:34px;max-width:220px;white-space:normal}.method-rail a:hover:not(:focus-visible) .rail-label{opacity:0}
 [dir=rtl] .rail-label{right:auto;left:34px}
 .method-chapter{padding:35px 0 48px}
 .chapter-section-head{gap:12px;margin-bottom:23px}
 .method-story .method-layout{grid-template-columns:1fr;gap:25px;margin-top:25px}
 .method-story .method-aside{border-inline-start:0;border-top:1px solid var(--line);padding:24px 0 0}
 .method-summary{font-size:15px}
 .method-story .steps li{font-size:14px;padding:16px 0}
 .method-story .research-grid,.method-story .method-grid{grid-template-columns:1fr}
 .method-story .research-card{padding:20px}
 .method-story #variants .method-card h3{font-size:20px}
}
@media(max-height:500px){.method-story .qlab-player{height:calc(100svh - 30px);min-height:260px}.method-rail{gap:0}.method-rail a{min-height:34px}}
@media(prefers-reduced-motion:reduce){.method-story .story-fade{opacity:1}.rail-mark,.rail-label{transition:none}}
@media print{html.method-snap{scroll-snap-type:none}.method-story .story-fade{opacity:1}.method-rail{display:none}.method-chapter,.method-chapter:not(.method-first){height:auto;min-height:0;display:block}}

/* Native method reading flow: one column, document scrolling, one bibliography. */
.method-derivation{max-width:940px;min-width:0;padding:0 4px 24px}
.method-explanation{font-size:15px;line-height:1.7;color:var(--mut);max-width:82ch;margin:4px 0 18px}
.method-reading-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.method-notes{flex:1;min-width:0;border:0;padding:0;margin:0}
.method-reading-tools .method-notes>summary{font-size:12px;color:var(--mut);padding:5px 0;min-height:0;width:fit-content;gap:8px}
.method-notes-body{padding:10px 0 12px;max-width:76ch;font-size:13px;line-height:1.7;color:var(--mut)}
.method-notes-body p{margin-top:0}.method-notes-body ul{padding-inline-start:18px;margin:18px 0 0}.method-notes-body li+li{margin-top:8px}
.method-equation-key{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;line-height:1.7;padding-top:5px;flex:none}
.method-derivation-steps{margin:0;padding:0;list-style:none}
.method-step{min-width:0;padding:20px 0 25px;scroll-margin-top:12px}
.method-step+.method-step{border-top:1px solid var(--line)}
.method-step>header{display:flex;align-items:center;gap:12px}
.method-step h3{font-size:18px;line-height:1.4;font-weight:550;letter-spacing:-.015em;margin:0;flex:1}
.method-step-number{font-size:11px;font-variant-numeric:tabular-nums;color:var(--mut);width:16px;flex:none}
.method-step-ask{color:var(--mut);display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;opacity:.7}
.method-step-ask:hover,.method-step-ask:focus-visible{opacity:1;color:var(--ink);background:var(--soft)}.method-step-ask svg{width:17px;height:17px}
.method-equation{overflow-x:auto;overflow-y:hidden;padding:17px 4px;margin:6px 0 8px;scrollbar-width:thin;min-width:0;font-size:110%}
.method-equation mjx-container[display=true]{margin:.4em 0!important;text-align:left!important;min-width:max-content}
.method-equation:focus-visible{outline:1px solid var(--mut);outline-offset:2px}
.method-step>p,.method-limit>p{font-size:14px;line-height:1.8;margin:0;max-width:84ch;color:var(--mut)}
.method-step .citation,.method-limit .citation{color:var(--ink)}
.method-symbols{display:grid;grid-template-columns:minmax(90px,150px) minmax(0,1fr);gap:10px 18px;margin:16px 0}
.method-symbols dt{overflow-x:auto;overflow-y:hidden;min-width:0;padding-block:4px}.method-symbols dd{margin:0;min-width:0}
.method-limits{margin-top:20px;padding-top:24px;border-top:1px solid var(--line)}
.method-limits>h3{font-size:23px;font-weight:500;letter-spacing:-.025em;margin:0 0 22px}
.method-limit{padding:22px 24px;margin:0 0 26px;border-radius:10px;background:color-mix(in srgb,#b34d49 3%,var(--bg));box-shadow:0 0 22px -9px #b34d4945;min-width:0}
.method-limit h4{margin:0;font-size:17px;line-height:1.5;font-weight:550}.method-limit .method-equation{padding-inline:0}
[data-theme=dark] .method-limit{background:color-mix(in srgb,#de8a82 4%,var(--bg));box-shadow:0 0 24px -9px #de8a823d}
.method-derivation .method-limit-symbols{margin:14px 0 0;border:0;padding:0;font-size:12px;color:var(--mut);line-height:1.7}
.method-derivation .method-limit-symbols>summary{width:fit-content;font-size:12px;padding:4px 0;min-height:0;gap:8px}
.method-story .method-derivation details[open]{max-height:none;overflow:visible}
.method-story .method-derivation details>summary{position:static;background:transparent}
.method-bibliography{max-width:980px}
.method-bibliography .refs{margin-top:0}
@media(max-width:760px){
 .method-derivation{padding-inline:0}.method-explanation{font-size:14px;margin-bottom:12px}
 .method-reading-tools{display:block;margin-bottom:3px}.method-equation-key{gap:14px;margin-top:6px}
 .method-step{padding:17px 0 22px}.method-step h3{font-size:16px}.method-step>header{gap:8px}.method-step-number{width:12px}
 .method-equation{font-size:100%;padding:12px 1px}.method-step>p,.method-limit>p{font-size:13px;line-height:1.75}
 .method-symbols{grid-template-columns:90px minmax(0,1fr);gap:10px 12px;font-size:12px}
 .method-limit{padding:18px 14px;margin-inline:2px}.method-limit h4{font-size:16px}
}
.method-example-picker{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--mut);margin:0 0 12px}
.method-example-picker select{min-width:0;max-width:100%;font:inherit;padding:7px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px}
.variant-detail{max-width:1100px;margin:auto}
.variant-detail>section{margin-block:32px}
.variant-change h2,.variant-detail>#mechanism>h2{font-size:24px}
.variant-change p{max-width:80ch}
.docs-method{border-top:1px solid var(--line);padding-block:8px}
.docs-method .docs-variant{padding-inline-start:22px}
@media(max-width:760px){.method-example-picker{align-items:flex-start;flex-direction:column;gap:5px}.method-example-picker select{width:100%}}

.semantic-card.variant.approach-c{border-left-color:var(--classical)}
.semantic-card.variant.approach-q{border-left-color:var(--quantum)}