/* Mobile review v422: keep exercise content and actions readable. */
@media(max-width:820px){
 #tlStrengthSession .tls-sidebar{gap:10px}
 #tlStrengthSession .tls-session-head{grid-column:1/-1}
 #tlStrengthSession .tls-title{font-size:var(--tl-type-section, 26px);line-height:1.12;overflow-wrap:anywhere}
 #tlStrengthSession .tls-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 #tlStrengthSession .tls-summary .tls-stat{padding:8px 6px;min-width:0}
 #tlStrengthSession .tls-summary .tls-stat small{font-size:var(--tl-type-kicker, 12px);overflow-wrap:anywhere}
 #tlStrengthSession .tls-summary .tls-stat b{font-size:var(--tl-type-body, 15px)}
 #tlStrengthSession .tls-progress{padding:10px}
 #tlStrengthSession .tls-sidebar>.tls-stat{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px}
 #tlStrengthSession .tls-sidebar>.tls-stat b{margin:0}
 #tlStrengthSession .tls-sidebar>.tls-side-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 #tlStrengthSession .tls-side-actions>.tls-btn{min-width:0;min-height:44px;padding:8px;font-size:var(--tl-type-kicker, 12px);white-space:normal}
 #tlStrengthSession .tls-workout-head{display:block}
 #tlStrengthSession .tls-workout-head h2{font-size:var(--tl-type-subsection, 20px);line-height:1.15}
 #tlStrengthSession .tls-top{gap:8px;padding:10px 14px}
 #tlStrengthSession .tls-brand{gap:8px;flex:1}
 #tlStrengthSession .tls-brand>span:last-child{min-width:0}
 #tlStrengthSession .tls-logo{display:none}
 #tlStrengthSession .tls-top-end{gap:8px}
 #tlStrengthSession .tls-top-end .tls-btn{min-width:44px;padding:8px}
}
@media(max-width:600px){
 .modal.ts-detail-modal .ts-detail-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 17px;position:static}
 .modal.ts-detail-modal .ts-detail-actions button{width:100%;min-width:0;min-height:44px;padding:8px;white-space:normal;font-size:var(--tl-type-kicker, 12px)}
 .modal.ts-detail-modal .ts-detail-hero{padding:18px 48px 14px 18px}
 .modal.ts-detail-modal>.close{top:10px;right:auto;width:36px;min-width:36px;height:36px;min-height:36px;margin:10px 10px -46px auto}
 .modal.ts-detail-modal .ts-detail-hero-row{grid-template-columns:40px minmax(0,1fr);gap:10px}
 .modal.ts-detail-modal .ts-detail-hero .ts-card-icon{width:40px;height:40px}
 .modal.ts-detail-modal .ts-detail-hero h3{font-size:var(--tl-type-subsection, 20px);overflow-wrap:anywhere}
}
@media(max-width:350px){#tlStrengthSession .tls-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Intermediate widths use the existing drawer instead of overlapping top navigation. */
@media(min-width:761px) and (max-width:1100px){
 html body .topbar nav#tbNav{display:none!important}
 html body .topbar .tb-logo{flex:1}
 html body .topbar .tb-idx{display:none!important}
}