@import url('../flight-envelope/style.css?v=2');
body{background:radial-gradient(ellipse at 85% 6%,#255f80 0,transparent 37%),radial-gradient(ellipse at 8% 48%,#184958 0,transparent 45%),#071624}main{max-width:1560px}.model-tag{font-size:12px;letter-spacing:.16em;white-space:nowrap}.model-tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);margin-right:8px}.model-tag small{display:block;font-size:11px;letter-spacing:0;color:var(--muted);margin-top:9px}.experiment{grid-template-columns:255px minmax(0,1fr)}aside>label{margin-top:16px}.help{font-size:10px;color:var(--muted);line-height:1.5;margin:4px 0}.control-label{margin-top:16px}aside details{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}aside details p{font-size:11px;line-height:1.7;color:var(--muted)}.observatory{min-width:0;display:flex;flex-direction:column}.b-colour{color:var(--cyan)}.a-colour{color:var(--amber)}.viewbar b{font-weight:400;margin-left:16px}.scene{background:radial-gradient(ellipse at 80% 25%,#23678055,transparent 60%),linear-gradient(#0a243a,#164258);position:relative}.scene svg{display:block;width:100%;height:auto;min-height:230px}.scene-badge{position:absolute;right:22px;top:12px;color:#daeff6;font-size:13px;letter-spacing:.07em;font-variant-numeric:tabular-nums}.playback{display:flex;align-items:center;gap:9px;padding:12px 18px;background:#0c293e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.playback input{min-width:50px;flex:1}.playback output{font-size:12px;width:98px}.playback select{width:65px;padding:8px 5px}.playback button{padding:8px 13px}.live-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px}.live-strip>div{border-left:1px solid var(--line);padding-left:13px}.live-strip>div:first-child{border:0;padding-left:0}.live-strip span{display:block;font-size:10px;color:var(--muted);margin-bottom:8px}.live-strip strong{font-size:23px;font-weight:500;font-variant-numeric:tabular-nums}.live-strip em{font-style:normal;font-size:12px;color:var(--muted);margin-left:4px}.play-note{font-size:11px;line-height:1.6;margin:0 18px 14px;color:#c3dce9;min-height:35px}.scene-caption{padding:0 18px 12px}.casebar{margin-top:auto}.strategy-card{margin-top:25px}#status-panel{display:flex;gap:14px;padding:13px 16px;background:#143e49;border:1px solid #3d6d78;border-radius:7px;margin-bottom:20px;font-size:12px;line-height:1.6}#status-panel b{white-space:nowrap;color:var(--cyan)}#status-panel[data-state=outside]{background:#4b3139;border-color:#9d6673}#status-panel[data-state=outside] b{color:#ffc4cb}.strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.strategy-grid article{display:flex;align-items:center;gap:15px;padding:15px 0}.strategy-letter{font-size:35px;color:#577d8e;font-weight:300;align-self:flex-start}.strategy-grid h3{margin:0 0 10px;font-size:17px;font-weight:400}.strategy-grid strong{font-size:30px;font-weight:400;color:var(--cyan)}.strategy-grid p{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}.strategy-grid button{margin-left:auto;max-width:115px}.strategy-grid article+article{border-left:1px solid var(--line);padding-left:25px}.accent{border-color:#6dc9b9;background:#235c58;color:#d2fff3}.live-physics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.force-card svg{width:100%;display:block}.micro{font-size:11px;color:var(--muted)}.power-ledger{margin-top:21px}.power-row{margin-top:14px;display:grid;grid-template-columns:145px 1fr 80px;gap:12px;align-items:center;font-size:11px}.power-row>strong{text-align:right;font-size:14px;font-weight:400}.power-track{height:6px;border-radius:4px;background:#24485d;overflow:hidden}.power-track i{height:100%;display:block;border-radius:4px}.reservoirs{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:20px;align-items:end;border-top:1px solid var(--line);padding-top:23px;margin-top:23px}.reservoirs>div{display:grid;grid-template-columns:34px 1fr;gap:6px 10px;align-items:end}.tank{height:95px;width:34px;border:1px solid #4b96a4;border-radius:7px;background:#0b263a;display:flex;align-items:flex-end;overflow:hidden;grid-row:1/3}.tank>div{width:100%;background:linear-gradient(#8bfff0,#237a8c);height:0;min-height:0}.tank.kinetic{border-color:#b8a071}.tank.kinetic>div{background:linear-gradient(#ffdfa3,#987a44)}.reservoirs span{font-size:10px;color:var(--muted);align-self:end}.reservoirs strong{font-size:17px;font-weight:400;align-self:start}.reservoirs p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.curves{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.curves h3{font-size:17px}.curves h3 small{font-size:11px;display:block;color:var(--muted);margin-top:6px}.curves svg{display:block;width:100%;height:auto;touch-action:none}.case-key{gap:15px}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.learn-grid h3{font-size:20px;font-weight:400;margin:0 0 14px}.learn-grid svg{width:100%;height:100px}.learn-grid p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}.learn-grid .equation{margin:29px 0;padding:15px 5px;font-size:20px;color:var(--cyan)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.comparison table{width:100%}.comparison tbody td:nth-child(2){color:var(--amber)}.comparison tbody td:nth-child(3){color:var(--cyan)}.comparison tbody td:nth-child(4){color:inherit}
@media(max-width:1150px){.model-tag{display:none}.experiment{grid-template-columns:230px minmax(0,1fr)}.live-strip strong{font-size:19px}.live-strip span{font-size:9px}.strategy-grid article{gap:10px}.strategy-letter{font-size:26px}.strategy-grid strong{font-size:25px}.curves{grid-template-columns:1fr 1fr}.curves article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;align-items:center;gap:0 20px}.curves article:last-child svg{grid-column:2;grid-row:1/3}.curves article:last-child .caption{grid-column:1}.power-row{grid-template-columns:110px 1fr 70px;font-size:10px}.reservoirs{gap:12px}.reservoirs>p{grid-column:1/-1}.reservoirs{grid-template-columns:1fr 1fr}.playback{padding:10px}.playback button{padding:7px}.playback output{width:80px;font-size:10px}}
@media(max-width:740px){.experiment{display:flex;flex-direction:column}aside{order:0;display:block;border-bottom:1px solid var(--line);padding:16px}.observatory{order:1}aside>label{display:inline-block;width:42%;margin:7px 0}aside select{width:58%;margin-bottom:7px}aside .control-label{display:inline-flex;width:45%;margin-top:8px;vertical-align:middle;flex-wrap:nowrap;font-size:11px}aside>input{display:inline-block;width:52%;margin-top:8px;vertical-align:middle}aside .help{display:none}aside>button{width:auto;margin-top:13px}aside h2{display:none}aside details{margin-top:12px;padding-top:9px}.scene svg{min-height:150px}.scene-badge{font-size:10px;top:5px;right:12px}.playback{flex-wrap:wrap;padding:10px;gap:7px}.playback input{order:2;flex-basis:70%}.playback output{order:3;width:auto;font-size:11px}.playback select{margin-left:auto}.live-strip{padding:15px 12px;gap:14px 10px;grid-template-columns:1fr 1fr}.live-strip>div:nth-child(3){border:0;padding-left:0}.live-strip strong{font-size:22px}.live-strip span{font-size:10px}.viewbar{font-size:9px}.viewbar span:last-child{display:block}.viewbar b{margin-left:6px}.play-note{font-size:11px;margin-left:12px;margin-right:12px}.strategy-grid{grid-template-columns:1fr;gap:0}.strategy-grid article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.strategy-grid h3{font-size:16px}.strategy-grid strong{font-size:27px}.strategy-card .section-heading{gap:14px}#status-panel{display:block;padding:11px}#status-panel b{display:block;margin-bottom:5px}.live-physics,.curves,.learn-grid{grid-template-columns:1fr}.curves article:last-child{display:block}.learn-grid{gap:15px}.power-row{grid-template-columns:114px 1fr 75px}.reservoirs{grid-template-columns:1fr 1fr}.reservoirs>p{grid-column:1/-1}.reservoirs>div{grid-template-columns:34px 1fr}.tank{height:90px}.force-card .section-heading{gap:8px}.scene-caption{font-size:10px}.comparison table{font-size:10px}.comparison th,.comparison td{padding:10px 5px}}

@media(min-width:741px){.curves{grid-template-columns:1fr 1fr}.curves article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:0 30px}.curves article:last-child svg{grid-column:2;grid-row:1/3}.curves article:last-child .caption{grid-column:1}.curves article:last-child h3{font-size:22px}}