/* RELAX FM TOP 15 public history - v1.0.910
 * Archive component uses the isolated rfm-t15a namespace on purpose.
 */

/* Shared date navigation: also used inside the current/live TOP rendered by the plugin. */
.rfm-top15-history-nav-wrap{display:flex;width:100%;justify-content:center;align-items:center;margin:0 0 16px}
.rfm-top15-history-nav-wrap--fallback{margin-top:4px}
.rfm-top15-history-nav{display:inline-flex;align-items:center;justify-content:center;gap:8px;vertical-align:middle;font-family:'Poppins',sans-serif;white-space:nowrap}
.rfm-top15-history-date{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.94);border:1px solid rgba(210,4,53,.12);box-shadow:0 7px 20px rgba(38,28,29,.045);color:#261c1d;font-size:11px;line-height:1;font-weight:800;letter-spacing:.065em;white-space:nowrap}
.rfm-top15-history-nav .rfm-top15-history-arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:999px;background:#fff;border:1px solid rgba(210,4,53,.16);box-shadow:0 7px 18px rgba(38,28,29,.045);color:#d20435;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.rfm-top15-history-chevron{display:block;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor}
.rfm-top15-history-arrow--older .rfm-top15-history-chevron{transform:rotate(-135deg) translate(-1px,1px)}
.rfm-top15-history-arrow--newer .rfm-top15-history-chevron{transform:rotate(45deg) translate(-1px,1px)}
@media (hover:hover) and (pointer:fine){.rfm-top15-history-arrow:hover{transform:translateY(-1px);border-color:rgba(210,4,53,.32);box-shadow:0 9px 22px rgba(210,4,53,.09)}}

/* Archive shell. Everything below is intentionally scoped to rfm-t15a. */
.rfm-t15a,.rfm-t15a *{box-sizing:border-box}
.rfm-t15a{width:100%;max-width:1040px;margin:var(--rfm-top-clearance-page-desktop,154px) auto 0;padding:8px 0 28px;font-family:'Poppins',sans-serif;color:#261c1d;isolation:isolate}
.rfm-t15a a{-webkit-tap-highlight-color:transparent}
.rfm-t15a a.rfm-t15a__content,.rfm-t15a a.rfm-t15a__content:link,.rfm-t15a a.rfm-t15a__content:visited,.rfm-t15a a.rfm-t15a__content:hover,.rfm-t15a a.rfm-t15a__content:focus{color:inherit;text-decoration:none!important;text-decoration-line:none!important;border-bottom:0!important;box-shadow:none}
.rfm-t15a__panel{width:100%;margin:0;padding:22px;border-radius:26px;background:rgba(255,255,255,.70);border:1px solid rgba(255,255,255,.94);box-shadow:0 18px 48px rgba(38,28,29,.055);overflow:hidden}
.rfm-t15a__header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 14px;padding:0 2px 15px;border-bottom:1px solid rgba(38,28,29,.06)}
.rfm-t15a__heading{min-width:0}
.rfm-t15a__kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 6px;color:#d20435;font-size:9px;line-height:1;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.rfm-t15a__kicker:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#d20435;box-shadow:0 0 0 4px rgba(210,4,53,.07)}
.rfm-t15a__heading h2{margin:0;padding:0;color:#261c1d;font-size:26px;line-height:1.08;font-weight:800;letter-spacing:-.035em}
.rfm-t15a__header .rfm-top15-history-nav{flex:0 0 auto}

.rfm-t15a__list{list-style:none;display:flex;flex-direction:column;gap:8px;width:100%;margin:0;padding:0}
.rfm-t15a__item{display:block;width:100%;margin:0;padding:0;border:1px solid rgba(38,28,29,.06);border-radius:17px;background:rgba(255,255,255,.88);box-shadow:0 5px 16px rgba(38,28,29,.02);overflow:hidden}
.rfm-t15a__item.is-top-three{border-color:rgba(210,4,53,.12);background:linear-gradient(90deg,rgba(210,4,53,.035),rgba(255,255,255,.90) 30%)}
.rfm-t15a__content{display:grid;grid-template-columns:46px 150px minmax(0,1fr) auto;grid-template-areas:"rank art info meta";align-items:center;gap:14px;width:100%;min-width:0;margin:0;padding:10px 13px 10px 10px;color:inherit;text-decoration:none}
a.rfm-t15a__content{cursor:pointer;transition:background-color .16s ease}
@media (hover:hover) and (pointer:fine){a.rfm-t15a__content:hover{background:rgba(210,4,53,.022)}}

.rfm-t15a__rank{grid-area:rank;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;border-radius:13px;background:#d20435;color:#fff;font-size:18px;line-height:1;font-weight:800}
.rfm-t15a__item.is-top-three .rfm-t15a__rank{box-shadow:0 7px 18px rgba(210,4,53,.13)}
.rfm-t15a__art{grid-area:art;display:block;width:150px;aspect-ratio:16/9;margin:0;border-radius:11px;overflow:hidden;background:#f4eded}
.rfm-t15a__art img{display:block;width:100%;height:100%;max-width:none;margin:0;padding:0;object-fit:cover}
.rfm-t15a__art-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:6px;color:#d20435;font-size:9px;font-weight:800;letter-spacing:.08em;text-align:center}
.rfm-t15a__info{grid-area:info;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0;margin:0;padding:0}
.rfm-t15a__song,.rfm-t15a__artist{text-decoration:none!important;text-decoration-line:none!important;border-bottom:0!important}
.rfm-t15a__song{display:block;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#261c1d;font-size:15px;line-height:1.2;font-weight:800;letter-spacing:-.012em}
.rfm-t15a__artist{display:block;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(38,28,29,.57);font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.035em;text-transform:uppercase}
.rfm-t15a__meta{grid-area:meta;display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;margin:0;padding:0}
.rfm-t15a__trend,.rfm-t15a__weeks,.rfm-t15a__golden{display:inline-flex;align-items:center;justify-content:center;min-height:27px;margin:0;padding:0 9px;border-radius:999px;font-size:8.5px;line-height:1;font-weight:800;letter-spacing:.035em;white-space:nowrap;text-transform:uppercase}
.rfm-t15a__trend{min-width:46px;background:rgba(210,4,53,.075);color:#d20435}
.rfm-t15a__trend.is-flat,.rfm-t15a__trend.is-down{background:rgba(38,28,29,.05);color:rgba(38,28,29,.59)}
.rfm-t15a__trend.is-new{background:rgba(210,4,53,.09);color:#d20435}
.rfm-t15a__weeks{background:#fff;border:1px solid rgba(38,28,29,.07);color:rgba(38,28,29,.54)}
.rfm-t15a__golden{background:#fff5d8;border:1px solid rgba(173,125,0,.12);color:#8a6200}
.rfm-t15a__empty{margin:18px auto 0;padding:16px 18px;max-width:700px;border-radius:16px;background:rgba(255,255,255,.7);text-align:center;color:rgba(38,28,29,.62);font-size:13px;font-weight:700}

@media(max-width:900px){
  .rfm-t15a__panel{padding:18px}
  .rfm-t15a__content{grid-template-columns:42px 126px minmax(0,1fr) auto;gap:11px;padding:9px 11px 9px 9px}
  .rfm-t15a__rank{width:40px;height:40px;font-size:17px}
  .rfm-t15a__art{width:126px}
  .rfm-t15a__song{font-size:14px}
  .rfm-t15a__meta{gap:5px}
  .rfm-t15a__trend,.rfm-t15a__weeks,.rfm-t15a__golden{padding:0 7px;font-size:8px}
}

@media(max-width:620px){
  .rfm-t15a{margin-top:72px;padding:4px 7px 18px}
  .rfm-t15a__panel{padding:12px 8px 9px;border-radius:20px}
  .rfm-t15a__header{align-items:flex-start;gap:10px;margin-bottom:9px;padding:0 2px 10px}
  .rfm-t15a__heading h2{font-size:20px}
  .rfm-t15a__kicker{margin-bottom:5px;font-size:8px;letter-spacing:.13em}
  .rfm-t15a__header .rfm-top15-history-nav{gap:5px}
  .rfm-top15-history-date{min-height:31px;padding:0 9px;font-size:9px;letter-spacing:.04em}
  .rfm-top15-history-nav .rfm-top15-history-arrow{width:31px;height:31px;flex-basis:31px}
  .rfm-t15a__list{gap:6px}
  .rfm-t15a__item{border-radius:15px}
  .rfm-t15a__content{grid-template-columns:32px 94px minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"rank art info" "rank art meta";column-gap:8px;row-gap:5px;padding:7px 8px 7px 7px}
  .rfm-t15a__rank{width:30px;height:30px;border-radius:9px;font-size:14px}
  .rfm-t15a__art{width:94px;border-radius:8px}
  .rfm-t15a__info{gap:3px}
  .rfm-t15a__song{font-size:12.5px;line-height:1.18;text-decoration:none!important}
  .rfm-t15a__artist{font-size:8.5px;letter-spacing:.02em;text-decoration:none!important}
  .rfm-t15a__meta{justify-content:flex-start;align-self:start;gap:4px;min-height:21px;flex-wrap:wrap}
  .rfm-t15a__trend,.rfm-t15a__weeks,.rfm-t15a__golden{min-height:21px;padding:0 6px;font-size:7.3px}
  .rfm-t15a__trend{min-width:0}
}

@media(max-width:430px){
  .rfm-t15a__header{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .rfm-t15a__header .rfm-top15-history-nav{justify-self:stretch;justify-content:center;width:100%}
}

@media(max-width:360px){
  .rfm-t15a{margin-top:68px;padding-left:4px;padding-right:4px}
  .rfm-t15a__panel{padding-left:6px;padding-right:6px}
  .rfm-t15a__content{grid-template-columns:28px 82px minmax(0,1fr);column-gap:6px;padding:6px}
  .rfm-t15a__rank{width:27px;height:27px;font-size:13px}
  .rfm-t15a__art{width:82px}
  .rfm-t15a__song{font-size:11px}
  .rfm-t15a__artist{font-size:8px}
}

@media(prefers-reduced-motion:reduce){.rfm-top15-history-arrow,a.rfm-t15a__content{transition:none}}