/* In the page flow: never covers navigation, content, or legal controls. */
.app-banner{background:#edf2ff;border-bottom:1px solid #dce4f5;color:#24324a;padding:10px max(8px,env(safe-area-inset-right)) 10px max(8px,env(safe-area-inset-left))}
.app-banner-inner{display:flex;align-items:center;gap:10px;max-width:720px;margin:0 auto}
.app-banner-close{display:grid;place-items:center;flex:0 0 32px;width:32px;min-height:44px;border:0;border-radius:8px;background:transparent;color:#64748b;font-size:25px;line-height:1}
.app-banner-icon{flex:0 0 44px;display:block;width:44px;height:44px;padding:8px;background:#fff;border:1px solid #dce4f5;border-radius:11px}
.app-banner-copy{flex:1;min-width:0;line-height:1.35}
.app-banner-copy strong{display:block;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;letter-spacing:-.3px}
.app-banner-copy span{display:block;margin-top:3px;color:#52637c;font-size:11px}
.app-banner-download{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;min-height:44px;padding:7px 13px;border-radius:10px;background:#426cec;color:#fff;text-align:center;line-height:1.3;transition:background 180ms ease}
.app-banner-download strong{font-size:12px;font-weight:700}
.app-banner-download span{font-size:9px;margin-top:2px;color:#fff}
@media(hover:hover){.app-banner-download:hover{background:#315cda}.app-banner-close:hover{background:#dce6fc}}
@media(max-width:350px){.app-banner-inner{gap:7px}.app-banner-download{padding-inline:9px}.app-banner-copy span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.app-banner-download{transition:none}}