@import url('./style.css');
@import url('../natural-modes/chapter-tabs.css');
h1{font-size:42px}h1 span{color:#90e5db}.intro{padding:24px 0 30px}.experiment{grid-template-columns:270px minmax(0,1fr)}.scene{min-height:420px}.readouts{grid-template-columns:repeat(2,1fr);gap:18px}.readouts>div:nth-child(3){border-left:0;padding-left:0}.readouts em{font-size:13px}.full{width:100%;margin-top:18px}.profile-card,.loops,.energy{margin-bottom:24px}.profile-card svg{width:100%;display:block;touch-action:none}.profile-card h2{font-size:25px}.profile-card .case-key{display:flex;gap:16px;font-size:12px}.profile-card .caption{max-width:100%}#target-handle{cursor:ns-resize;outline:none}#target-handle>path{stroke:#70eddb;stroke-width:2;stroke-dasharray:8 6}#target-handle>rect:not(:first-child){fill:#285e66;stroke:#8df4dc;stroke-width:1.5}#target-handle text{font-size:14px;fill:#e2fff6;pointer-events:none}#target-handle:focus>rect:not(:first-child){stroke:#fff;stroke-width:3}.control-lane{display:grid;grid-template-columns:1fr 20px 1.3fr 20px 1.3fr 20px 1fr;gap:8px}.control-lane>div{border:1px solid #49777e;background:#102e40;border-radius:9px;padding:16px 12px}.control-lane small{display:block;font-size:9px;letter-spacing:.04em;color:#b2d9df;min-height:26px;line-height:1.5}.control-lane strong{display:block;font-size:25px;font-weight:400;color:#8becdd;margin:12px 0}.control-lane span{font-size:10px;color:#adcad6}.control-lane>b{align-self:center;text-align:center;font-weight:400;color:#84d7ce}.speed-lane{margin-top:18px}.speed-lane>div{border-color:#7e6c57}.speed-lane strong{color:#ffd099}.speed-lane[data-off=true]{opacity:.7}.lane-return{border:1px solid #49777e;border-top:0;border-radius:0 0 10px 10px;padding:12px;text-align:center;margin:0 16px;color:#a9d9d5;font-size:11px}.amber-return{border-color:#7e6c57;color:#d7c7ae}.energy svg{width:100%;min-width:0}.energy .section-heading strong{font-size:19px;color:#e1fff5;font-weight:400}.energy h2{font-size:26px}.curves .plot-key{font-size:10px;min-height:14px}.curves h3{margin-bottom:10px}.readouts small{line-height:1.6}.profile-card .section-heading{flex-wrap:wrap;gap:12px}.control-label label{max-width:70%}
@media(max-width:1100px){.experiment{grid-template-columns:235px minmax(0,1fr)}h1{font-size:35px}.intro .tag{display:none}.control-lane>div{padding:13px 9px}.control-lane strong{font-size:21px}.scene{min-height:430px}.profile-card h2{font-size:22px}}
@media(max-width:740px){h1{font-size:30px}.scene{height:340px;min-height:340px}.readouts{gap:12px}.control-lane{grid-template-columns:1fr 16px 1fr;gap:7px}.control-lane>b:nth-child(4){display:none}.control-lane strong{font-size:23px}.control-lane small{min-height:28px}.loops .section-heading{flex-wrap:wrap;gap:12px}.loops h2{font-size:22px}.lane-return{margin:0 6px;font-size:10px;line-height:1.6}.profile-card{padding:17px 10px}.profile-card h2{font-size:21px}#target-handle text{font-size:18px}.profile-card svg text{font-size:17px}.profile-card .caption{font-size:11px}.energy{overflow:visible}.energy svg text{font-size:18px}.energy .section-heading{position:static;flex-wrap:wrap;gap:8px}.energy .section-heading strong{font-size:16px}}