/* Readable at the normal viewing size; expanding never recreates the player. */
.radio-home .watch-panel { max-width: 1320px; }
.watch-footer, .watch-footer p, .watch-footer .text-button, .watch-footer a,
.watch-help > summary, .watch-help p { font-size: 16px; line-height: 1.55; }
.watch-footer p, .watch-help { color: #233f50; }
.watch-footer .text-button, .watch-footer a { font-weight: 600; min-height: 46px; }
#enlarge-video { background: #123e5b; color: #fff; border-color: #123e5b; padding-inline: 16px; }
#enlarge-video:hover { background: #0b2d44; }
.radio-home .broadcast-status { padding: 15px 18px; }
.radio-home .broadcast-status strong { font-size: 17px; }
.radio-home .broadcast-status p { font-size: 16px; line-height: 1.5; }
.video-expanded-page { overflow: hidden; }
.radio-home .watch-panel.video-expanded, .watch-panel.video-expanded {
  position: fixed; inset: 12px; z-index: 2000; max-width: none; width: auto;
  margin: 0; padding: 20px; overflow: auto; background: #fff;
  border: 1px solid #c6d4de; box-shadow: 0 0 0 20px #071724eb; border-radius: 12px;
}
.video-expanded .live-video-stage {
  width: min(100%, calc((100dvh - 260px) * 16 / 9));
  min-height: 0; margin-inline: auto;
}
.video-expanded .watch-help { display: none; }
.video-expanded .watch-footer { justify-content: center; }
.video-expanded .watch-footer p { flex: 1 1 100%; text-align: center; }
@media (max-width: 600px) {
  .radio-home .watch-panel.video-expanded, .watch-panel.video-expanded { inset: 0; padding: 14px; border-radius: 0; }
  .watch-footer .text-button, .watch-footer a { font-size: 15px; }
  .radio-home .broadcast-status strong { font-size: 16px; }
}

@media (max-height: 600px) {
  .video-expanded .watch-heading, .video-expanded .watch-footer p { display: none; }
  .video-expanded .live-video-stage { width: min(100%, calc((100dvh - 110px) * 16 / 9)); }
}