@import url('../wind-tunnel/style.css');
#engine{height:clamp(310px,42vh,450px)}#engine text{font-size:14px}#engine .faint{font-size:10px}#engine.expanded{height:clamp(430px,65vh,650px)}#expand-diagram{font-size:10px;padding:6px 9px}
:root{--purple:#c6abff;--red:#ff9e8e}body{background:radial-gradient(ellipse at 75% 0,#153244 0,transparent 48%),#0b1422}main{max-width:1620px;margin:auto}.lab-nav{display:flex;gap:6px;padding:14px 0 0;flex-wrap:wrap}.lab-nav a{font-size:11px;padding:8px 13px;border:1px solid #2b4456;border-radius:30px;color:#b6cbd7;text-decoration:none}.lab-nav a[aria-current=page]{color:var(--cyan);background:#17373c;border-color:#447f80}.intro{padding:22px 0}.intro h1{font-size:clamp(25px,3.2vw,42px);line-height:1.16}.intro p{max-width:280px}.experiment{grid-template-columns:245px minmax(0,1fr)}.controls{padding:18px}.controls h2{font-size:14px}.controls select{margin-bottom:8px}.range-block{margin-top:13px;padding-top:10px}.range-block output{font-size:15px}.range-block input{width:100%}.controls .primary{width:100%;margin-top:12px}.controls .pair{margin-top:10px}.small-label{font-size:10px;letter-spacing:.11em;color:var(--muted);text-transform:uppercase}.pill{font-size:10px;letter-spacing:.03em;border:1px solid #376374;border-radius:20px;padding:5px 9px;color:#b7dfe5}.view-bar{min-height:43px}.schematic{width:100%;display:block;background:radial-gradient(ellipse at 50% 55%,#152c3d,#081523 70%);touch-action:none;min-height:230px}.schematic text{font-family:inherit;fill:#bcd1df;font-size:12px}.schematic .faint{fill:#708ca2;font-size:10px}.schematic .large{font-size:17px;fill:#e8f4fa}.schematic .cyan{fill:var(--cyan)}.schematic .amber{fill:var(--amber)}.schematic .purple{fill:var(--purple)}.readouts{grid-template-columns:repeat(4,1fr)}.readouts strong{font-size:21px}.readouts span{font-size:10px}.readouts small{font-size:10px}.meter-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.plot-block{padding:14px 16px;min-width:0}.plot-block+.plot-block{border-left:1px solid var(--line)}.plot-block h3{font-size:11px;font-weight:500;margin:0 0 7px;display:flex;justify-content:space-between;gap:8px}.plot-block h3 span{font-size:9px;color:var(--muted)}.plot-block canvas{width:100%;height:155px;display:block}.transport{flex-wrap:wrap}.status-line{font-size:11px;color:var(--muted);line-height:1.65;max-width:500px}.status-line b{color:var(--cyan);font-weight:500}.state-note{font-size:11px;color:#a5bccd;line-height:1.7;padding:12px 17px;background:#101e2d;border-top:1px solid var(--line);min-height:44px}.state-note.warn{color:#ffbba2}.readouts .positive{color:var(--cyan)}.readouts .negative{color:var(--red)}.understand{gap:24px}.understand p{font-size:12px}.understand h2{font-size:20px}.inline-diagram{width:100%;height:100px;margin-top:8px;display:block}.inspect-panel{margin-top:14px;padding:13px;border:1px solid #355265;background:#0b1b2c;border-radius:7px}.inspect-panel h3{font-size:13px;font-weight:500;margin:0 0 7px;color:var(--cyan)}.inspect-panel p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.controls details{font-size:11px;margin-top:15px}.controls details>summary{padding:7px 0;color:#cbdde7}.controls .toggle{margin:10px 0;font-size:11px}.component-choices{display:flex;gap:5px;flex-wrap:wrap;padding:9px 14px;background:#101e30}.component-choices button{font-size:10px;padding:6px 9px}.component-choices button[aria-pressed=true]{color:var(--cyan);border-color:#568e8e;background:#204047}.events{list-style:none;padding:0;margin:0;font-size:10px;line-height:1.75;color:#9eb8cb;max-height:130px;overflow:auto}.events time{color:var(--amber);font-variant-numeric:tabular-nums;display:inline-block;min-width:43px}.engine-meters{grid-template-columns:repeat(5,1fr)}.engine-meters strong{font-size:21px}.engine-meters>div+div{padding-left:10px}.step-strip{display:flex;gap:5px;padding:11px 16px;border-top:1px solid #294052;flex-wrap:wrap}.step-strip span{color:#7691a7;font-size:9px;padding:5px 8px;border-radius:4px;background:#152538}.step-strip span.done{color:#8ce9db;background:#1a3c3d}.engine-chart{height:150px!important}.legend-line{display:flex;gap:14px;flex-wrap:wrap;font-size:10px}.legend-line span:before{content:'';display:inline-block;width:14px;height:2px;background:currentColor;vertical-align:middle;margin-right:5px}.link-button{display:block;font-size:11px;padding:10px 0;line-height:1.5}.manual-label{margin:6px 0;font-size:10px;color:var(--amber)}.notes-grid code{font-size:11px;color:#c6e6eb}.notes-grid li{font-size:12px;color:var(--muted);line-height:1.8}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.footer-design{max-width:260px}.controls [disabled]{opacity:.4}.screen-note{font-size:10px;margin:9px 0 0;color:#819aae}.formula{font-family:Georgia,serif;font-size:20px;color:#d4ecef;line-height:1.8;margin:12px 0}.accent-cyan{color:var(--cyan)}.accent-amber{color:var(--amber)}.accent-purple{color:var(--purple)}
@media(max-width:1100px){.experiment{grid-template-columns:220px minmax(0,1fr)}.controls{padding:15px}.readouts strong{font-size:18px}.readouts>div+div{padding-left:10px}.readouts>div:nth-child(3){border-left:1px solid #2b4052;padding-left:10px}.readouts{gap:7px}.readouts span{font-size:9px}.intro>p{display:none}.plot-block{padding:11px}.engine-meters strong{font-size:16px}.engine-meters small{font-size:8px}.meter-row{grid-template-columns:1fr}.plot-block+.plot-block{border-left:0;border-top:1px solid var(--line)}.plot-block canvas{height:120px}.understand{gap:16px}}
@media(min-width:701px){.meter-row{grid-template-columns:1fr 1fr}.plot-block+.plot-block{border-top:0;border-left:1px solid var(--line)}.controls .range-block{margin-top:8px;padding-top:8px}.controls input[type=range]{margin:7px 0}.controls .help{font-size:10px;line-height:1.45}.controls .pair button{min-width:0;padding:8px 5px}.controls .primary{margin-top:8px}.plot-block h3{flex-wrap:wrap;min-height:26px;gap:3px}.schematic{min-height:250px;height:clamp(250px,36vh,390px)}}
@media(max-width:700px){.experiment{display:flex}.observatory{order:0}.controls{order:1;display:block}.controls .range-block{display:block}.schematic{min-height:220px}.readouts{grid-template-columns:repeat(2,1fr);gap:14px}.readouts>div:nth-child(3){border-left:0;padding-left:0}.engine-meters{grid-template-columns:repeat(3,1fr)}.engine-meters>div:nth-child(3){border-left:1px solid #2b4052;padding-left:10px}.engine-meters>div:nth-child(4){border-left:0;padding-left:0}.readouts strong{font-size:20px}.lab-nav a{font-size:10px;padding:7px 10px}.intro h1{font-size:29px}.understand{grid-template-columns:1fr}.component-choices button{font-size:11px}.plot-block canvas{height:150px}}