/* v184 — mobile financing viewport + rail alignment cleanup. Desktop untouched. */
@media (max-width:640px){
  html,
  body.jb-financing-page{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  body.jb-financing-page main{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  /* Full-viewport mobile hero. No parent-relative breakout math. */
  body.jb-financing-page main > section.mobile-finance-hero-v180{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    inset-inline:auto!important;
    transform:none!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:calc(100svh - 68px)!important;
    min-height:calc(100svh - 68px)!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background-repeat:no-repeat!important;
    background-size:cover!important;
  }

  body.page-financing-overview main > section.mobile-finance-hero-v180,
  body.page-homepurchase:not(.page-va) main > section.mobile-finance-hero-v180,
  body.page-jumbo main > section.mobile-finance-hero-v180,
  body.page-nonqm main > section.mobile-finance-hero-v180,
  body.page-refinance main > section.mobile-finance-hero-v180,
  body.page-homeequity main > section.mobile-finance-hero-v180,
  body.page-heloc main > section.mobile-finance-hero-v180,
  body.page-commercial main > section.mobile-finance-hero-v180{
    background-position:center center!important;
  }
  body.page-va main > section.mobile-finance-hero-v180{
    background-position:56% center!important;
  }

  /* Every content section below the hero gets the same centered viewport rail. */
  body.jb-financing-page main > section:not(.hero):not(.mobile-finance-hero-v180){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  body.jb-financing-page main > section:not(.hero):not(.mobile-finance-hero-v180) > .section-inner{
    width:calc(100% - 32px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  body.jb-financing-page .intro-grid,
  body.jb-financing-page .section-stack,
  body.jb-financing-page .cta-grid,
  body.jb-financing-page .program-grid,
  body.jb-financing-page .faq-grid,
  body.jb-financing-page .comparison-grid,
  body.jb-financing-page .overview-card-grid{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }

  /* Financing Overview: just a touch more presence, as requested. */
  body.page-financing-overview .mobile-finance-eyebrow-v180{
    font-size:13.5px!important;
    font-weight:650!important;
  }
  body.page-financing-overview .mobile-finance-body-v180{
    font-size:19px!important;
    line-height:1.42!important;
    font-weight:550!important;
  }
  body.page-financing-overview .mobile-finance-see-v180{
    font-size:16.5px!important;
    font-weight:550!important;
  }
}