.pipe-intro,.pipe-resonance,.pipe-lab-section{padding-top:84px}.pipe-boundary-grid,.pipe-derivation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.pipe-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--bg) 82%,transparent))}.pipe-card>span,.pipe-resonance-grid span,.pipe-response-equation>span,.pipe-reading>span{color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pipe-card h2{margin:7px 0 10px;font-size:1.12rem}.pipe-card p,.pipe-resonance-grid p,.pipe-response-equation p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.58}.pipe-card-open{border-top:2px solid color-mix(in srgb,#53c7ff 72%,var(--line))}.pipe-card-closed{border-top:2px solid color-mix(in srgb,#ffb45a 72%,var(--line))}.pipe-eq{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0}.pipe-eq span{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88rem}.pipe-equation-stack{display:grid;gap:8px;margin:14px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.02rem}.pipe-frac{display:inline-grid;vertical-align:middle;text-align:center;line-height:1.12}.pipe-frac>span:first-child{padding:0 4px 3px;border-bottom:1px solid currentColor}.pipe-frac>span:last-child{padding-top:3px}.pipe-model-note{margin-top:14px;padding:16px 18px;border-left:3px solid var(--accent);border-radius:0 14px 14px 0;background:color-mix(in srgb,var(--accent) 6%,var(--panel));color:var(--muted);font-size:.84rem}.pipe-model-note strong{color:var(--text)}.pipe-model-note p{display:inline;margin-left:6px}.pipe-resonance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:20px}.pipe-resonance-grid article{min-width:0;padding:16px;border-top:2px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 4%,transparent),transparent)}.pipe-resonance-grid strong{display:block;margin:6px 0 4px;font-size:1rem}.pipe-response-equation{margin-top:14px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.pipe-response-equation strong{display:block;margin:8px 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.08rem}.pipe-lab-shell{display:grid;grid-template-columns:minmax(245px,300px) minmax(0,1fr);gap:16px;align-items:start;margin-top:22px}.pipe-controls{position:sticky;top:calc(var(--header-h) + 14px);min-width:0;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.pipe-family{display:grid;grid-template-columns:1fr;gap:7px;margin:0 0 14px;padding:0;border:0}.pipe-family legend{margin-bottom:7px;color:var(--muted);font-size:.7rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.pipe-family button{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-solid);color:var(--text);font:inherit;font-size:.78rem;text-align:left;cursor:pointer}.pipe-family button.is-active{border-color:color-mix(in srgb,var(--accent) 72%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--panel-solid))}.pipe-controls>label{display:grid;grid-template-columns:1fr auto;gap:6px 9px;align-items:center;margin:14px 0;color:var(--muted);font-size:.76rem}.pipe-controls output{color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.pipe-controls input[type=range]{grid-column:1/-1;width:100%}.pipe-reset{width:100%;margin-top:2px}.pipe-assumption{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-solid);color:var(--muted);font-size:.72rem;line-height:1.48}.pipe-assumption strong{color:var(--text)}.pipe-assumption p{margin:5px 0 0}.pipe-stage{min-width:0;display:grid;gap:12px}.pipe-panel{min-width:0;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.pipe-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.pipe-panel-head span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.pipe-panel-head strong{display:block;margin-top:3px;font-size:.9rem}.pipe-status{max-width:50%;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel-solid);color:var(--muted);font-size:.68rem;text-align:right;white-space:normal}.pipe-mode-svg,.pipe-spectrum-svg,.pipe-response-svg{display:block;width:100%;height:auto;overflow:visible}.pipe-tube{fill:color-mix(in srgb,var(--accent) 4%,var(--panel-solid));stroke:var(--line);stroke-width:2}.pipe-axis,.pipe-grid{stroke:var(--line);stroke-width:1}.pipe-pressure-path{fill:none;stroke:#53c7ff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.pipe-velocity-path{fill:none;stroke:#ffb45a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.pipe-boundary-wall{stroke:#ffb45a;stroke-width:8;stroke-linecap:round}.pipe-boundary-open{stroke:#53c7ff;stroke-width:3;fill:none}.pipe-end-label,.pipe-grid-label,.pipe-axis-title,.pipe-bar-label,.pipe-drive-label{fill:var(--muted);font-size:15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.pipe-axis-title{font-size:14px}.pipe-node-dot{fill:var(--bg);stroke:#9b8cff;stroke-width:3}.pipe-bar{fill:color-mix(in srgb,var(--accent) 28%,transparent);stroke:color-mix(in srgb,var(--accent) 66%,var(--line));stroke-width:2}.pipe-bar.is-selected{fill:color-mix(in srgb,#9b8cff 38%,transparent);stroke:#9b8cff;stroke-width:4}.pipe-drive-line,.pipe-response-marker{stroke:#ff6f91;stroke-width:2;stroke-dasharray:7 7}.pipe-drive-label{fill:#ff6f91;font-weight:800}.pipe-response-path{fill:none;stroke:#53c7ff;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.pipe-half-line{stroke:#ffb45a;stroke-width:2;stroke-dasharray:8 6}.pipe-response-point{fill:#ff6f91;stroke:var(--bg);stroke-width:3}.pipe-svg-legend{display:flex;gap:9px 16px;flex-wrap:wrap;margin-top:6px;color:var(--muted);font-size:.7rem}.pipe-svg-legend span{display:flex;align-items:center;gap:6px}.pipe-svg-legend i{width:16px;height:3px;border-radius:4px;background:var(--line)}.pipe-svg-legend i.pressure{background:#53c7ff}.pipe-svg-legend i.velocity{background:#ffb45a}.pipe-svg-legend i.node{height:9px;width:9px;border:2px solid #9b8cff;background:transparent;border-radius:50%}.pipe-svg-legend i.mode{background:color-mix(in srgb,var(--accent) 65%,transparent)}.pipe-svg-legend i.selected{background:#9b8cff}.pipe-svg-legend i.drive{background:#ff6f91}.pipe-svg-legend i.response{background:#53c7ff}.pipe-svg-legend i.half{background:#ffb45a}.pipe-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pipe-metrics>div{min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.pipe-metrics span{display:block;color:var(--muted);font-size:.66rem}.pipe-metrics strong{display:block;margin:5px 0 3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem;overflow-wrap:anywhere}.pipe-metrics small{display:block;color:var(--muted);font-size:.62rem}.pipe-reading h3{margin:6px 0 7px;font-size:1rem}.pipe-reading p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.58}.pipe-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.pipe-checks>div{min-width:0;padding:9px;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted)}.pipe-checks strong{display:block;margin-top:4px;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;overflow-wrap:anywhere}.pipe-cross-reference{margin:18px auto 0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--muted);font-size:.84rem}.pipe-cross-reference a{color:var(--text)}.pipe-takeaways{padding-bottom:88px}.pipe-takeaway-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.pipe-takeaway-grid article{min-width:0;padding:15px;border-top:2px solid color-mix(in srgb,var(--accent) 42%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 3%,transparent),transparent)}.pipe-takeaway-grid span{color:var(--accent);font-size:.66rem;font-weight:900}.pipe-takeaway-grid strong{display:block;margin:6px 0 5px;font-size:.84rem}.pipe-takeaway-grid p{margin:0;color:var(--muted);font-size:.73rem;line-height:1.5}
@media(max-width:1050px){.pipe-resonance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pipe-lab-shell{grid-template-columns:1fr}.pipe-controls{position:static}.pipe-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pipe-takeaway-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.pipe-intro,.pipe-resonance,.pipe-lab-section{padding-top:64px}.pipe-boundary-grid,.pipe-derivation-grid,.pipe-resonance-grid,.pipe-metrics,.pipe-checks,.pipe-takeaway-grid{grid-template-columns:1fr}.pipe-card,.pipe-panel,.pipe-controls{padding:14px}.pipe-panel-head{flex-direction:column}.pipe-status{max-width:100%;text-align:left}.pipe-model-note p{display:block;margin:6px 0 0}.pipe-end-label,.pipe-grid-label,.pipe-drive-label{font-size:28px}.pipe-bar-label{display:none}.pipe-axis-title{font-size:24px}.pipe-svg-legend{gap:7px 11px}.pipe-response-equation strong{font-size:.95rem;overflow-wrap:anywhere}}

.pipe-takeaways h2,.pipe-intro :is(h1,h2),.pipe-resonance h2,.pipe-lab-section h2{overflow-wrap:anywhere;hyphens:auto}