.hp-feature{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.4fr);gap:24px;align-items:stretch}.hp-install-photos.job-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr;margin:0;gap:24px}.hp-install-photos figure{display:flex;flex-direction:column;margin:0}.hp-install-photos .photo-open{flex:1;background:#e3eaf0;display:flex;align-items:center;justify-content:center;position:relative}.hp-install-photos img{width:100%;height:100%;min-height:330px;max-height:520px;object-fit:contain}.hp-install-photos figcaption{padding:16px}.hp-education{background:#f5f9fc;border:1px solid #c9dce9;border-radius:14px;padding:22px;min-width:0;color:#15384f;box-shadow:0 8px 24px #123b5110}.hp-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hp-modes button,.hp-temperature button{background:#123e62;color:#fff;border:2px solid #123e62;border-radius:7px;padding:12px 7px;font:700 12px/1.4 Arial,sans-serif;cursor:pointer;min-height:44px}.hp-modes button[aria-pressed=true]{background:#087baf;border-color:#063d61;box-shadow:0 0 0 3px #0c86b333}.hp-modes button:focus-visible,.hp-temperature button:focus-visible{outline:3px solid #e89b30;outline-offset:3px}.hp-explanation{font-size:15px;min-height:84px;line-height:1.6}.hp-temperature{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;background:#e3eff7;border-radius:8px;font-size:13px}.hp-temperature strong{display:block;font-size:25px;color:#a4422d;font-variant-numeric:tabular-nums}.hp-temperature button{font-size:12px;padding:7px 10px}.hp-education svg{display:block;width:100%;height:auto;margin:12px 0;font:15px Arial,sans-serif;overflow:visible}.hp-education svg text{fill:#173d56}.hp-education svg .hp-small{font-size:12px}.hp-education svg .hp-leader{fill:none;stroke:#748b9b;stroke-width:1.5}.hp-education svg .hp-flow{fill:none;stroke-width:7;stroke-linecap:round;stroke-dasharray:13 14;animation:hp-dash 1.4s linear infinite;marker-end:url(#hp-arrow)}.hp-education svg .hp-hot-gas{stroke-width:6}.hp-fan-spin{animation:hp-spin 1.25s linear infinite}.hp-element{stroke:#7b8b99}.hp-heat-wave{opacity:0}.hp-education[data-mode=hybrid].hp-assist .hp-upper,.hp-education[data-mode=electric] .hp-lower{stroke:#ef7a31;filter:drop-shadow(0 0 6px #fbbd60)}.hp-education[data-mode=hybrid].hp-assist .hp-upper .hp-heat-wave,.hp-education[data-mode=electric] .hp-lower .hp-heat-wave{opacity:1;animation:hp-heat 1.5s ease-in-out infinite}.hp-education[data-mode=electric] .hp-air,.hp-education[data-mode=electric] .hp-refrigerant{opacity:.32}.hp-education[data-mode=electric] .hp-air .hp-flow,.hp-education[data-mode=electric] .hp-refrigerant .hp-flow,.hp-education[data-mode=electric] .hp-fan-spin{animation:none;stroke-dasharray:none}.hp-education[data-mode=electric] .hp-fan{opacity:.4}.hp-step{font-weight:700;font-size:14px;min-height:45px}.hp-note{font-size:12px;line-height:1.6;color:#4b6578}.hp-install-note{margin-top:22px;background:#e3effa;border-left:4px solid #187cb4;padding:20px 24px;border-radius:7px;line-height:1.7;font-size:14px}.hp-install-note a{color:#125681;font-weight:700;text-decoration:underline}.hp-education.hp-paused *{animation-play-state:paused!important}@keyframes hp-dash{to{stroke-dashoffset:-54}}@keyframes hp-spin{to{transform:rotate(360deg)}}@keyframes hp-heat{50%{opacity:.4;transform:translateY(-5px)}}@media(max-width:850px){.hp-feature{grid-template-columns:1fr}.hp-install-photos.job-gallery{grid-template-columns:1fr;grid-template-rows:auto}.hp-install-photos img{height:480px;min-height:0;max-height:65vh}.hp-education{padding:16px}.hp-explanation{min-height:0}}@media(max-width:450px){.hp-modes{gap:5px}.hp-modes button{font-size:10px;padding:10px 4px}.hp-temperature{font-size:12px}.hp-install-note{padding:16px}}@media(prefers-reduced-motion:reduce){.hp-education *{animation-duration:5s!important}.hp-fan-spin{animation-duration:8s!important}}

.hp-education svg text[fill="white"]{fill:white}