/* v1.0.562 - Legacy Microsoft Edge (EdgeHTML) compatibility layer.
   Scoped with @supports so modern Chrome/Firefox/Safari/Chromium Edge keep the normal design. */
@supports (-ms-ime-align: auto) {
  *, *::before, *::after { box-sizing: border-box; }

  body.home .rfm-inner-align-container,
  body.home .rfm-home-top15-section,
  body.home .rfm-art-section,
  body.home .rfm-home-banner-row,
  body.home .rfm-mobile-secondary-banners,
  body.home .rfm-atsuk-home-section {
    width: calc(100% - 96px) !important;
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home .rfm-inner-align-container {
    display: block !important;
    overflow: visible !important;
  }

  body.home .rfm-standalone-player-box,
  body.home .rfm-history-dropdown-panel,
  body.home .rfm-atsuk-home-section,
  body.home .rfm-home-banner-row,
  body.home .rfm-home-top15-section,
  body.home .rfm-art-section {
    clear: both !important;
    position: relative !important;
  }

  body.home .rfm-standalone-player-box,
  body.home .rfm-history-dropdown-panel {
    width: 100% !important;
  }

  body.home .rfm-floating-player {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.home .rfm-info {
    min-width: 0 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  body.home .rfm-song,
  body.home .rfm-artist,
  body.home .rfm-history-song-title,
  body.home .rfm-history-artist-title,
  body.home .rfm-home-top15-song,
  body.home .rfm-home-top15-artist,
  body.home .rfm-art-name {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* Desktop history under the main player: use flex fallback instead of CSS grid/aspect-ratio. */
  body.home .rfm-history-layout-wrapper {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  body.home .rfm-history-list-inner {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.home .rfm-history-side {
    -ms-flex: 0 0 112px !important;
    flex: 0 0 112px !important;
    margin-left: 28px !important;
  }

  body.home #rfmHistoryContainer .rfm-history-row {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body.home #rfmHistoryContainer .rfm-history-meta {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.home #rfmHistoryContainer .rfm-history-art {
    width: 104px !important;
    height: 59px !important;
    -ms-flex: 0 0 104px !important;
    flex: 0 0 104px !important;
  }

  body.home #rfmHistoryContainer .rfm-history-art img {
    width: 100% !important;
    height: 100% !important;
  }

  /* TOP 15 / ratings / currently popular sections: old Edge grid fallback. */
  body.home .rfm-home-top15-grid,
  body.home .rfm-home-ratings-grid,
  body.home .rfm-home-current-popular-grid {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    margin-left: -9px !important;
    margin-right: -9px !important;
  }

  body.home .rfm-home-top15-card,
  body.home .rfm-home-ratings-card,
  body.home .rfm-home-current-popular-card {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    width: calc(33.333% - 18px) !important;
    min-width: 0 !important;
    margin: 0 9px 18px !important;
  }

  body.home .rfm-home-top15-rank {
    -ms-flex: 0 0 36px !important;
    flex: 0 0 36px !important;
    margin-right: 14px !important;
  }

  body.home .rfm-home-top15-media {
    width: 112px !important;
    height: 63px !important;
    -ms-flex: 0 0 112px !important;
    flex: 0 0 112px !important;
    margin-right: 14px !important;
  }

  body.home .rfm-home-top15-media img,
  body.home .rfm-home-top15-fallback {
    width: 100% !important;
    height: 100% !important;
  }

  body.home .rfm-home-top15-fallback {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  body.home .rfm-home-top15-body {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  /* Homepage banner row: avoid flex gap and grid-only layouts. */
  body.home .rfm-home-banner-row {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    margin-top: 24px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.home .rfm-home-banner-row > * {
    -ms-flex: 1 1 0 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin-right: 18px !important;
  }

  body.home .rfm-home-banner-row > *:last-child {
    margin-right: 0 !important;
  }

  /* Artists carousel: old Edge does not handle max-content reliably. Keep it static and clean. */
  body.home .rfm-art-marquee-wrapper {
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
  }

  body.home .rfm-art-marquee-track {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    min-width: 0 !important;
    animation: none !important;
    transform: none !important;
  }

  body.home .rfm-art-card {
    -ms-flex: 0 0 146px !important;
    flex: 0 0 146px !important;
    width: 146px !important;
    margin-right: 24px !important;
  }

  body.home .rfm-art-bubble {
    width: 132px !important;
    height: 132px !important;
  }

  body.home .rfm-art-bubble img {
    width: 100% !important;
    height: 100% !important;
  }

  /* Less fragile glass effects for EdgeHTML. */
  body.home .rfm-floating-player,
  body.home .rfm-history-dropdown-panel,
  body.home .rfm-home-top15-card,
  body.home .rfm-art-section,
  body.home .rfm-atsuk-home-section {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Sticky player containment in old Edge. */
  #rfp-sticky-bar,
  .rfp-sticky-bar,
  .rfm-sticky-player {
    max-width: 1280px !important;
  }

  @media (max-width: 1320px) {
    body.home .rfm-home-top15-card,
    body.home .rfm-home-ratings-card,
    body.home .rfm-home-current-popular-card {
      width: calc(50% - 18px) !important;
    }
  }

  @media (max-width: 991px) {
    body.home .rfm-inner-align-container,
    body.home .rfm-home-top15-section,
    body.home .rfm-art-section,
    body.home .rfm-home-banner-row,
    body.home .rfm-mobile-secondary-banners,
    body.home .rfm-atsuk-home-section {
      width: calc(100% - 28px) !important;
      max-width: 100% !important;
    }

    body.home .rfm-home-top15-card,
    body.home .rfm-home-ratings-card,
    body.home .rfm-home-current-popular-card {
      width: calc(100% - 18px) !important;
    }
  }
}