/* 20260828c - Final homepage radio layout. This stylesheet is loaded after
   all historic page/theme files, so those rules can no longer squeeze the
   two radio entries into the old five-column layout. */
html.dmw-new body.test-home .test-on-air{display:grid!important;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)!important;grid-template-areas:"now play next" "program program program"!important;align-items:center!important;gap:14px 16px!important;padding:18px 22px 16px!important;}
html.dmw-new body.test-home .test-radio-slot{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;min-width:0!important;min-height:88px!important;padding:11px 13px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important;background:rgba(3,30,57,.16)!important;}
html.dmw-new body.test-home .test-now-slot{grid-area:now!important}html.dmw-new body.test-home .test-next-slot{grid-area:next!important}
html.dmw-new body.test-home .test-on-air-art,html.dmw-new body.test-home .test-up-next-art{display:block!important;min-width:0!important}html.dmw-new body.test-home .test-on-air-art img,html.dmw-new body.test-home .test-up-next-art img{display:block!important;width:64px!important;height:64px!important;object-fit:cover!important;border-radius:16px!important;}
html.dmw-new body.test-home .test-on-air-track,html.dmw-new body.test-home .test-up-next{display:grid!important;gap:4px!important;min-width:0!important;padding:0!important;border:0!important}
html.dmw-new body.test-home .test-on-air-track strong,html.dmw-new body.test-home .test-up-next strong{display:block!important;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere!important;-webkit-line-clamp:unset!important;font-size:clamp(14px,1.35vw,17px)!important;line-height:1.18!important;}
html.dmw-new body.test-home .test-on-air-track small,html.dmw-new body.test-home .test-up-next small{overflow:visible!important;white-space:normal!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
html.dmw-new body.test-home .test-play{grid-area:play!important;position:relative!important;justify-self:center!important}html.dmw-new body.test-home .test-play:before{content:""!important;position:absolute!important;z-index:-1!important;left:50%!important;top:50%!important;width:1px!important;height:112px!important;background:linear-gradient(transparent,rgba(255,255,255,.38) 18%,rgba(255,255,255,.38) 82%,transparent)!important;transform:translate(-50%,-50%)!important}
html.dmw-new body.test-home .test-program{grid-area:program!important;grid-column:1/-1!important;padding-right:96px!important}html.dmw-new body.test-home .test-full-player{position:absolute!important;right:22px!important;bottom:18px!important}
@media(max-width:960px){html.dmw-new body.test-home .test-on-air{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"now" "next" "program"!important}html.dmw-new body.test-home .test-now-slot{padding-right:72px!important}html.dmw-new body.test-home .test-play{position:absolute!important;top:34px!important;right:34px!important}html.dmw-new body.test-home .test-play:before{display:none!important}}
@media(max-width:700px){html.dmw-new body.test-home .test-on-air{padding:12px!important;gap:10px!important}html.dmw-new body.test-home .test-radio-slot{grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important;min-height:70px!important;padding:9px 10px!important;border-radius:15px!important}html.dmw-new body.test-home .test-on-air-art img,html.dmw-new body.test-home .test-up-next-art img{width:48px!important;height:48px!important;border-radius:13px!important}html.dmw-new body.test-home .test-now-slot{padding-right:62px!important}html.dmw-new body.test-home .test-play{top:34px!important;right:25px!important}html.dmw-new body.test-home .test-on-air-track strong,html.dmw-new body.test-home .test-up-next strong{font-size:13px!important;line-height:1.2!important}}
/* Compact desktop keeps the two peers side by side. A phone uses two short,
   predictable flex rows; inherited grid areas can no longer displace artwork
   into the text column. */
@media(min-width:701px) and (max-width:960px){
  html.dmw-new body.test-home .test-on-air{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"now next" "program program"!important;gap:12px!important}
  html.dmw-new body.test-home .test-radio-slot{grid-template-columns:54px minmax(0,1fr)!important;min-height:76px!important;padding:10px!important}
  html.dmw-new body.test-home .test-on-air-art img,html.dmw-new body.test-home .test-up-next-art img{width:54px!important;height:54px!important}
  html.dmw-new body.test-home .test-play{display:none!important}
}
@media(max-width:700px){
  html.dmw-new body.test-home .test-on-air{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"now" "next" "program"!important}
  html.dmw-new body.test-home .test-radio-slot{display:flex!important;align-items:center!important;gap:11px!important;min-height:72px!important;padding:10px 12px!important}
  html.dmw-new body.test-home .test-on-air-art,html.dmw-new body.test-home .test-up-next-art{display:block!important;flex:0 0 48px!important;width:48px!important;height:48px!important;align-self:center!important}
  html.dmw-new body.test-home .test-on-air-art img,html.dmw-new body.test-home .test-up-next-art img{display:block!important;width:48px!important;height:48px!important;margin:0!important}
  html.dmw-new body.test-home .test-on-air-track,html.dmw-new body.test-home .test-up-next{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;margin:0!important}
  html.dmw-new body.test-home .test-on-air-track span,html.dmw-new body.test-home .test-up-next span{margin:0!important}
  html.dmw-new body.test-home .test-on-air-track strong,html.dmw-new body.test-home .test-up-next strong{margin:2px 0!important;line-height:1.16!important}
  html.dmw-new body.test-home .test-next-slot{min-height:72px!important}
  html.dmw-new body.test-home .test-play,html.dmw-new body.test-home .test-full-player{display:none!important}
}
html.dmw-new-embedded body.test-home .test-play,html.dmw-new-embedded body.test-home .test-full-player{display:none!important}