/* The notices of the installable app (app/pwa.js): update ready, ready offline, install offer, offline. One bar at the bottom; colours only from the site palette. */
.pwa-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;flex-direction:column;gap:.4rem;align-items:center;padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));pointer-events:none}
.pwa-bar:empty{display:none}
.pwa-note{pointer-events:auto;display:flex;flex-wrap:wrap;gap:.4rem .9rem;align-items:center;justify-content:center;max-width:46rem;width:100%;padding:.55rem .9rem;border:1px solid var(--border-strong);border-radius:.6rem;background:var(--pop);color:var(--text);box-shadow:0 4px 18px var(--shadow);font-size:.9rem;line-height:1.4}
.pwa-note[data-kind=update]{border-color:var(--accent-rule)}
.pwa-note[data-kind=offline]{color:var(--text-muted)}
.pwa-note span{flex:1 1 14rem;min-width:0}
.pwa-note button{font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:.25rem .8rem;border-radius:.4rem;border:1px solid var(--border-strong);background:transparent;color:var(--text)}
.pwa-note button:hover{border-color:var(--accent);color:var(--accent)}
.pwa-note button[data-act=apply],.pwa-note button[data-act=install]{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.pwa-note button[data-act=apply]:hover,.pwa-note button[data-act=install]:hover{background:var(--accent-hover);color:var(--accent-text)}
/* the install offer: a quiet link in the header (the Menu panel when the bar is folded), same weight as the nav links */
.nav .pwa-install{font:inherit;color:var(--text-muted);background:none;border:0;padding:.2rem 0;cursor:pointer;text-decoration:underline;text-underline-offset:.25em;text-decoration-color:var(--border-strong);white-space:nowrap}
.nav .pwa-install:hover{color:var(--text);text-decoration-color:currentColor}
@media (max-width:56.24rem){html.navjs .nav > .pwa-install{align-self:flex-start;padding:.5rem 0}}
html.navjs.navfold .nav > .pwa-install{align-self:flex-start;padding:.5rem 0}