.heat-app,.heat-lower{max-width:1480px;margin:0 auto;padding:0 clamp(16px,3vw,44px) 28px;color:#e7fbf7}.heat-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.8fr);gap:20px;align-items:start}.heat-stage,.heat-controls,.heat-card{padding:clamp(16px,2.3vw,28px);min-width:0}.heat-app h2{font-size:1.25rem;margin:6px 0 16px}.heat-stage h2{font-size:clamp(1.35rem,2.5vw,2.1rem);line-height:1.2}.heat-stage header{display:flex;justify-content:space-between;gap:12px}.heat-state{font:700 .8rem monospace;color:#91ffbf;white-space:nowrap}.heat-app p,.heat-app li{color:#a8bfbd;font-size:.88rem;line-height:1.7}.heat-canvas-wrap{border:1px solid #264744;background:#070e13}.heat-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:10/7;touch-action:pan-y}.heat-app :focus-visible{outline:2px solid #91ffbf;outline-offset:4px}.heat-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#26413f;border:1px solid #26413f;margin:16px 0}.heat-metrics>div{background:#0b1719;padding:12px;min-width:0}.heat-metrics dt{font:600 .68rem/1.4 monospace;color:#91b0ad}.heat-metrics dd{margin:6px 0 0;font:600 .94rem/1.3 monospace;overflow-wrap:anywhere;color:#e7fbf7}.heat-controls label{display:block;font:.78rem/1.5 monospace;color:#c5e3dc;margin:18px 0 7px}.heat-controls output{float:right;color:#91ffbf}.heat-app select{width:100%;min-height:44px;border:1px solid #365b55;background:#0b1719;color:#e7fbf7;padding:8px;font:inherit;max-width:100%}.heat-app input[type=range]{width:100%;min-height:44px;accent-color:#91ffbf}.heat-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:18px 0}.heat-app button{min-height:44px;border:1px solid #365b55;border-radius:0;background:#102524;color:#d8f5eb;padding:10px;font:700 .73rem/1.4 monospace;cursor:pointer;overflow-wrap:anywhere}.heat-app button:hover{background:#1b3c35}.heat-app button:disabled{opacity:.45;cursor:default}.heat-app button[aria-pressed=true]{background:#91ffbf;color:#06130b}.heat-results,.heat-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.heat-table-wrap{overflow-x:auto}.heat-app table{width:100%;border-collapse:collapse;font:.72rem/1.5 monospace}.heat-app th,.heat-app td{padding:9px 6px;text-align:left;border-bottom:1px solid #26413f;overflow-wrap:anywhere}.heat-app th{color:#91ffbf}.heat-output{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.heat-app pre{max-height:360px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.75rem}.heat-app details{margin:16px 0}.heat-app summary{min-height:44px;cursor:pointer;padding:12px 0}.heat-app code{overflow-wrap:anywhere;white-space:normal}.heat-lower{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.heat-app [hidden]{display:none!important}.heat-help{font-size:.78rem!important}.heat-error{color:#ffbd95!important}.heat-legend{display:flex;flex-wrap:wrap;gap:12px;font:.75rem/1.5 monospace;margin:12px 0}.heat-legend span:nth-child(1){color:#ffbe75}.heat-legend span:nth-child(2){color:#9bc5ff}.heat-legend span:nth-child(3){color:#78f6e7}.heat-legend span:nth-child(4){color:#d2aaff}.heat-fallback{padding:16px;border:1px solid #ffc574}.heat-badge{font-family:monospace;color:#91ffbf}@media(max-width:980px){.heat-layout,.heat-lower{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.heat-results,.heat-notes{grid-template-columns:minmax(0,1fr)}.heat-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.heat-stage header{display:block}.heat-state{display:block;margin-bottom:12px}.heat-app,.heat-lower{padding-left:16px;padding-right:16px}.heat-stage,.heat-controls,.heat-card{padding:16px}.heat-app th,.heat-app td{padding:8px 4px;font-size:.65rem}}
.page-heat-engine-cycle-observatory .lab-hero h1{font-size:clamp(1.8rem,3.6vw,3rem);overflow-wrap:anywhere}