/* Phase 21M.6.4 — Decisive Pocket Tackle Mobile Compaction
   High-specificity overrides because older additive CSS was still winning.
*/

@media (max-width:700px){

  body .dvh21b-shell{
    margin-top:10px!important;
    margin-bottom:28px!important;
  }

  body .dvh21b-shell > .dvh21b-hero{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:end!important;
    gap:8px 12px!important;
    min-height:0!important;
    padding:16px 16px 14px!important;
    border-radius:18px!important;
  }

  body .dvh21b-shell > .dvh21b-hero > div:first-child{
    min-width:0!important;
  }

  body .dvh21b-shell > .dvh21b-hero .eyebrow{
    margin:0 0 5px!important;
    font-size:.58rem!important;
    letter-spacing:.12em!important;
    line-height:1.1!important;
  }

  body .dvh21b-shell > .dvh21b-hero h1{
    margin:0 0 7px!important;
    font-size:clamp(1.72rem,8.1vw,2.18rem)!important;
    line-height:.97!important;
    letter-spacing:-.035em!important;
  }

  body .dvh21b-shell > .dvh21b-hero p{
    margin:0!important;
    max-width:none!important;
    font-size:.78rem!important;
    line-height:1.34!important;
  }

  body .dvh21b-shell > .dvh21b-hero .dvh21b-recognised{
    align-self:end!important;
    justify-self:end!important;
    width:auto!important;
    min-height:31px!important;
    margin:0!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    font-size:.60rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body .dvh21b-shell > .dvh21m6-next{
    margin:8px 0 10px!important;
    padding:12px!important;
    border-radius:16px!important;
  }

  body .dvh21b-shell > .dvh21m6-next .dvh21m62-recommended{
    min-height:29px!important;
    margin:0 0 1px!important;
    padding:4px 8px 4px 5px!important;
    font-size:.53rem!important;
  }

  body .dvh21b-shell > .dvh21m6-next .dvh21m62-icon{
    width:20px!important;
    height:20px!important;
  }

  body .dvh21b-shell > .dvh21m6-next .dvh21m6-copy > span{
    margin-top:1px!important;
    font-size:.57rem!important;
  }

  body .dvh21b-shell > .dvh21m6-next .dvh21m6-copy > strong{
    font-size:.98rem!important;
  }

  body .dvh21b-shell > .dvh21m6-next .dvh21m6-copy > p{
    margin-top:3px!important;
    font-size:.67rem!important;
    line-height:1.28!important;
  }

  body .dvh21b-shell > .dvh21m6-next .dvh21m6-action{
    min-height:37px!important;
    margin-top:2px!important;
    padding:0 12px!important;
    font-size:.68rem!important;
  }

  body .dvh21b-shell > .dvh21m-dashboard{
    margin-top:8px!important;
  }
}

@media (max-width:430px){
  body .dvh21b-shell > .dvh21b-hero{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }

  body .dvh21b-shell > .dvh21b-hero h1{
    font-size:1.78rem!important;
  }

  body .dvh21b-shell > .dvh21b-hero .dvh21b-recognised{
    justify-self:start!important;
    min-height:29px!important;
  }
}