/* REVISE. PWA install affordance. Unobtrusive and responsive. */
.pwa-install-footer{display:flex;align-items:center;flex-wrap:wrap;gap:9px;width:100%;margin-top:6px}
.pwa-install-footer button{font:inherit;font-size:12px;font-weight:750;letter-spacing:.01em;border:1px solid #a9aca0;border-radius:10px;padding:9px 12px;background:#f9f8f3;color:#25291e;cursor:pointer}
.pwa-install-footer button:hover{background:#e9f6cc}
.pwa-install-footer button:focus-visible,.pwa-install-toast button:focus-visible{outline:3px solid #6244ac;outline-offset:3px}
.pwa-install-toast{position:fixed;z-index:1200;left:16px;bottom:16px;max-width:min(360px,calc(100vw - 32px));border:1px solid #292b23;border-radius:16px;background:#faf9f4;color:#24241f;box-shadow:5px 6px 0 #23271e;padding:16px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:8px}
.pwa-install-toast[hidden],.pwa-install-help[hidden],.pwa-install-footer[hidden]{display:none!important}
.pwa-install-toast strong{display:block;font-size:15px;line-height:1.3}
.pwa-install-toast p{font-size:12px;line-height:1.5;margin:4px 0 5px}
.pwa-install-toast button{border:1px solid #262823;background:#dfff85;color:#23261e;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:850;cursor:pointer}
.pwa-install-toast button.pwa-not-now{background:transparent;border-color:#aaa}
.pwa-install-help{font-size:12px;line-height:1.5;border-left:3px solid #7653a2;background:#f6f1fc;padding:10px 13px;margin-top:8px;max-width:560px;color:#303026}
@media(max-width:420px){.pwa-install-toast{left:10px;bottom:10px;max-width:calc(100vw - 20px);padding:12px}.pwa-install-toast strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){.pwa-install-toast{transition:none!important}}