.aerofoil-demo{grid-template-columns:290px minmax(0,1fr) 300px;gap:16px;height:100%;min-height:calc(100vh - 64px);padding:16px;display:grid}.aerofoil-sidebar,.aerofoil-readout{flex-direction:column;gap:14px;display:flex;overflow-y:auto}.aerofoil-stage{min-width:0;min-height:420px;display:flex}.aerofoil-canvas-wrap{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--navy-800);flex:1;min-height:420px;position:relative;overflow:hidden}.aerofoil-canvas{width:100%;height:100%;display:block}.aerofoil-canvas-wrap[data-mode=draw] .aerofoil-canvas{cursor:crosshair;touch-action:none}.control-panel,.readout-panel{flex-direction:column;gap:18px;display:flex}.control-group{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:12px;padding:16px;display:flex}.control-title{font-size:12px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;margin:0;display:flex}.control-badge{color:var(--accent);letter-spacing:.04em;font-size:11px}.control-hint{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.mode-switcher{background:var(--navy-900);border:1px solid var(--line);border-radius:var(--radius-sm);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.mode-button{color:var(--text-dim);background:0 0;border:none;border-radius:4px;padding:8px 4px;font-size:13px;font-weight:600;transition:all .15s}.mode-button:hover{color:var(--text)}.mode-button.is-active{background:var(--accent);color:#1a0e04}.preset-list{flex-direction:column;gap:8px;display:flex}.preset-item{text-align:left;background:var(--navy-900);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:3px;padding:10px 12px;transition:border-color .15s;display:flex}.preset-item:hover{border-color:var(--altitude-dim)}.preset-item.is-active{border-color:var(--accent);background:var(--navy-700)}.preset-name{font-family:var(--mono);color:var(--text);font-size:14px}.preset-blurb{color:var(--text-dim);font-size:12px;line-height:1.4}.slider{flex-direction:column;gap:8px;display:flex}.slider-label{color:var(--text);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.slider-value{font-family:var(--mono);color:var(--altitude);font-size:13px}.toggle{color:var(--text);cursor:pointer;align-items:center;gap:10px;font-size:13px;display:flex}.toggle.is-disabled{opacity:.45;cursor:not-allowed}.legend{flex-direction:column;gap:5px;margin:4px 0 0;display:flex}.legend-label{font-family:var(--mono);color:var(--text-dim);font-size:11px}.legend-bar{border:1px solid var(--line);border-radius:5px;height:9px}.legend-pressure{background:linear-gradient(90deg,#40c4ff,#e0e8f4 50%,#ff5c48)}.legend-speed{background:linear-gradient(90deg,#2e6eff,#28c8d8 30%,#6ee36e 55%,#ffd23f 78%,#ff5a3c)}.legend-ends{font-family:var(--mono);color:var(--text-faint);justify-content:space-between;font-size:10.5px;display:flex}.text-button{border:1px solid var(--line-strong);color:var(--altitude);border-radius:var(--radius-sm);background:0 0;align-self:flex-start;padding:7px 14px;font-size:13px}.text-button:disabled{opacity:.4;cursor:not-allowed}.text-button:not(:disabled):hover{background:var(--navy-600)}.readout-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.readout-grid{flex-direction:column;gap:2px;margin:12px 0 0;display:flex}.readout-row{border:none;border-bottom:1px solid var(--line);text-align:left;width:100%;font:inherit;color:inherit;background:0 0;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 4px;display:flex}.readout-label{color:var(--text-dim);align-items:center;gap:6px;font-size:13px;display:inline-flex}.readout-value{font-family:var(--mono);color:var(--text);font-size:16px}.readout-row.accent-lift .readout-value{color:var(--lift)}.readout-row.accent-drag .readout-value{color:var(--accent)}.readout-row.is-clickable{cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.readout-row.is-clickable:hover{background:var(--navy-700)}.readout-info{color:var(--altitude-dim);font-size:11px}.teach-cta{text-align:left;border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ff8c4214;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;transition:background .15s,transform .12s;display:flex}.teach-cta:hover{background:#ff8c4229;transform:translateY(-1px)}.teach-cta-icon{background:var(--accent);color:#1a0e04;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.teach-cta strong{font-size:14px;display:block}.teach-cta small{color:var(--text-dim);margin-top:2px;font-size:11.5px;display:block}.liftcurve{margin:0}.liftcurve svg{width:100%;height:auto;display:block}.liftcurve .lc-tick{fill:var(--text-faint);font-family:var(--mono);font-size:9px}.liftcurve .lc-axis{fill:var(--text-dim);font-family:var(--mono);font-size:10px}.liftcurve .lc-stall{fill:var(--accent);font-family:var(--mono);font-size:9px}.liftcurve-cap{font-family:var(--mono);color:var(--text-dim);margin:4px 2px 0;font-size:12px}.liftcurve-cap strong{color:var(--lift)}.liftcurve-empty{color:var(--text-dim);margin:0;font-size:13px}.readout-note{color:var(--text-faint);margin:14px 0 0;font-size:11.5px;line-height:1.5}.physics-explainer{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.physics-explainer summary{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--altitude);cursor:pointer;font-size:12px}.physics-body{margin-top:12px}.physics-body p{color:var(--text-dim);margin:0 0 10px;font-size:13px;line-height:1.6}.physics-caveat{border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#ff8c420f;padding:10px 12px}.physics-caveat strong{color:var(--accent)}@media (max-width:1080px){.aerofoil-demo{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"controls stage""controls readout"}.aerofoil-sidebar{grid-area:controls}.aerofoil-stage{grid-area:stage}.aerofoil-readout{flex-flow:wrap;grid-area:readout}.aerofoil-readout>*{flex:1;min-width:260px}}@media (max-width:760px){.aerofoil-demo{grid-template-columns:1fr;grid-template-areas:"stage""controls""readout";height:auto}.aerofoil-stage{min-height:360px}}.aero-fit>.aerofoil-canvas-wrap{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.aero-theory-link{text-decoration:none}@media (max-width:860px){.ds-stage.aero-stage{height:auto}}