.hp-pwa-box{--hp-pwa-accent:#0066b0;box-sizing:border-box;width:100%;padding:16px;border:.5px solid #dce1e7;background:#fff;color:#252b36;container-type:inline-size;font:inherit;text-align:left}
.hp-pwa-box *{box-sizing:border-box}
.hp-pwa-box .hp-pwa-box__main{display:flex;align-items:center;justify-content:space-between;gap:28px}
.hp-pwa-box .hp-pwa-box__intro{display:flex;align-items:center;gap:20px;min-width:0;flex:1}
.hp-pwa-box .hp-pwa-box__icon{display:flex;align-items:center;justify-content:center;flex:0 0 64px;width:64px;height:64px;border-radius:15px;background:var(--hp-pwa-accent);color:#fff}
.hp-pwa-box__icon svg{width:36px;height:36px}
.hp-pwa-box .hp-pwa-box__copy{min-width:0;border-left:1px solid #e1e5eb;padding-left:20px}
.hp-pwa-box .hp-pwa-box__copy p{margin:0;font-size:12px;line-height:1.4;color:#59616b}
.hp-pwa-box .hp-pwa-box__copy .hp-pwa-box__name{color:var(--hp-pwa-accent);font-size:13px;font-weight:650;margin:0 0 4px;overflow-wrap:anywhere}
.hp-pwa-box .hp-pwa-box__copy h2{font-size:clamp(12.9px,2vw,15px);font-weight:550;line-height:1.35;margin:0 0 1px;color:#252b36;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere}
.hp-pwa-box .hp-pwa-box__actions{display:flex;gap:10px;flex-shrink:0}
.hp-pwa-box .hp-pwa-box__actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 18px;border:1px solid var(--hp-pwa-accent);border-radius:28px;background:transparent;color:var(--hp-pwa-accent);font:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;box-shadow:none;text-transform:none;transition:background .2s ease}
.hp-pwa-box .hp-pwa-box__actions button:hover,.hp-pwa-box .hp-pwa-box__actions button[aria-expanded=true]{background:color-mix(in srgb,var(--hp-pwa-accent) 7%,white)}
.hp-pwa-box .hp-pwa-box__actions button:focus-visible{outline:2px solid var(--hp-pwa-accent);outline-offset:4px}
.hp-pwa-box__actions svg{display:block;width:21px;height:21px;flex-shrink:0}
.hp-pwa-box__actions svg:last-child{width:18px;height:18px}
.hp-pwa-box .hp-pwa-box__note{margin:20px 0 0;padding-top:14px;border-top:1px solid #e1e5eb;font-size:12px;line-height:1.6;color:#68717d}
.hp-pwa-box .hp-pwa-box__help{margin-top:18px;padding:14px 16px;border-radius:10px;background:#f5f7f9;font-size:14px;line-height:1.7;color:#394452}
.hp-pwa-box .hp-pwa-box__help[hidden],.hp-pwa-box[hidden]{display:none!important}
@container (max-width:760px){.hp-pwa-box .hp-pwa-box__main{flex-direction:column;align-items:stretch;gap:20px}.hp-pwa-box .hp-pwa-box__actions button{flex:1}}
@media(max-width:768px){.hp-pwa-box{padding:14px}.hp-pwa-box .hp-pwa-box__main{flex-direction:column;align-items:stretch;gap:20px}.hp-pwa-box .hp-pwa-box__intro{gap:14px}.hp-pwa-box .hp-pwa-box__copy{padding-left:14px}.hp-pwa-box .hp-pwa-box__icon{flex-basis:48px;width:48px;height:48px;border-radius:12px}.hp-pwa-box__icon svg{width:28px;height:28px}.hp-pwa-box .hp-pwa-box__actions button{flex:1;padding:10px 12px}}