@import url('./altitude.css');
.chapter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chapter-tabs a{min-width:0;padding:12px}.chapter-tabs a span{font-size:12px;line-height:1.5}.chapter-tabs b{font-size:21px}h1{max-width:1100px;font-size:38px}.intro{padding-bottom:14px}.scope-strip{font-size:12px;color:#abc8d6;border-left:2px solid #72dfd1;padding:9px 14px;margin:0 0 24px}.select-label{font-size:12px;display:block;margin:16px 0}.select-label select{display:block;width:100%;margin-top:8px;padding:10px;background:#12364a;color:#e0f9f6;border:1px solid #557888;border-radius:7px}.advanced{margin:20px 0}.advanced summary{font-size:12px;cursor:pointer;margin-bottom:18px}.experiment{grid-template-columns:270px minmax(0,1fr)}.scene{min-height:350px;height:350px}.live-explain{padding:18px 22px;background:#123344;border-top:1px solid #385b6b}.live-explain p:last-child{font-size:14px;line-height:1.8;margin-bottom:0}.casebar{flex-wrap:wrap}.readouts{grid-template-columns:repeat(2,1fr)}.visual-pair{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);align-items:center;gap:22px}.visual-pair svg{display:block;width:100%;touch-action:none}.instrument{min-width:0}.instrument p{font-size:12px;color:#b8d6df;line-height:1.7}.card{margin-bottom:24px}.card h2{font-size:24px}.case-key{font-size:11px;color:#bfd5dd}.triangle svg{width:100%;display:block}.triangle .section-heading{flex-wrap:wrap;gap:12px}.triangle #vector-detail{font-size:13px;color:#8fe9dc}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.concept-grid h2{font-size:20px}.concept-grid p{font-size:13px;line-height:1.8;color:#c1d5df}.step{font-size:35px;color:#71ccbf;opacity:.7}.control-label output{font-size:12px}#waypoint-handle,#direction-handle{cursor:grab;outline:none}#waypoint-handle circle,#direction-handle circle{fill:#235e69;stroke:#9bf6df;stroke-width:2}#waypoint-handle text,#direction-handle text{fill:white;font-size:14px}#waypoint-handle:focus circle,#direction-handle:focus circle{stroke:white;stroke-width:4}.comparison-actions{justify-content:flex-start;gap:12px;flex-wrap:wrap}#events{font-size:12px;line-height:1.8;color:#c6dce5}.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.roadmap-grid .card{margin:0}.roadmap-grid h2{font-size:20px}.roadmap-grid p{font-size:13px;line-height:1.8;color:#bcd1dc}.roadmap-grid .state{font-size:10px;letter-spacing:.1em;color:#87e7d3}.roadmap-grid a{color:#96f0dd}.roadmap-group{margin:40px 0 20px}.roadmap-lead{max-width:800px;color:#b9d3df;line-height:1.8}.switch-label{margin:16px 0}.curves svg{touch-action:manipulation}.table-scroll td{white-space:normal}.curves .card{margin-bottom:0}
@media(max-width:1000px){.visual-pair{grid-template-columns:1fr}.instrument{max-width:440px;width:100%;margin:auto}.concept-grid{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){h1{font-size:29px}.experiment{grid-template-columns:1fr}.chapter-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.chapter-tabs a{padding:9px}.chapter-tabs a span{font-size:10px}.scene{min-height:310px;height:310px}.visual-pair{gap:4px}.card h2{font-size:21px}.triangle svg text{font-size:19px}.scope-strip{font-size:10px;line-height:1.7}.roadmap-grid{grid-template-columns:1fr}.scene-key{font-size:9px}.casebar button{font-size:10px}.section-heading{flex-wrap:wrap;gap:12px}.visual-pair #map text{font-size:26px}}