/* Bottom dock — the phone sticky bar always reaches the screen's bottom edge.
 *
 * Leila, 2026-11-12 (iPhone, Chrome and Safari): once the bottom toolbar
 * collapses, iOS 26 WebKit can leave a `position:fixed; bottom:0` bar where
 * the toolbar used to be, floating with the page showing underneath. A first
 * fix measured the gap with visualViewport and moved the bar by it; on the
 * device the bar JUMPED while the toolbar animated (the browser corrects the
 * bar itself a beat later, and the two moves stacked). So no JS, no moving:
 * the bar grows a skirt of its own background downward. Floating or not, the
 * strip under it is the bar, never the page; where the browser is right the
 * skirt is off-screen and nothing changes. It rides along with the bar's own
 * show/hide transform because it is the bar's pseudo-element.
 *
 * Bars are a touch translucent (rgba .92–.94 over a blur), so the skirt is
 * two layers of that background (::before and ::after): one let faint page
 * text through, two read as solid.
 *
 * Phones only: from 768px every campaign's bar is a floating pill (each
 * campaign's styles.css), and a skirt would hang off it. */
@media (max-width:767px){
  .stickybar::before,.stickybar::after{content:"";position:absolute;left:0;right:0;top:100%;height:240px;
    background:inherit;-webkit-backdrop-filter:inherit;backdrop-filter:inherit;pointer-events:none}
}