.pump-system { display: grid; grid-template-columns: 2fr 1fr; gap: 1.5rem; }
.pump-branches { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; padding: 1rem; background: #f4f8fb; }
.pump-branch { display: flex; flex-direction: column; align-items: center; gap: .4rem; padding: 1rem; border-inline: 3px solid #779bac; background: white; text-align: center; }
.pump-branch > strong { font-size: 1.6rem; }
.pump-branch > span, .pump-branch > small { font-size: .85rem; }
.pump-symbol { width: 110px; height: 65px; color: #236c93; }
.pump-header { padding: .6rem; text-align: center; font-weight: 700; font-size: .8rem; background: #dcebf1; border-block: 2px solid #779bac; }
.pump-measurements { margin: 0; display: grid; align-content: center; gap: 1rem; }
.pump-measurements dt { color: var(--muted); font-size: .9rem; }
.pump-measurements dd { margin: .3rem 0; font-size: 1.7rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.vav-settings { row-gap: 1rem; }
@media(max-width: 760px) { .pump-system { grid-template-columns: 1fr; } .pump-measurements { grid-template-columns: 1fr 1fr; } }
@media(max-width: 430px) { .pump-branches { gap: .5rem; padding: .5rem; } .pump-branch { padding: .5rem; } }