.site-main { width: 100%; flex: 1 0 auto; padding-block: 1.5rem 2.5rem; }
.radio-on-air { display: flex; min-height: 2.75rem; align-items: center; gap: .55rem; margin-bottom: .75rem; color: var(--dfm-ink); }
.radio-on-air strong { color: var(--dfm-accent); }
.radio-on-air__slot { display: inline-block; min-width: 8rem; min-height: 1.5rem; }
.home-player-reserved { display: grid; grid-template-columns: 1fr; align-items: start; gap: 1rem; }
.home-player-reserved__video, .home-player-reserved__audio { display: grid; min-width: 0; min-height: 15rem; align-content: start; justify-items: center; gap: .75rem; padding: 1.5rem; color: var(--dfm-ink); background: var(--dfm-soft); text-align: center; }
.home-player-reserved__video { color: #fff; background: var(--dfm-video-panel); }
.home-player-reserved h1, .home-player-reserved h2 { margin: 0; color: inherit; font-size: 1.15rem; font-weight: 700; line-height: 1.35; }
.home-player-reserved p { margin: .35rem 0 0; color: var(--dfm-muted); }
.home-player-reserved__video p { color: inherit; opacity: .8; }
.home-live-video__frame { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: #000; }
.home-live-video { position: absolute; inset: 0; display: block; width: 100%; height: 100%; background: #000; object-fit: contain; }
.home-live-video__start { position: absolute; z-index: 1; top: 50%; left: 50%; display: inline-grid; width: 60px; height: 60px; place-items: center; padding: 0; transform: translate(-50%, -50%); border: 2px solid #fff; border-radius: 50%; color: #fff; background: rgb(0 0 0 / 62%); }
.home-live-video__start svg { display: block; width: 30px; height: 30px; fill: currentColor; }
.home-live-video__start:hover { color: var(--dfm-paper); background: var(--dfm-accent); }
.home-live-video__start[hidden] { display: none; }
.home-live-video__start:disabled { cursor: wait; }
.home-live-video__status { min-height: 1.5em; }
.home-audio-webplayer { display: block; width: 100%; max-width: 100%; height: 520px; border: 0; background: var(--dfm-card); }
@media (max-width: 375px) {
    .home-player-reserved__audio { width: calc(100% + 24px); margin-inline: -12px; padding-inline: 0; }
}
@media (min-width: 376px) and (max-width: 575px) {
    .home-player-reserved__audio { padding-inline: 1rem; }
}
@media (max-width: 760px) {
    .home-player-reserved__video, .home-player-reserved__audio { min-height: 11rem; }
}
@media (min-width: 1200px) {
    .home-player-reserved { grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); align-items: stretch; }
    .home-player-reserved__audio { display: flex; flex-direction: column; }
    .home-audio-webplayer { height: 0; min-height: 0; flex: 1 1 0; }
}