/* SLG mobile fixes (2026-11-07). Loaded after each page's inline styles. */

/* Grid and flex children may shrink below their content width (stops overflow). */
.hero .wrap > *, .wrap > *{min-width:0}
img, iframe, video{max-width:100%}
html, body{overflow-x:clip}

@media (max-width:640px){
  /* 1. Home hero: the logo lockup was forcing the column wider than the screen */
  .hero-lock{flex-wrap:wrap;gap:14px;margin-bottom:1.4rem}
  .hero-mark{width:84px}
  .hero-lock .divider{display:none}
  .lock-l .l{font-size:clamp(1.15rem,6.2vw,1.6rem);letter-spacing:.18em}
  .lock-l .g{font-size:.62rem;letter-spacing:.2em}
  .hero .hero-slogan{font-size:clamp(2rem,9.5vw,2.6rem);overflow-wrap:break-word}
  .hero h1.hero-h1{letter-spacing:.08em;font-size:.86rem}
  .hero .trustline{letter-spacing:.14em}
  .hero .ctas .btn{flex:1 1 100%;text-align:center;justify-content:center}

  /* 2. Top strip: one short line instead of three */
  .strip .locs{display:none}
  .strip .wrap{padding-block:.4rem}
  .strip span{font-size:.72rem;letter-spacing:.06em}

  /* 3. Less screen taken by fixed bars: header stays, practice tabs scroll away */
  .pa-tabs{position:static}
  header.site .wrap{padding-block:.55rem;gap:.7rem}
  .brand svg{width:40px;height:40px}
  .brand .lock-s .l{letter-spacing:.2em;font-size:.95rem}
  .brand .lock-s .g{letter-spacing:.14em;font-size:.56rem}

  /* 4. Bottom call bar no longer hides the end of the page */
  body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
  .callbar .btn{white-space:nowrap;letter-spacing:.08em;font-size:.68rem;padding-inline:.4rem;text-align:center}

  /* 5. Readability and tap targets */
  .eyebrow{letter-spacing:.16em}
  h1, h2, h3{overflow-wrap:break-word}
  footer a, .foot-links a{display:inline-block;padding-block:.35rem}
  table{display:block;overflow-x:auto}
}

@media (max-width:380px){
  .callbar .btn{font-size:.62rem;letter-spacing:.04em}
  .lock-l .l{letter-spacing:.12em}
}

/* Desktop header: keep the nav from running into the phone number on mid-size screens */
@media (min-width:1561px) and (max-width:1900px){
  nav.main a[href$="#deadlines"], nav.main a[href$="#faq"], nav.main a[href="/referrals"]{display:none}
}