/* FMG station detail: distinct editorial song cards, responsive and accessible. */
.fmg-station-live,
.fmg-station-history {
  background: #fff;
  border: 1px solid #dce6f2;
  border-radius: 20px;
  padding: clamp(20px, 3vw, 34px);
  margin: 26px 0;
  box-shadow: 0 12px 35px rgba(11, 43, 84, 0.055);
}
.fmg-station-live {
  background: linear-gradient(125deg, #f0f7ff 0%, #ffffff 72%);
  border-left: 5px solid #0866e8;
}
.fmg-station-live h2,
.fmg-station-history h2 {
  margin: 0 0 20px;
  color: #0b2346;
  font-size: clamp(1.35rem, 2.5vw, 1.75rem);
  letter-spacing: -0.025em;
}
.fmg-station-live h2::before {
  content: '';
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #12a76b;
  margin-right: 10px;
  vertical-align: middle;
  box-shadow: 0 0 0 4px rgba(18, 167, 107, 0.12);
}
.fmg-live-song { display: flex; flex-direction: column; gap: 5px; margin: 0; }
.fmg-live-song strong { color: #102b52; font-size: clamp(1.2rem, 2.2vw, 1.55rem); }
.fmg-artist { display: block; color: #536782; font-size: .94rem; line-height: 1.4; }
.fmg-history-list {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}
.fmg-history-list .fmg-history-card {
  display: flex;
  align-items: center;
  gap: 14px;
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid #e5ecf5;
  border-radius: 14px;
  background: #f7faff;
  transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}
.fmg-history-list .fmg-history-card:hover {
  background: #eff6ff;
  border-color: #c7dbf5;
  transform: translateY(-2px);
}
.fmg-history-art {
  display: grid;
  place-items: center;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  border-radius: 11px;
  color: #0866e8;
  font-size: 28px;
  background: linear-gradient(140deg, #e2f0ff, #d1e3fc);
}
.fmg-track-info { min-width: 0; flex: 1 1 auto; }
.fmg-track-title {
  display: block;
  color: #102b52;
  font-size: .97rem;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.fmg-track-time {
  flex: 0 0 auto;
  color: #526b8b;
  font-weight: 600;
  font-size: .78rem;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.fmg-history-status { color: #536782; }
.fmg-history-status:empty { display: none; }
@media (max-width: 900px) {
  .fmg-history-list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
  .fmg-history-list .fmg-history-card { gap: 10px; padding: 12px; flex-wrap: wrap; }
  .fmg-history-art { flex-basis: 44px; width: 44px; height: 44px; }
  .fmg-track-time { margin-left: 54px; }
}
@media (prefers-reduced-motion: reduce) {
  .fmg-history-list .fmg-history-card { transition: none; }
  .fmg-history-list .fmg-history-card:hover { transform: none; }
}

/* v2.2.7 compact station profile; overrides the theme's oversized legacy banner rules. */
.fmg-station-detail.fmg-station-detail-compact{max-width:1040px;margin:0 auto;padding:clamp(18px,3vw,30px);background:#fff;border:1px solid #dfe8f3;border-radius:20px;box-shadow:0 12px 36px rgba(12,40,78,.05)}
.fmg-station-detail-compact .fmg-station-profile{display:flex;align-items:center;gap:24px;margin:0 0 22px;min-width:0}
.fmg-station-detail-compact .fmg-station-profile-art{width:136px;height:136px;flex:0 0 136px;border:1px solid #e2eaf5;border-radius:16px;background:#f2f7fd;display:grid;place-items:center;padding:10px;overflow:hidden}
.fmg-station-detail-compact .fmg-station-profile-art img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
.fmg-station-profile-placeholder{font-size:44px;color:#2674d6}
.fmg-station-detail-compact .fmg-station-profile-info{min-width:0;flex:1}
.fmg-station-detail-compact .fmg-station-eyebrow{font-size:.7rem;letter-spacing:.14em;color:#0966d9;font-weight:800}
.fmg-station-detail-compact .fmg-station-profile h1{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.13;letter-spacing:-.035em;margin:7px 0 9px;color:#102b52}
.fmg-station-detail-compact .fmg-station-tagline,.fmg-station-detail-compact .fmg-station-meta{margin:3px 0;color:#516580;font-size:.94rem}
.fmg-station-detail-compact .fmg-listening-panel{display:flex;align-items:center;gap:20px;padding:18px 20px;background:linear-gradient(120deg,#f1f7ff,#fff);border:1px solid #dce8f6;border-radius:16px;margin:0 0 22px}
.fmg-station-detail-compact .fmg-station-live{flex:1;min-width:0;display:flex;align-items:center;gap:14px;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
.fmg-station-detail-compact .fmg-live-art{width:76px;height:76px;flex:0 0 76px;display:grid;place-items:center;background:#e0edff;border-radius:12px;color:#0966d9;font-size:32px;overflow:hidden}
.fmg-station-detail-compact .fmg-live-art img{width:100%;height:100%;object-fit:cover;display:block}
.fmg-station-detail-compact .fmg-live-details{min-width:0}
.fmg-station-detail-compact .fmg-station-live h2{font-size:.76rem;letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px;color:#0764ce}
.fmg-station-detail-compact .fmg-station-live h2::before{display:none}
.fmg-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0da66a;margin-left:5px}
.fmg-station-detail-compact .fmg-live-song strong{font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.3}
.fmg-station-detail-compact .fmg-live-song .fmg-artist{font-size:.85rem}
.fmg-art-credit{font-size:.69rem;color:#536782;text-decoration:none;display:inline-block;margin-top:4px}
.fmg-art-credit[hidden]{display:none}
.fmg-player-control{display:flex;align-items:center;gap:11px;flex:0 0 auto}
.fmg-player-toggle{border:0;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:#0866e8;color:#fff;font-size:19px;cursor:pointer;box-shadow:0 4px 12px rgba(8,102,232,.2)}
.fmg-player-toggle:hover{background:#0757c5}
.fmg-player-label{display:flex;flex-direction:column;gap:2px;font-size:.84rem;color:#102b52}
.fmg-player-label span{font-size:.73rem;color:#60718a}
.fmg-volume-label{display:flex;flex-direction:column;gap:4px;font-size:.7rem;color:#60718a}
.fmg-volume{width:76px;accent-color:#0866e8}
.fmg-station-detail-compact .fmg-station-history{margin:0 0 20px;padding:20px;border-radius:16px;box-shadow:none}
.fmg-station-detail-compact .fmg-station-history h2{font-size:1.3rem;margin-bottom:16px}
.fmg-station-detail-compact .fmg-history-list .fmg-history-card{padding:10px;gap:10px}
.fmg-station-detail-compact .fmg-history-art{width:44px;height:44px;flex-basis:44px;font-size:23px}
.fmg-station-detail-compact .fmg-track-title{font-size:.9rem}
.fmg-station-detail-compact .fmg-track-time{font-size:.72rem}
@media(max-width:760px){.fmg-station-detail-compact .fmg-listening-panel{flex-wrap:wrap}.fmg-player-control{width:100%;border-top:1px solid #dce8f6;padding-top:12px}.fmg-volume-label{margin-left:auto}}
@media(max-width:520px){.fmg-station-detail-compact .fmg-station-profile{gap:14px;align-items:flex-start}.fmg-station-detail-compact .fmg-station-profile-art{width:94px;height:94px;flex-basis:94px;padding:6px}.fmg-station-detail-compact .fmg-station-profile h1{font-size:1.45rem}.fmg-station-detail-compact .fmg-listening-panel{padding:14px}.fmg-station-detail-compact .fmg-live-art{width:56px;height:56px;flex-basis:56px}.fmg-station-detail-compact .fmg-station-history{padding:14px}.fmg-station-detail-compact .fmg-history-list .fmg-history-card{flex-wrap:wrap}.fmg-station-detail-compact .fmg-track-time{margin-left:54px}}

/* Artwork in both current-song and history cards. */
.fmg-history-art {overflow:hidden;display:flex;align-items:center;justify-content:center;}
.fmg-history-art img.fmg-artwork-image {display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;}

/* Use station branding whenever a track has no matched artwork. */
.fmg-history-art img.fmg-station-fallback-logo,
.fmg-live-art img.fmg-station-fallback-logo { width:100%;height:100%;object-fit:contain;background:#f2f7ff;padding:4px;box-sizing:border-box; }