/* Coach OS 3.77 — Shot Lab follows Core Match Literacy's phone reading system. */
@media (max-width:760px){
  /* The open lesson uses the same inset-card rhythm as Core Match Literacy. */
  body.coach-mode #learningTrackShotLab .v364-shot-body{
    display:block!important;
    padding:10px!important;
    background:#fffdfa!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-grid{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:0!important;
    background:transparent!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-cell{
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:13px 14px!important;
    border:1px solid #eee5e0!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:none!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-cell.why{
    background:#fff4f8!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-cell.player{
    background:#f6f8ff!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-cell.coach{
    background:#fff!important;
  }

  /* Match Core Match Literacy's heading, icon and body-copy hierarchy. */
  body.coach-mode #learningTrackShotLab .v367-study-cell h4{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
    margin:0 0 7px!important;
    font-family:var(--font-heading)!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-cell h4 i{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
    font-size:10px!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-cell>p,
  body.coach-mode #learningTrackShotLab .v367-study-cell li{
    margin:0!important;
    font-family:var(--font-body)!important;
    font-size:10.5px!important;
    line-height:1.5!important;
    color:#62585e!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-cell>b{
    margin:0 0 4px!important;
    font-family:var(--font-body)!important;
    font-size:10.5px!important;
    font-weight:850!important;
    line-height:1.35!important;
    color:#201a20!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-cell>b.v367-sub{
    margin-top:9px!important;
    color:#a4375f!important;
  }
  body.coach-mode #learningTrackShotLab .v367-study-cell strong{
    display:inline-flex!important;
    margin-top:9px!important;
    padding:6px 8px!important;
    font-size:9px!important;
    line-height:1.3!important;
  }

  /* Watch card: contained media first, then quiet reference metadata. */
  body.coach-mode #learningTrackShotLab .v367-watch-cell{
    padding:12px!important;
  }
  body.coach-mode #learningTrackShotLab .v368-watch-intro{
    margin:0 0 8px!important;
    font-size:10px!important;
    font-weight:500!important;
    line-height:1.4!important;
    letter-spacing:0!important;
    color:#6a6066!important;
  }
  body.coach-mode #learningTrackShotLab .v373-video-stack{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    margin-top:8px!important;
  }
  body.coach-mode #learningTrackShotLab .v373-video-card{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"number" "watch" "title" "meta" "link"!important;
    gap:4px!important;
    padding:8px!important;
    border:1px solid #eadfe4!important;
    border-radius:12px!important;
    background:#fffaf7!important;
  }
  body.coach-mode #learningTrackShotLab .v373-video-number{
    font-size:8px!important;
    line-height:1.2!important;
  }
  body.coach-mode #learningTrackShotLab .v373-video-card>.v367-watch,
  body.coach-mode #learningTrackShotLab .v373-video-card>.v367-frame{
    border-radius:10px!important;
  }
  body.coach-mode #learningTrackShotLab .v373-video-card>b{
    margin:2px 0 0!important;
    font-family:var(--font-heading)!important;
    font-size:11px!important;
    font-weight:800!important;
    line-height:1.3!important;
  }
  body.coach-mode #learningTrackShotLab .v373-video-card>p{
    font-size:9px!important;
    line-height:1.35!important;
    color:#756a71!important;
  }
  body.coach-mode #learningTrackShotLab .v373-video-card>a{
    margin-top:2px!important;
    font-size:8.5px!important;
    line-height:1.35!important;
  }
  body.coach-mode #learningTrackShotLab .v368-poster-title{
    left:10px!important;
    right:52px!important;
    bottom:9px!important;
    font-size:11px!important;
    line-height:1.12!important;
  }

  /* Keep the action footer aligned with the inset lesson cards. */
  body.coach-mode #learningTrackShotLab .v364-actions{
    margin-top:0!important;
    padding:12px!important;
    border:1px solid #eee5e0!important;
    border-radius:14px!important;
    background:#faf7f4!important;
  }
}

@media (max-width:390px){
  body.coach-mode #learningTrackShotLab .v364-shot-body{padding:8px!important}
  body.coach-mode #learningTrackShotLab .v367-study-grid{gap:8px!important}
  body.coach-mode #learningTrackShotLab .v367-study-cell{padding:12px!important}
}
