.hp-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.hp-demo-toolbar .eyebrow{margin:0}.hp-expand-button,.hp-expanded-close{background:#123e62;color:white;border:2px solid #123e62;border-radius:7px;padding:10px 14px;font:700 13px/1.4 Arial,sans-serif;cursor:pointer;min-height:44px;touch-action:manipulation}.hp-expand-button:focus-visible,.hp-expanded-close:focus-visible{outline:3px solid #e89b30;outline-offset:3px}.hp-expanded-dialog{box-sizing:border-box;width:calc(100vw - 24px);max-width:1600px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);padding:64px 20px 16px;border:1px solid #b8d3e5;border-radius:14px;background:#f5f9fc;overflow:auto;overscroll-behavior:contain;position:fixed}.hp-expanded-dialog::backdrop{background:#061a30df}.hp-expanded-close{position:absolute;top:12px;right:20px;z-index:2;font-size:16px}.hp-expanded-dialog .hp-education{box-shadow:none;border:0;padding:0;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);grid-template-rows:auto auto auto auto 1fr;gap:16px 24px;min-height:100%}.hp-is-expanded .hp-demo-toolbar{grid-column:1;margin:0}.hp-is-expanded .hp-expand-button{display:none}.hp-is-expanded .hp-modes,.hp-is-expanded .hp-explanation,.hp-is-expanded .hp-temperature,.hp-is-expanded .hp-step,.hp-is-expanded .hp-note{grid-column:1;margin:0;align-self:start}.hp-is-expanded .hp-modes{grid-template-columns:1fr}.hp-is-expanded .hp-modes button{font-size:16px}.hp-is-expanded .hp-explanation{font-size:18px;min-height:0}.hp-is-expanded .hp-step{font-size:18px}.hp-is-expanded .hp-note{font-size:14px}.hp-is-expanded .hp-temperature{font-size:16px;flex-wrap:wrap}.hp-is-expanded .hp-temperature strong{font-size:32px}.hp-is-expanded svg{grid-column:2;grid-row:1/8;width:100%;height:calc(100dvh - 110px);max-height:none;margin:0;align-self:start;overflow:visible}.hp-is-expanded svg text{font-size:17px}.hp-is-expanded svg .hp-small{font-size:14px}.hp-smart-controls{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;align-items:center;background:#e8f2f9;border:1px solid #c9dce9;border-radius:14px;padding:24px;color:#15384f}.hp-smart-controls h4{font-size:25px;line-height:1.25;margin:8px 0 16px}.hp-smart-controls p{font-size:15px;line-height:1.7}.hp-smart-controls .hp-smart-disclaimer{font-size:12px;color:#4b6578}.hp-phone{box-sizing:border-box;max-width:230px;width:100%;border:8px solid #17354c;border-radius:32px;padding:12px 14px 18px;background:#fcfdff;box-shadow:0 12px 25px #15384f26;font-family:Arial,sans-serif}.hp-phone-speaker{width:52px;height:5px;border-radius:10px;background:#17354c;margin:0 auto 18px}.hp-phone-top{display:flex;align-items:center;justify-content:space-between;color:#1873a3;font-size:8px;letter-spacing:1px;font-weight:700}.hp-phone-top svg{width:22px;height:22px}.hp-phone p.hp-phone-title{font-size:18px;font-weight:700;margin:14px 0}.hp-phone-temperature{background:#e7f2f9;border-radius:12px;padding:18px 8px;text-align:center}.hp-phone-temperature>span{font-size:9px;letter-spacing:1px;display:block}.hp-phone-temperature>strong{display:block;font-size:46px;font-weight:600;color:#13688e;margin-top:8px}.hp-phone-temperature small{font-size:23px}.hp-phone-field{padding:15px 0 11px;border-bottom:1px solid #dbe7ef;font-size:11px}.hp-phone-field>span{display:block;color:#537084;margin-bottom:8px}.hp-phone-field>strong{font-size:13px;font-weight:600}.hp-phone-field i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32845a;margin-right:4px}.hp-phone p.hp-phone-example{font-size:9px;color:#537084;text-align:center;margin:16px 0 0}@media(max-width:1100px){.hp-smart-controls{grid-template-columns:1fr}.hp-phone{justify-self:center}}@media(max-width:850px){.hp-smart-controls{grid-column:1;grid-template-columns:minmax(0,1fr) 230px}.hp-expanded-dialog{padding:64px 12px 16px;width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px)}.hp-expanded-dialog .hp-education{display:flex;flex-direction:column;gap:14px}.hp-is-expanded .hp-modes{grid-template-columns:repeat(3,1fr);width:100%}.hp-is-expanded .hp-modes button{font-size:13px}.hp-is-expanded .hp-temperature{width:100%;box-sizing:border-box}.hp-is-expanded svg{width:100%;height:auto;max-height:none;flex-shrink:0}.hp-is-expanded .hp-explanation{font-size:17px}.hp-is-expanded svg text{font-size:17px}.hp-is-expanded svg .hp-small{font-size:14px}}@media(max-width:600px){.hp-smart-controls{grid-template-columns:1fr;padding:20px}.hp-is-expanded .hp-modes button{font-size:11px}.hp-expanded-close{right:12px}.hp-demo-toolbar{align-items:flex-start}.hp-expand-button{margin-left:auto}}
