/* STRENGTH PROGRAM RESPONSIVE X19 — chooser rail + session preview, mobile flow unchanged */
.strength-program-page .strength-program-controls,
.strength-program-page .strength-program-preview,
.strength-program-page .strength-program-start{min-width:0}
.strength-program-page .strength-program-start{min-height:50px}

@media(min-width:1180px){
  .strength-program-page .shell{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:18px;
    align-items:start;
  }
  .strength-program-page .top,
  .strength-program-page .hero{grid-column:1/-1}
  .strength-program-page .strength-program-controls{
    grid-column:span 4;
    margin-top:0!important;
    position:sticky;
    top:96px;
    align-self:start;
  }
  .strength-program-page .strength-program-preview{
    grid-column:span 8;
    grid-template-columns:1fr;
    margin-top:0;
  }
  .strength-program-page .strength-program-preview>.card{min-height:100%}
  .strength-program-page .strength-program-start{
    grid-column:5/13;
    width:100%;
    margin-top:0!important;
  }
}
@media(min-width:1180px) and (max-height:760px){
  .strength-program-page .strength-program-controls{position:static}
}
@media(max-width:640px){
  .strength-program-page .strength-program-preview{grid-template-columns:1fr}
  .strength-program-page .strength-program-controls{margin-top:12px!important}
  .strength-program-page .strength-program-controls :is(.select,.btn){min-height:50px;font-size:16px}
  .strength-program-page .strength-program-start{width:100%;margin-top:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .strength-program-page .card,.strength-program-page .btn{transition:none!important}
}