/* Phase 21M.6.3 — Pocket Tackle Mobile Compact Welcome
   Brings Recommended Next Action higher on screen without changing logic. */

@media(max-width:700px){

  /* Compact main Pocket Tackle page spacing. */
  .dvh21b-wrap{
    padding-top:14px!important;
  }

  /* Welcome card */
  .dvh21b-hero{
    padding:22px 20px!important;
    border-radius:22px!important;
  }

  .dvh21b-hero .eyebrow{
    margin-bottom:8px!important;
    font-size:.68rem!important;
    letter-spacing:.14em!important;
  }

  .dvh21b-hero h1{
    margin:0 0 10px!important;
    font-size:clamp(2.15rem,9.5vw,2.85rem)!important;
    line-height:.97!important;
  }

  .dvh21b-hero p{
    margin:0!important;
    max-width:none!important;
    font-size:.92rem!important;
    line-height:1.45!important;
  }

  .dvh21b-recognised{
    margin-top:16px!important;
    min-height:42px!important;
    padding:8px 15px!important;
    font-size:.78rem!important;
  }

  /* Pull Smart Next Step closer to the welcome card. */
  .dvh21m6-next{
    margin-top:10px!important;
  }

  /* Tighten recommendation card just enough to keep the CTA visible sooner. */
  .dvh21m62-recommended{
    font-size:.56rem!important;
  }

  .dvh21m6-copy>strong{
    font-size:1.04rem!important;
  }

  .dvh21m6-copy>p{
    font-size:.70rem!important;
    line-height:1.35!important;
  }

  .dvh21m6-action{
    min-height:40px!important;
  }

  /* At a Glance follows more tightly after the recommendation. */
  .dvh21m-dashboard{
    margin-top:10px!important;
  }
}

@media(max-width:430px){
  .dvh21b-hero{
    padding:19px 17px!important;
  }

  .dvh21b-hero h1{
    font-size:2.12rem!important;
  }

  .dvh21b-hero p{
    font-size:.87rem!important;
  }

  .dvh21b-recognised{
    width:auto!important;
    max-width:100%!important;
  }
}