/* LV Typing Suite 6.0.44 — mobile-only responsive containment patch.
   Scope: Student Account and Learn Typing lesson/detail.
   No desktop, payment, Premium, coupon, typing engine, exam, ads or analytics changes. */

@media (max-width:760px){
  body.lvts-page-account, body.lvts-page-learn-typing{
    overflow-x:hidden!important;
    overflow-x:clip!important;
  }

  /* Account: keep established intro-first order; constrain only auth components. */
  body.lvts-page-account .lvts-auth-shell{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:980px!important;
    min-width:0!important;
    gap:14px!important;
    margin-inline:auto!important;
  }
  body.lvts-page-account .lvts-auth-intro, body.lvts-page-account .lvts-auth-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.lvts-page-account .lvts-auth-intro{padding:20px 18px!important;border-radius:18px!important}
  body.lvts-page-account .lvts-auth-card{padding:18px 14px!important;border-radius:18px!important}
  body.lvts-page-account .lvts-auth-intro h2{
    font-size:28px!important;
    line-height:1.08!important;
    overflow-wrap:anywhere!important;
  }
  body.lvts-page-account .lvts-auth-tabs, body.lvts-page-account .lvts-auth-form, body.lvts-page-account .lvts-auth-form label, body.lvts-page-account .lvts-auth-form input, body.lvts-page-account .lvts-auth-form button{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.lvts-page-account .lv631-google-login, body.lvts-page-account .lv631-google-login .g_id_signin, body.lvts-page-account .lv631-google-login .g_id_signin>div{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.lvts-page-account .lv631-google-login iframe{
    width:100%!important;
    max-width:100%!important;
  }
  body.lvts-page-account .lv631-google-login small{overflow-wrap:anywhere!important}

  /* Learn Typing: page stays viewport-width; keyboard alone may scroll horizontally. */
  body.lvts-page-learn-typing .lv50-learning-shell, body.lvts-page-learn-typing .lv50-learning-main, body.lvts-page-learn-typing .lv50-lesson-card, body.lvts-page-learn-typing .lv50-check-card, body.lvts-page-learn-typing .lv50-general-run, body.lvts-page-learn-typing .lv50-learning-details, body.lvts-page-learn-typing .lv50-learning-details>section, body.lvts-page-learn-typing .lv50-check-key-guide, body.lvts-page-learn-typing .lv50-below{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  body.lvts-page-learn-typing .lv50-learning-shell{grid-template-columns:minmax(0,1fr)!important}
  body.lvts-page-learn-typing .lv50-learning-details{grid-template-columns:minmax(0,1fr)!important}
  body.lvts-page-learn-typing .lv50-lesson-top{min-width:0!important}
  body.lvts-page-learn-typing .lv50-lesson-top>div:first-child{min-width:0!important}
  body.lvts-page-learn-typing .lv50-key-pill, body.lvts-page-learn-typing .lv50-time-pill{
    min-width:0!important;
    max-width:min(42vw,180px)!important;
    overflow-wrap:anywhere!important;
  }
  body.lvts-page-learn-typing .lv50-kd-keyboard, body.lvts-page-learn-typing .lvts-learn-keyboard{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  body.lvts-page-learn-typing .lv50-kd-row, body.lvts-page-learn-typing .lvts-key-row{
    max-width:none!important;
  }
  body.lvts-page-learn-typing .lv50-next{
    min-width:0!important;
    max-width:100%!important;
    flex-wrap:wrap!important;
  }
  body.lvts-page-learn-typing .lv50-next a{
    max-width:100%!important;
    box-sizing:border-box!important;
    white-space:normal!important;
  }
  body.lvts-page-learn-typing .lv50-learning-main p, body.lvts-page-learn-typing .lv50-learning-main li, body.lvts-page-learn-typing .lv50-learning-main h1, body.lvts-page-learn-typing .lv50-learning-main h2, body.lvts-page-learn-typing .lv50-learning-main h3{
    overflow-wrap:anywhere!important;
  }


}
@media(max-width:380px){
  body.lvts-page-account .lvts-auth-card{padding:16px 12px!important}
  body.lvts-page-account .lvts-auth-intro{padding:18px 15px!important}
  body.lvts-page-account .lvts-auth-tabs button{font-size:13px!important;padding-inline:7px!important}
}