/* Restore the earlier compact Coach Hub presentation on phones.
   The current Coach Hub markup keeps all features, but mobile cards return to
   the simpler icon + title + arrow layout that existed before descriptions
   were added to the Speed Training-style cards. */
@media (max-width:700px){
  .coach-hub{
    margin:18px 0 32px!important;
    padding:0 16px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .coach-hub-heading{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 18px!important;
  }
  .coach-hub-heading .kicker{
    margin-bottom:8px!important;
    font-size:9px!important;
    letter-spacing:1.6px!important;
  }
  .coach-hub-heading h1{
    margin:0!important;
    font:800 44px/.95 Barlow Condensed,Arial,sans-serif!important;
    letter-spacing:-.4px!important;
  }

  .coach-hub-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:1fr!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  .coach-hub-grid article{
    position:relative!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    min-height:154px!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid var(--line)!important;
    border-top:4px solid var(--lime)!important;
    background:#fff!important;
  }
  .coach-hub-grid article>button{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:11px!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:150px!important;
    padding:18px 12px 28px!important;
    border:0!important;
    background:transparent!important;
    color:#101a14!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .coach-hub-icon{
    display:grid!important;
    flex:0 0 auto!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    place-items:center!important;
    color:#718d28!important;
  }
  .coach-hub-icon svg{width:29px!important;height:29px!important}
  .coach-hub-grid h3{
    width:100%!important;
    max-width:145px!important;
    margin:0!important;
    font:800 21px/1.05 Barlow Condensed,Arial,sans-serif!important;
    text-align:center!important;
    text-transform:none!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  /* The older Coach Hub did not crowd each small phone card with paragraph copy. */
  .coach-hub-grid p{display:none!important}
  .coach-hub-action{
    position:absolute!important;
    right:10px!important;
    bottom:8px!important;
    margin:0!important;
    padding:0!important;
    color:#718d28!important;
    font-size:0!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .coach-hub-action::after{
    content:'→';
    font:900 18px/1 Inter,Arial,sans-serif;
  }
  .coach-add-athlete{
    width:100%!important;
    min-height:50px!important;
    margin:12px 0 0!important;
    font-size:12px!important;
  }
}

@media (max-width:360px){
  .coach-hub{padding:0 12px!important}
  .coach-hub-grid{gap:10px!important}
  .coach-hub-grid article{min-height:146px!important}
  .coach-hub-grid article>button{min-height:142px!important;padding-inline:9px!important}
  .coach-hub-grid h3{max-width:128px!important;font-size:19px!important}
  .coach-hub-icon{width:38px!important;height:38px!important}
  .coach-hub-icon svg{width:26px!important;height:26px!important}
}