.hyd-panel{margin:22px 0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.hyd-header{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 24px 0}.hyd-header h3{margin:0;font-size:20px}.hyd-header span{font-size:12px;color:var(--muted)}.hyd-intro{font-size:12px;line-height:1.8;color:var(--muted);padding:0 24px}.hyd-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.hyd-diagram{background:#112e3d;overflow:auto;padding:10px}.hyd-diagram svg{min-width:620px;max-height:none}.hyd-label{fill:#d2e4e8;font-size:16px}.hyd-small{fill:#a9c3cb;font-size:14px}.hyd-pipe{fill:none;stroke:#69818d;stroke-width:9;stroke-linejoin:round}.hyd-pump{fill:#203f4e;stroke:#8ba6af;stroke-width:2}.hyd-valve{fill:#526e79;stroke:#c4d2d5;stroke-width:2}.hyd-active,.hyd-active .hyd-valve{fill:#b58b43;stroke:#f6ce88}.hyd-flow{fill:none;stroke:#f2c576;stroke-width:4;stroke-linejoin:round;marker-end:url(#hyd-arrow);opacity:0}.hyd-return{stroke:#78d5c2}.hyd-explain{padding:22px;font-size:13px;line-height:1.9}.hyd-explain>strong{font-size:19px;color:var(--teal)}.hyd-explain p{color:#526e73}.hyd-explain dl{border-top:1px solid var(--line);padding-top:10px;margin-bottom:0}.hyd-explain dt{color:var(--muted);font-size:11px}.hyd-explain dd{margin:0 0 9px}.hyd-panel details{padding:16px 24px;font-size:12px;line-height:1.9;color:var(--muted)}.hyd-panel summary{cursor:pointer;color:var(--teal)}
@media(max-width:850px){.hyd-layout{grid-template-columns:1fr}.hyd-header{align-items:flex-start;flex-direction:column;gap:8px}.hyd-explain{padding:18px}.hyd-header h3{font-size:18px}}
.hyd-tools{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 16px}
.hyd-tools small{width:100%;font-size:11px;color:var(--muted)}