/* Study55 LIVE phone cards. QA only; load after study55-live-idle.css.
   Stream cards in #on-air below 600px viewport. Desktop and idle row unchanged. */
@media (max-width:599px){
 body.s55 #on-air>#v8-live-content{gap:16px}
 body.s55 #on-air .v8-live-group{
  display:grid;grid-template-columns:clamp(88px,28%,112px) minmax(0,1fr);grid-template-rows:auto auto auto;
  column-gap:12px;row-gap:0;align-content:start;padding:12px;min-height:0
 }
 body.s55 #on-air .v8-live-group>*{order:unset;grid-area:unset}
 body.s55 #on-air a.v8-live-picture{
  grid-column:1;grid-row:1;align-self:start;justify-self:start;width:100%;max-width:100%;min-width:0;
  height:auto;aspect-ratio:16/9;flex-shrink:unset
 }
 body.s55 #on-air a.v8-live-picture img{width:100%;height:100%;object-fit:cover}
 body.s55 #on-air .v8-live-person{
  grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;
  min-width:0;min-height:44px;margin:0;padding:0
 }
 body.s55 #on-air .v8-live-identity h3{font-size:18px;line-height:1.4}
 body.s55 #on-air .v8-live-profile{min-height:44px;padding:0}
 body.s55 #on-air .v8-live-title{
  grid-column:1/-1;grid-row:2;margin:10px 0 0;padding:0;font-size:15px;line-height:1.65;font-weight:500
 }
 body.s55 #on-air .v8-live-destinations{
  grid-column:1/-1;grid-row:3;margin:0;padding:12px 0 0;gap:8px;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,176px),1fr))
 }
 body.s55 #on-air .v8-live-watch{min-height:44px;padding:8px 12px;gap:4px}
 body.s55 #on-air .v8-live-watch-main{font-size:14px}
 body.s55 #on-air .v8-live-group:not(:has(>a.v8-live-picture)){
  grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto
 }
 body.s55 #on-air .v8-live-group:not(:has(>a.v8-live-picture))>:is(.v8-live-person,.v8-live-title,.v8-live-destinations){grid-column:1}
 body.s55 #on-air .v8-live-group:not(:has(>a.v8-live-picture))>.v8-live-person{grid-row:1}
 body.s55 #on-air .v8-live-group:not(:has(>a.v8-live-picture))>.v8-live-title{grid-row:2}
 body.s55 #on-air .v8-live-group:not(:has(>a.v8-live-picture))>.v8-live-destinations{grid-row:3}
 body.s55 #on-air .v8-live-group:has(>a.v8-live-picture):not(:has(>a.v8-live-picture img)){
  grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto
 }
 body.s55 #on-air .v8-live-group:has(>a.v8-live-picture):not(:has(>a.v8-live-picture img))>.v8-live-person{grid-column:1;grid-row:1}
 body.s55 #on-air .v8-live-group:has(>a.v8-live-picture):not(:has(>a.v8-live-picture img))>a.v8-live-picture{
  grid-column:1/-1;grid-row:2;width:100%;max-width:none;aspect-ratio:auto;min-height:44px;background:transparent;border:0
 }
 body.s55 #on-air .v8-live-group:has(>a.v8-live-picture):not(:has(>a.v8-live-picture img))>.v8-live-title{grid-row:3}
 body.s55 #on-air .v8-live-group:has(>a.v8-live-picture):not(:has(>a.v8-live-picture img))>.v8-live-destinations{grid-row:4}
 body.s55 #on-air a.v8-live-picture:not(:has(img)) .v8-live-image-note{font-size:13px;line-height:1.6;padding:10px 0;color:#d6cbdc;text-align:left;text-decoration:underline;text-underline-offset:3px}
}