/* ════════════════════════════════════════════════════════════════
   Phones: the page runs all the way down to the bottom menu.
   Linked last in index.php, after glass.css.

   The page used to stop above the bottom menu at --bnav-h + the full
   home-bar inset, while the menu itself is only --bnav-h (at least 60px) +
   the inset less 10px (--bnav-pb). On phones with a home bar that left a
   strip of plain app background between the content and the menu. Now the
   page reaches the bottom edge and scrolls behind the (frosted) menu; the
   padding keeps the last item on a page clear of it. The menu is unchanged.
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 767px) {
    #main-app .page-content {
        bottom: 0 !important;
        padding-bottom: calc(max(var(--bnav-h), 60px) + var(--bnav-pb) + 24px) !important;
        scroll-padding-bottom: calc(max(var(--bnav-h), 60px) + var(--bnav-pb) + 12px);
    }
}