:root{color-scheme:dark;--bg:#081b24;--panel:#102a34;--ink:#edf6f4;--muted:#b2cbd0;--mint:#a6ecdf;--gold:#f6c98f;--line:#345761}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:1rem/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select{font:inherit}a{color:var(--mint);text-underline-offset:4px}button,.button,select{border:1px solid #50747c;border-radius:7px;background:#173640;color:var(--ink);padding:9px 13px;min-height:44px}button{cursor:pointer}button:hover{background:#254b52}button:disabled{opacity:.45;cursor:default}button.primary,.button.primary{background:var(--mint);color:#0a272a;font-weight:650}.button{display:inline-block;text-decoration:none}.subtle{background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-100px;left:20px;z-index:5;padding:12px;background:var(--mint);color:var(--bg)}.skip:focus{top:10px}.top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:12px max(20px,calc((100% - 1400px)/2))}.brand{display:flex;align-items:center;gap:9px;font-size:1.2rem;font-weight:700;color:var(--ink);text-decoration:none}.top nav{display:flex;gap:24px;flex-wrap:wrap;font-size:.875rem}.top nav a{padding:6px 0}main{max-width:1440px;margin:auto;padding:28px 20px}.opening{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:26px}.opening>p{max-width:480px;margin:0;color:var(--muted)}.eyebrow{color:var(--mint);font-size:.75rem;letter-spacing:.12em;font-weight:650;margin:0 0 7px}h1{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.05;letter-spacing:-.035em;margin:0;font-weight:500}h1 em{font-family:Georgia,serif;color:var(--mint);font-weight:400}h2,h3,p{overflow-wrap:break-word}.chapters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.chapters button{text-align:left;background:#102a34;border-color:transparent;border-bottom:3px solid #345761;border-radius:5px 5px 0 0;font-size:.875rem;padding:9px 12px}.chapters button span{display:block;color:var(--muted);font-size:.75rem;letter-spacing:.08em}.chapters button[aria-current=step]{border-bottom-color:var(--mint);background:#214640}.chapter-heading{display:flex;align-items:center;gap:28px;justify-content:space-between;padding:19px 0}.chapter-heading h2{font-size:1.45rem;line-height:1.25;font-weight:600;margin:0}.chapter-heading>p{max-width:570px;color:var(--muted);font-size:.9375rem;margin:0}.workspace{display:grid;grid-template-columns:minmax(220px,.82fr) minmax(310px,1.1fr) minmax(320px,1fr);gap:18px;align-items:start}.workspace>*{min-width:0}.column-panel,.view-panel{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0b222b}.column-panel summary{padding:12px 15px;cursor:pointer;font-weight:600;border-bottom:1px solid var(--line)}.column-panel summary span{display:block;color:var(--muted);font-weight:400;font-size:.75rem;margin-left:17px}.column-tools{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px}.column-tools button{font-size:.8125rem;padding:5px 9px;min-height:38px}.column-tools span{font-size:.75rem;color:var(--muted)}#column{width:100%;max-height:590px;display:block}.diagram-note{font-size:.75rem;color:var(--muted);margin:0;padding:9px 14px;border-top:1px solid var(--line)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:9px;border-bottom:1px solid var(--line)}.panel-head h3{font-size:.9375rem;margin:0}.panel-head button{font-size:.8125rem;padding:5px 9px;min-height:38px}.specimen-strip{display:flex;align-items:center;gap:12px;padding:12px 14px}.specimen-strip canvas{width:110px;height:66px;max-width:40%;flex-shrink:0;border-radius:5px;background:#06151b}.specimen-strip .eyebrow{font-size:.6875rem}.specimen-strip p{font-size:.8125rem;margin:0}.specimen-strip span:not(.eyebrow){font-size:.75rem;color:var(--muted)}.image-wrap{position:relative;background:#020709;margin:0 12px;aspect-ratio:1;overflow:hidden;border:1px solid #36515b;border-radius:6px}.image-wrap canvas{display:block;width:100%;height:100%}#image-tag{position:absolute;bottom:9px;left:10px;padding:2px 6px;background:#071c28e8;font-size:.6875rem;letter-spacing:.07em;color:#c6dcdf;pointer-events:none}.image-caption{font-size:.8125rem;color:var(--muted);margin:0;padding:10px 14px}.view-bottom{display:flex;align-items:center;gap:10px;padding:0 12px 12px;flex-wrap:wrap}.view-bottom button{font-size:.8125rem}.view-bottom span{font-size:.75rem;color:var(--muted)}.control-panel{padding:6px 0}.control-panel>h3{font-size:1.25rem;margin:0 0 9px;line-height:1.25}.control-panel>p:not(.eyebrow){font-size:.9375rem;margin:8px 0 15px;color:var(--muted)}#controls{background:#17323c;border:1px solid var(--line);border-radius:10px;padding:14px;margin:15px 0 10px}#controls label{display:flex;justify-content:space-between;gap:9px;font-size:.9375rem}output{color:var(--mint);white-space:nowrap}input[type=range]{appearance:none;width:100%;height:30px;background:transparent;margin:10px 0 0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{background:#58777d;height:6px;border-radius:6px}input[type=range]::-moz-range-track{background:#58777d;height:6px;border-radius:6px}input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;background:var(--mint);margin-top:-6.5px;border:2px solid #10282d}input[type=range]::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:var(--mint);border:2px solid #10282d}.endpoints{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.75rem}#controls select{width:100%;margin-top:7px}.choice-row{display:flex;gap:7px;flex-wrap:wrap}.choice-row button{flex:1;font-size:.875rem}.choice-row button[aria-pressed=true]{background:var(--mint);color:#103034;border-color:var(--mint)}.secondary-control{margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.control-note{font-size:.8125rem!important;color:var(--gold)!important}.observation{border-left:2px solid var(--mint);padding-left:14px;margin:20px 0}.observation h3{font-size:.9375rem;margin:0 0 5px}.observation p{font-size:.9375rem;margin:5px 0;color:var(--muted)}summary{cursor:pointer}#description{font-size:.8125rem;margin-top:12px}#description p{font-size:.8125rem}.prediction{border-top:1px solid var(--line);padding-top:15px;margin-top:18px}.prediction>p:not(.eyebrow){font-size:.9375rem;margin:5px 0 12px}#answers{border:0;padding:0;margin:0 0 12px}#answers label{display:flex;gap:9px;align-items:start;margin:7px 0;font-size:.875rem}#answers input{accent-color:var(--mint);margin-top:5px;flex-shrink:0}#explain{font-size:.875rem}#explanation{color:var(--mint);background:#102f33;padding:12px;border-radius:6px}#reset{font-size:.8125rem;margin-top:18px}.chapter-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:24px 0}.chapter-footer span{font-size:.8125rem;color:var(--muted);text-align:center}.finish{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:26px;border:1px solid var(--line);background:#13313b;border-radius:12px;margin-top:24px}.finish h2{margin:0 0 10px;font-size:1.6rem}.finish p{max-width:750px;color:var(--muted);margin:0}.finish>div:last-child{display:flex;flex-direction:column;gap:12px;flex-shrink:0}.notes{border-top:1px solid var(--line);padding:24px 0;margin-top:24px;color:var(--muted)}.notes summary{color:var(--ink)}.notes h2{font-size:1.3rem}.notes h3{font-size:1.1rem}.notes p{max-width:1050px}.notes li{margin:7px 0}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:.875rem;border-top:1px solid var(--line);padding:20px 0;color:var(--muted)}dialog{color:var(--ink);background:var(--bg);border:1px solid #6b9399;border-radius:12px;width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:20px;overflow:auto}dialog::backdrop{background:#020b12dc}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.dialog-head h2{font-size:1.4rem;margin:0 0 15px}#dialog-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}#dialog-images.single{grid-template-columns:1fr;max-width:600px;margin:auto}#dialog-images figure{margin:0;min-width:0}#dialog-images img{display:block;width:100%;aspect-ratio:1;background:black;border:1px solid var(--line)}#dialog-images figcaption{padding-top:9px;font-size:.875rem;color:var(--muted)}#dialog-note{font-size:.875rem;color:var(--muted)}@media(min-width:1001px) and (max-height:800px){main{padding-top:18px}.opening{margin-bottom:18px}.opening h1{font-size:2.3rem}.chapter-heading{padding:14px 0}#column{max-height:575px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(190px,.65fr) minmax(260px,1fr) minmax(270px,1fr);gap:12px}.specimen-strip{padding:10px}.column-tools{flex-wrap:wrap}.chapters button{padding-inline:8px}.opening>p{max-width:420px}}@media(max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.column-panel{grid-column:1/-1;order:3}#column{max-height:560px}.view-panel{order:1}.control-panel{order:2}.column-tools{justify-content:start}.opening{gap:24px}.opening>p{max-width:350px}.chapter-heading{align-items:start}.chapter-heading>p{max-width:400px}.finish{flex-direction:column;align-items:start}.finish>div:last-child{flex-shrink:1}}@media(max-width:650px){main{padding:20px 14px}.top{padding:10px 14px}.top nav{gap:16px}.opening{display:block;margin-bottom:20px}.opening>p{max-width:none;margin-top:16px}.chapters{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.chapters button{font-size:.8125rem;min-height:64px}.chapter-heading{display:block;padding:18px 0}.chapter-heading>p{margin-top:10px;max-width:none}.workspace{display:flex;flex-direction:column;gap:16px}.workspace>*{width:100%}.column-panel{order:3}.view-panel{order:1}.control-panel{order:2}.specimen-strip{gap:14px}.image-wrap{max-width:420px;margin:auto}.view-panel{padding-inline:10px}.panel-head,.image-caption,.specimen-strip,.view-bottom{padding-inline:0}.image-wrap{margin:0}.view-bottom{padding-bottom:12px}.chapter-footer{flex-wrap:wrap}.chapter-footer span{order:3;flex-basis:100%}.chapter-footer button{font-size:.875rem}.finish{padding:20px}.finish .button{white-space:normal}.finish h2{font-size:1.4rem}#dialog-images{grid-template-columns:1fr}.dialog-head{gap:10px}dialog{padding:14px}.dialog-head h2{font-size:1.2rem}#column{max-height:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

button,.button{min-width:0;overflow-wrap:anywhere}.dialog-head{flex-wrap:wrap}.dialog-head h2{min-width:0;overflow-wrap:anywhere}#dialog-images figcaption{overflow-wrap:anywhere}#controls label{flex-wrap:wrap}

@media(max-width:380px){.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Audit repairs: keep a readable path with the active image and controls. */
.setup-note{margin:0 0 15px;color:var(--muted);font-size:.875rem}
.specimen-strip canvas{width:132px;height:auto;aspect-ratio:2/1}
.panel-head{flex-wrap:wrap}.panel-head h3{min-width:0}#enlarge{white-space:nowrap;flex-shrink:0;overflow-wrap:normal}
#answers legend{font-size:.9375rem;margin-bottom:10px}.column-key{padding:10px 14px;font-size:.875rem}.column-key ol{padding-left:22px}.column-key li{margin:6px 0}
.compact-column{display:none}.compact-column p{font-size:.875rem;color:var(--muted);margin:0 0 8px}.compact-column h3{font-size:1rem;margin:0 0 8px}.compact-column a{font-size:.875rem}.compact-column svg{width:100%;height:190px;display:block;align-self:start}
@media(min-width:651px) and (max-width:1150px){.workspace{grid-template-columns:minmax(240px,.85fr) minmax(280px,1.15fr);gap:16px}.column-panel{order:0;grid-column:1}.view-panel{order:0;grid-column:2}.control-panel{order:1;grid-column:1/-1;max-width:800px;margin:auto;width:100%}}
@media(max-width:650px){.workspace{display:flex}.view-panel{order:0}.control-panel{order:1}.column-panel{order:2}.compact-column{display:grid;grid-template-columns:minmax(85px,.6fr) minmax(0,1fr);gap:14px;border:1px solid var(--line);background:#0b222b;border-radius:10px;padding:12px;margin-bottom:18px}.image-wrap{max-width:none}.column-panel #column{max-height:560px}.column-key{font-size:1rem}.specimen-strip canvas{max-width:44%}.column-tools button{font-size:.875rem}.column-tools span{font-size:.8125rem}}

.inline-task{display:none}#image-controls-slot{padding:0 12px}#image-controls-slot #controls{margin:0 0 12px}
@media(max-width:1150px){.inline-task{display:block;font-size:.875rem;color:var(--muted);padding:0 14px;margin:0 0 12px}#try-copy{display:none}}
@media(max-width:650px){#image-controls-slot,.inline-task{padding-inline:0}}
.choice-row button[data-setting="mode"]{flex-basis:7em;overflow-wrap:normal}

/* The cutaway shares the lesson model and keeps camera controls close by. */
.column-panel>summary{padding:14px 16px}
.column-panel>summary span{font-size:.8125rem;margin-top:2px}
.column-view-choice{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:12px 14px 0;padding:4px;border:1px solid #34555f;border-radius:10px;background:#081b23}
.column-view-choice button{min-height:44px;border-color:transparent;background:transparent;font-size:.875rem;line-height:1.3;padding:9px 10px}
.column-view-choice button[aria-pressed=true]{background:#a6ecdf;color:#092b2d;font-weight:650;box-shadow:0 2px 8px #0002}
.column-view-choice button[aria-pressed=false]:hover{background:#173b44}
.tem-cutaway{min-width:0}
.cutaway-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px}
.cutaway-toolbar>span{color:var(--muted);font-size:.8125rem}
.cutaway-toolbar button{min-height:44px;flex-shrink:0;padding:7px 10px;font-size:.8125rem;background:transparent;border-color:#3a5b65}
.cutaway-toolbar button:hover{background:#1d414a}
.cutaway-toolbar button span{margin-left:4px;color:var(--mint)}
.cutaway-viewport{position:relative;height:500px;min-height:500px;margin:0 12px;overflow:hidden;border:1px solid #355560;border-radius:9px;background:radial-gradient(ellipse at 35% 26%,#25434c 0%,#10252e 44%,#050e15 100%);isolation:isolate}
.cutaway-viewport:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 46px #0003;z-index:1}
#cutaway-stage{position:absolute;inset:0;width:100%;height:100%}
#cutaway-stage canvas{display:block;width:100%;height:100%;outline-offset:-5px}
#cutaway-stage canvas:focus-visible{outline:3px solid var(--gold)}
.cutaway-plane{position:absolute;z-index:2;top:14px;left:14px;max-width:calc(100% - 28px);padding:7px 10px;border:1px solid #a6ecdf3b;border-radius:6px;background:#09212eea;color:#c9eee7;box-shadow:0 3px 12px #0002;font-size:.75rem;line-height:1.35;pointer-events:none}
.cutaway-plane:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:var(--mint);vertical-align:2px}
.cutaway-status{position:absolute;z-index:2;bottom:12px;left:14px;right:14px;width:fit-content;max-width:calc(100% - 28px);margin:0;padding:7px 10px;background:#071a25e8;border:1px solid #49616b;border-radius:6px;color:#d2e0e2;font-size:.75rem;line-height:1.4;pointer-events:none}
.cutaway-status:empty{display:none}
.cutaway-focus{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:12px 12px 0}
.cutaway-focus button{min-height:46px;padding:7px 5px;font-size:.8125rem;line-height:1.3;background:#0f2b35;border-color:#365b64;overflow-wrap:normal}
.cutaway-focus button:hover{background:#23464c}
.cutaway-focus button[aria-pressed=true]{border-color:#b4e9d9;background:#274842;color:#d6fff0;box-shadow:inset 0 0 0 1px #b4e9d91c}
.cutaway-detail{padding:14px 16px 0}
.cutaway-detail h3{margin:0 0 5px;color:#f0f6f2;font-size:1.0625rem;font-weight:600;line-height:1.3}
.cutaway-detail p{margin:0;color:#bdd0d3;font-size:.875rem;line-height:1.55}
.cutaway-note{margin:0;padding:10px 16px 14px;color:#b0c5c9;font-size:.75rem;line-height:1.5}
.column-panel>.column-tools{padding:11px 14px;border-top:1px solid var(--line);gap:10px;background:#0b222b}
.column-panel>.column-tools button{min-height:44px;padding:8px 12px;font-size:.8125rem}
.column-panel>.column-tools span{font-size:.8125rem}
#tem-diagram{padding-top:12px}
#tem-diagram .column-key summary{padding:6px 0;border:0;font-weight:500}
#cutaway-dialog{width:min(1160px,calc(100vw - 24px));padding:20px;background:#091d27}
#cutaway-dialog .dialog-head{align-items:center;padding:0 2px 12px}
#cutaway-dialog .dialog-head h2{margin:0;font-size:1.2rem}
#cutaway-dialog .cutaway-toolbar{padding-top:0;padding-bottom:10px}
#cutaway-dialog #cutaway-enlarge{display:none}
#cutaway-dialog .cutaway-viewport{height:clamp(360px,66dvh,760px);min-height:360px}
#cutaway-dialog .cutaway-focus{max-width:720px;margin:auto}
#cutaway-dialog .cutaway-detail{max-width:860px;margin:auto}
#cutaway-dialog .cutaway-note{text-align:center}
@media(min-width:1151px){.workspace{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.9fr);gap:18px}.column-panel{grid-column:auto;order:0}}
@media(min-width:651px) and (max-width:1150px){.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cutaway-focus{grid-template-columns:repeat(3,minmax(0,1fr))}.cutaway-focus button[data-cutaway-view=planes]{grid-column:span 2}.cutaway-toolbar{flex-wrap:wrap;gap:2px}.cutaway-toolbar>span{flex:1}.cutaway-toolbar button{margin-left:auto}.cutaway-viewport{height:480px;min-height:480px}}
@media(max-width:650px){.column-view-choice{margin-inline:12px}.cutaway-viewport{height:320px;min-height:320px;margin-inline:10px}.cutaway-toolbar{padding-inline:12px;gap:8px}.cutaway-toolbar>span{font-size:.75rem}.cutaway-toolbar button{font-size:.8125rem}.cutaway-plane{top:10px;left:10px;max-width:calc(100% - 20px);font-size:.75rem}.cutaway-status{bottom:10px;left:10px;right:10px;max-width:calc(100% - 20px)}.cutaway-focus{grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:10px}.cutaway-focus button{font-size:.875rem;min-height:44px;padding:9px 7px}.cutaway-focus button[data-cutaway-view=planes]{grid-column:span 2}.cutaway-detail{padding:14px 14px 0}.cutaway-detail p{font-size:.9375rem}.cutaway-note{padding-inline:14px;font-size:.8125rem}.column-panel>.column-tools{justify-content:space-between}.column-panel>.column-tools button{font-size:.875rem}.column-panel>.column-tools span{font-size:.8125rem}#cutaway-dialog{padding:12px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}#cutaway-dialog .dialog-head{gap:8px;flex-wrap:nowrap}#cutaway-dialog .dialog-head h2{font-size:1.05rem}#cutaway-dialog .dialog-head button{flex-shrink:0;padding:8px 10px;font-size:.875rem}#cutaway-dialog .cutaway-viewport{height:clamp(340px,58dvh,620px);min-height:340px;margin-inline:0}#cutaway-dialog .cutaway-toolbar,#cutaway-dialog .cutaway-focus,#cutaway-dialog .cutaway-detail{padding-inline:0}#cutaway-dialog .cutaway-note{text-align:left;padding-inline:0}}
@media(max-width:340px){.cutaway-toolbar{flex-wrap:wrap}.cutaway-toolbar>span{flex:1}.cutaway-toolbar button{margin-left:auto}.column-view-choice button{font-size:.8125rem}.column-panel>.column-tools{flex-wrap:wrap}}
#cutaway-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#061820}.cutaway-load-note{font-size:.875rem;color:var(--gold);padding:0 14px;margin:8px 0 12px;overflow-wrap:anywhere}

/* Text can grow independently of the instrument viewport. */
.cutaway-focus{grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr))}
.cutaway-focus button{white-space:normal;overflow-wrap:anywhere}
.cutaway-focus button[data-cutaway-view=planes]{grid-column:auto}
@media(max-width:650px){
.column-view-choice{grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr))}
.cutaway-toolbar{flex-wrap:wrap}
.cutaway-toolbar button{flex-shrink:1;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.cutaway-viewport{--cutaway-scene-height:320px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--cutaway-scene-height) auto;height:auto;min-height:0}
#cutaway-stage,#cutaway-poster{position:relative;inset:auto;grid-column:1;grid-row:2;min-width:0;min-height:0;width:100%;height:100%}
.cutaway-plane{position:static;grid-column:1;grid-row:1;display:block;max-width:none;margin:0;padding:10px 12px;border:0;border-bottom:1px solid #355560;border-radius:0;box-shadow:none;overflow-wrap:anywhere}
.cutaway-status{position:static;grid-column:1;grid-row:3;width:auto;max-width:none;margin:0;padding:10px 12px;border:0;border-top:1px solid #355560;border-radius:0;overflow-wrap:anywhere}
#cutaway-dialog .cutaway-viewport{--cutaway-scene-height:clamp(340px,58dvh,620px);height:auto;min-height:0}
#cutaway-dialog .dialog-head{flex-wrap:wrap}
}
.cutaway-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:12px 14px 0}
.cutaway-picker label{color:var(--muted);font-size:.8125rem}
.cutaway-picker select{width:100%;max-width:100%;min-width:0;min-height:44px;padding:8px 10px;font:inherit;font-size:.875rem;color:var(--ink);background:#0d2832;border:1px solid #365b64;border-radius:6px}
#cutaway-dialog .cutaway-picker{max-width:720px;margin:auto}
@media(max-width:650px){.cutaway-picker{padding-inline:10px}.cutaway-picker select{font-size:1rem}#cutaway-dialog .cutaway-picker{padding-inline:0}}

/* Reading, keyboard and visual order stay the same at every width. */
.workspace{grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr) minmax(0,1.2fr)}
.workspace>.view-panel,.workspace>.control-panel,.workspace>.column-panel{order:0;grid-column:auto}
.workspace>.control-panel{max-width:none;margin:0}
.inline-task{display:block;font-size:.875rem;color:var(--muted);padding:0 14px;margin:0 0 12px}
.experiment-title{font-size:1rem;margin:0 14px 7px}
#controls{scroll-margin-top:12px}
#chapter-title{scroll-margin-top:16px}
#try-experiment{flex-shrink:0}
#cutaway-dialog-controls{max-width:720px;margin:0 auto 12px}
#cutaway-dialog-controls #controls{margin:0}
@media(max-width:1150px){.workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace>.column-panel{grid-column:1/-1}.chapter-heading{flex-wrap:wrap;gap:12px}}
@media(max-width:650px){.workspace{display:flex}.inline-task{padding-inline:0}.experiment-title{margin-inline:0}#try-experiment{margin-top:12px}}

.chapter-heading{scroll-margin-top:12px}