/* "Get the app" banner (public/js/app-banner.js). Static in normal flow —
   NOT sticky/fixed, so it sits above the page's own sticky nav without any
   stacking-order fights, and just scrolls away like any other content. */
.app-banner{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:var(--bg2);border-bottom:1px solid var(--bd);font-size:.85rem;color:var(--tx2)}
.app-banner-text{flex:1}
.app-banner-open{background:var(--ac);color:#fff;border:none;border-radius:6px;padding:.4rem .9rem;font-size:.8rem;font-weight:600;cursor:pointer}
.app-banner-close{background:none;border:none;color:var(--tx3);font-size:1rem;line-height:1;cursor:pointer;padding:.25rem .5rem}