/* ───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────
   mibl_phone_global.css — the shared header + footer of the desktop-shell pages, on a PHONE. 12 Oct 2026.
   Linked from footer_public.php with media="(max-width: 640px)" (after mibl_footer.css, so it wins ties). Nothing here changes a desktop pixel.

   WHY. The audit of every page at 390px found the same four things on every page that is not a phone twin: the header's wallet chip (27px)
   and account button (31px) were under a finger's size, the footer was 21 links 20px tall in one long column, its column titles were 10.5px,
   and the floating «Mobile version» pill hung over the content of pages that have no phone twin (and only led to the phone home).
   ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────── */

/* a closed side widget (the Aria / Tanin / bug dock slides in from the right edge) must never widen the page: with the book open the layout
   viewport grew to 418px and the book was cut off. `clip` hides the overflow without turning <html> into a scroll container. */
html{overflow-x:clip}

/* header: the two small controls get a finger-sized box */
#miblPubHeader .wallet-chip{min-height:38px;display:inline-flex;align-items:center}
#miblPubHeader .pub-auth-btn{min-height:38px}

/* footer: brand block, then each link group as a two-column grid of 44px rows */
.site-footer{margin-top:14px}
.footer-top{grid-template-columns:minmax(0,1fr);gap:20px;padding:26px 0 14px;width:calc(100% - 28px)}
.footer-brand-desc{max-width:100%;font-size:13.5px}
.footer-col-title{font-size:12px;letter-spacing:.06em;margin-bottom:4px;color:rgba(255,255,255,.80)}
.footer-links-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.footer-links-list li a{min-height:44px;font-size:14px;color:rgba(255,255,255,.74);border-bottom:1px solid rgba(255,255,255,.06);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footer-links-list li a .li-icon{width:18px;height:18px}
.footer-socials{gap:10px}
.footer-soc-btn{width:44px;height:44px;border-radius:12px}
.footer-bottom-bar{width:calc(100% - 28px);flex-direction:column;gap:2px;padding:12px 0 18px}
.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:2px 14px}
.footer-bottom-link{display:inline-flex;align-items:center;min-height:40px;font-size:12.5px}
.footer-copy-text,.footer-made-in{font-size:12.5px}

/* inside the iPhone app shell the bar is the shell's own — the «Mobile version» pill has nothing to offer there */
html.mibl-in-shell .mibl-mobile-switch{display:none!important}