/* Baby AEGIS — mobile-polish.css  (file 15 — LOAD LAST, after production-lock.css)
   <link rel="stylesheet" href="css/mobile-polish.css?v=polish-1-20260721">

   FIX 1 — the misaligned hero card (the screenshot bug).
   Root cause: landing.css late block sets .speech{position:static!important}
   while production-lock.css's 1180px block still applies
   transform:translateX(-50%)!important. A STATIC element translated -50%
   slides half off the left edge — exactly what mobile shows.
   Cure: below 1180px the card becomes a normal in-flow block, centered by
   margin, transform dead. Loading last guarantees we win the !important tie. */
@media (max-width:1180px){
  .speech{
    position:static !important;
    transform:none !important;
    left:auto !important; right:auto !important; bottom:auto !important;
    width:min(100%, 420px) !important;
    margin:16px auto 0 !important;
    display:block !important;
  }
  .hero-art{min-height:0 !important; padding-bottom:22px !important;}
}

/* FIX 2 — Log in button visible on mobile.
   Both stylesheets hide .ba-actions .ghost under 720/760px. Bring it back
   and size the pair to fit a phone header. */
@media (max-width:760px){
  .ba-actions .ghost{display:inline-flex !important;}
  .ba-actions{gap:8px !important;}
  .ba-actions .ba-btn{min-height:40px !important; padding:0 13px !important; font-size:12px !important;}
  .ba-brand strong{font-size:18px !important;}
}

/* FIX 3 — small-phone comfort: keep the hero CTA stack and note readable,
   and stop any band from creating sideways scroll. */
@media (max-width:480px){
  .hero-ctas{flex-wrap:wrap !important; gap:10px !important;}
  .hero-ctas .ba-btn{width:100% !important; justify-content:center !important;}
  .hero-note{flex-wrap:wrap !important; row-gap:6px !important;}
  body{overflow-x:hidden !important;}
}

/* FIX 4 — the honest trustbar (styling for the replacement markup in the
   15 patch: one true line instead of stock avatars + unearned press). */
.trustbar.honest{grid-template-columns:1fr !important; text-align:center !important;}
.trustbar.honest .made{font-weight:900; letter-spacing:.02em;}
.trustbar.honest .made span{color:var(--muted); font-weight:600; display:block; margin-top:4px; font-size:13px;}