/* BETMAN Radio feature tile + header chip */
.header-radio{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#d7ff69;
  font-weight:700;
  white-space:nowrap;
  text-decoration:none;
}
.header-radio small,
.radio-beta{
  display:inline-block;
  font-size:10px;
  letter-spacing:.12em;
  border:1px solid #e5b86180;
  color:#ffe0a2;
  border-radius:5px;
  padding:3px 6px;
  font-weight:700;
  vertical-align:middle;
}

main > section.radio-feature,
section.radio-feature{
  display:grid !important;
  grid-template-columns:minmax(240px,.9fr) minmax(0,1.35fr);
  gap:clamp(20px,3.5vw,48px);
  align-items:stretch;
  margin:24px 0;
  padding:0;
  border:1px solid #b6d37866;
  border-radius:22px;
  background:
    radial-gradient(ellipse at 8% 100%, #a1ad3540, transparent 55%),
    linear-gradient(125deg, #2a432a 0%, #14231c 58%, #0d1712 100%);
  overflow:hidden;
  box-shadow:0 18px 50px #00000055;
  color:#edf3e5;
}

.radio-feature-art{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:10px;
  min-height:240px;
  padding:clamp(22px,3vw,34px);
  border-right:1px solid #c5ff0022;
  background:
    linear-gradient(180deg, #0b151088 0%, #0b1510cc 100%),
    radial-gradient(circle at 30% 20%, #c5ff0022, transparent 50%);
}

.radio-feature-badge{
  align-self:flex-start;
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  color:#102016;
  background:#c5ff00;
  border-radius:999px;
  padding:6px 10px;
}

.radio-feature-kicker{
  margin:18px 0 0;
  font-size:14px;
  font-weight:700;
  letter-spacing:.28em;
  color:#d7e7c8;
}

.radio-feature-wordmark{
  margin:0;
  font-size:clamp(52px,7vw,92px);
  font-weight:900;
  line-height:.92;
  letter-spacing:-.06em;
  color:#f4ffe8;
  text-shadow:0 0 40px #c5ff0033;
}

.radio-eq{
  display:flex;
  align-items:flex-end;
  gap:5px;
  height:54px;
  margin-top:8px;
  width:min(100%,280px);
}

.radio-eq > span{
  display:block;
  flex:1 1 0;
  height:var(--h,40%);
  min-width:4px;
  border-radius:999px 999px 2px 2px;
  background:linear-gradient(180deg,#e8ff8a,#c5ff00 45%,#7cb518);
  box-shadow:0 0 12px #c5ff0044;
  animation:radio-eq-pulse 1.4s ease-in-out infinite;
  animation-delay:calc(var(--i,0) * 70ms);
}

.radio-eq > span:nth-child(1){--i:0}.radio-eq > span:nth-child(2){--i:1}
.radio-eq > span:nth-child(3){--i:2}.radio-eq > span:nth-child(4){--i:3}
.radio-eq > span:nth-child(5){--i:4}.radio-eq > span:nth-child(6){--i:5}
.radio-eq > span:nth-child(7){--i:6}.radio-eq > span:nth-child(8){--i:7}
.radio-eq > span:nth-child(9){--i:8}.radio-eq > span:nth-child(10){--i:9}
.radio-eq > span:nth-child(11){--i:10}.radio-eq > span:nth-child(12){--i:11}
.radio-eq > span:nth-child(13){--i:12}.radio-eq > span:nth-child(14){--i:13}
.radio-eq > span:nth-child(15){--i:14}

@keyframes radio-eq-pulse{
  0%,100%{transform:scaleY(.72);opacity:.85}
  50%{transform:scaleY(1);opacity:1}
}

@media (prefers-reduced-motion: reduce){
  .radio-eq > span{animation:none}
}

.radio-feature-meta{
  margin:10px 0 0;
  font-size:12px;
  color:#b9c9ae;
  letter-spacing:.04em;
}

.radio-feature-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(22px,3.5vw,42px);
  padding-left:clamp(8px,2vw,12px);
}

.radio-feature-copy > .eyebrow{
  margin:0;
  color:#d7ff69;
  font-size:12px;
  letter-spacing:.12em;
  font-weight:700;
}

.radio-feature-copy h2{
  font-family:inherit;
  font-size:clamp(28px,3.2vw,44px);
  font-weight:800;
  letter-spacing:-.04em;
  line-height:1.08;
  margin:12px 0 14px;
  color:#f3f8eb;
}

.radio-feature-copy > p:not(.eyebrow){
  margin:0;
  color:#c6d3c3;
  line-height:1.6;
  max-width:52ch;
  font-size:16px;
}

.radio-feature-actions{
  display:flex;
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:22px;
}

button.radio-listen,
a.radio-listen{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:#c5ff00;
  color:#132016 !important;
  padding:14px 22px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  border:0;
  cursor:pointer;
}

a.radio-explore{
  color:#d7ff69;
  font-weight:600;
  text-decoration:none;
}

.radio-feature a:focus-visible,
.radio-feature button:focus-visible,
.header-radio:focus-visible{
  outline:3px solid #fff;
  outline-offset:4px;
}

@media (max-width:720px){
  main > section.radio-feature,
  section.radio-feature{
    grid-template-columns:1fr;
  }
  .radio-feature-art{
    min-height:0;
    border-right:0;
    border-bottom:1px solid #c5ff0022;
    padding-bottom:18px;
  }
  .radio-feature-wordmark{font-size:56px}
  .radio-feature-copy{padding:18px 20px 24px}
  .radio-feature-actions{gap:14px}
  .header-radio{font-size:12px}
}

/* locale font helpers kept with radio sheet historically */
html[lang="zh-HK"] body,html[lang="zh-CN"] body{
  font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
}
html[lang="zh-HK"] h1,html[lang="zh-CN"] h1,
html[lang="zh-HK"] h2,html[lang="zh-CN"] h2{letter-spacing:0;line-height:1.3}
[data-locale][aria-current="true"]{
  border-color:#c5ff00;
  background:#25442a;
}

/* Full Radio player + persistent mini player */
.radio-programmes{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}
.radio-programmes span{padding:7px 10px;border:1px solid #b9cbad35;border-radius:999px;color:#dbe6d7;font:700 9px/1 ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.radio-player-dialog{width:min(1000px,calc(100vw - 28px));max-width:none;padding:0;border:1px solid #9fbe8d70;border-radius:22px;background:#07110d;color:#eff8ea;box-shadow:0 35px 120px #000c;overflow:hidden}
.radio-player-dialog::backdrop{background:#010603dc;backdrop-filter:blur(10px)}
.radio-player-shell{position:relative;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);min-height:590px}
.radio-player-close{position:absolute;z-index:3;top:17px;right:17px;width:42px;height:42px;border:1px solid #dbe9d05c;border-radius:50%;background:#07110de8;color:#fff;font-size:26px;line-height:1;cursor:pointer}
.radio-player-close:hover{border-color:#c5ff00;color:#c5ff00}
.radio-player-visual{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:42px;overflow:hidden;background:linear-gradient(165deg,#254b29,#0f2518 55%,#08130d)}
.radio-player-visual:before{content:'';position:absolute;inset:-30%;background:repeating-radial-gradient(circle at 50% 45%,transparent 0 34px,#c5ff001b 35px 36px);transform:rotate(-12deg)}
.radio-player-visual>span,.radio-player-visual>strong{position:relative;z-index:1}.radio-player-visual>span{color:#d8e7d2;font:800 13px/1 ui-monospace,monospace;letter-spacing:.32em}.radio-player-visual>strong{margin-top:8px;color:#f5ffef;font:950 clamp(64px,8vw,112px)/.78 system-ui,sans-serif;letter-spacing:-.085em;writing-mode:vertical-rl;transform:rotate(180deg)}
.radio-player-orbit{position:absolute;inset:0}.radio-player-orbit i{position:absolute;border:1px solid #c5ff0047;border-radius:50%;animation:radio-orbit 10s linear infinite}.radio-player-orbit i:nth-child(1){width:270px;height:270px;top:10%;left:-70px}.radio-player-orbit i:nth-child(2){width:420px;height:420px;top:3%;left:-135px;animation-duration:15s}.radio-player-orbit i:nth-child(3){width:11px;height:11px;top:34%;left:51%;border:0;background:#c5ff00;box-shadow:0 0 24px #c5ff00;animation:none}
@keyframes radio-orbit{to{transform:rotate(360deg)}}
.radio-player-content{display:flex;flex-direction:column;justify-content:center;padding:clamp(38px,6vw,76px)}
.radio-player-kicker{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:#c5ff00;font:850 10px/1 ui-monospace,monospace;letter-spacing:.14em}.radio-player-kicker span{width:8px;height:8px;border-radius:50%;background:#c5ff00;box-shadow:0 0 15px #c5ff00}
.radio-player-content h2{margin:0 0 20px!important;color:#f4faef!important;font-size:clamp(42px,5vw,70px)!important;line-height:.94!important;letter-spacing:-.06em!important}.radio-player-content>p:not(.radio-player-kicker):not(.radio-disclosure){max-width:560px;margin:0;color:#bed0bc;font-size:15px;line-height:1.6}
.radio-now-playing{margin-top:31px;padding:18px 20px;border:1px solid #a5bd9750;border-left:3px solid #c5ff00;border-radius:8px;background:#12261a}.radio-now-playing small{display:block;margin-bottom:8px;color:#8da08b;font:750 8px/1 ui-monospace,monospace;letter-spacing:.15em}.radio-now-playing strong{display:block;color:#f4faef;font-size:16px;line-height:1.25}.radio-now-playing span{display:block;margin-top:5px;color:#98ac96;font-size:11px}
.radio-player-controls{display:flex;align-items:center;gap:23px;margin-top:18px}.radio-play-main{display:inline-flex;align-items:center;gap:11px;min-width:148px;padding:13px 17px;border:0;border-radius:999px;background:#c5ff00;color:#0c190f;font-size:13px;cursor:pointer}.radio-play-main>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#0b180e;color:#c5ff00;font-size:9px}.radio-play-main.is-playing>span{font-size:0}.radio-play-main.is-playing>span:after{content:'Ⅱ';font-size:10px}.radio-player-controls label{display:flex;align-items:center;gap:10px;color:#95a792;font:700 9px/1 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.radio-player-controls input{accent-color:#c5ff00;width:110px}
.radio-player-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:27px}.radio-player-links a{padding-bottom:6px;border-bottom:1px solid #9db28f5c;color:#eff7ea;font-size:12px;font-weight:750;text-decoration:none}.radio-player-links a span{margin-left:8px;color:#c5ff00}
.radio-disclosure{margin:24px 0 0!important;color:#6f826f!important;font:8px/1.5 ui-monospace,monospace!important;letter-spacing:.05em}
.radio-mini-player{position:fixed;z-index:80;right:18px;bottom:18px;width:min(570px,calc(100vw - 36px));min-height:66px;display:grid;grid-template-columns:46px minmax(0,1fr) auto 34px;align-items:center;gap:12px;padding:9px 11px;border:1px solid #a2be916b;border-radius:15px;background:#08140ff2;color:#eef7e9;box-shadow:0 18px 55px #0009;backdrop-filter:blur(18px)}
.radio-mini-toggle{display:grid;width:46px;height:46px;place-items:center;border:0;border-radius:50%;background:#c5ff00;color:#0d190f;cursor:pointer}.radio-mini-toggle.is-playing>span{font-size:0}.radio-mini-toggle.is-playing>span:after{content:'Ⅱ';font-size:13px;font-weight:900}.radio-mini-copy{min-width:0;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.radio-mini-copy small{display:flex;align-items:center;gap:7px;color:#a8b9a4;font:800 8px/1 ui-monospace,monospace;letter-spacing:.12em}.radio-mini-copy small i{width:6px;height:6px;border-radius:50%;background:#c5ff00;box-shadow:0 0 11px #c5ff00}.radio-mini-copy strong{display:block;margin-top:6px;overflow:hidden;color:#f2f8ee;font-size:13px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.radio-mini-status{color:#8fa28d;font:700 8px/1.2 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.radio-mini-expand{width:34px;height:34px;border:1px solid #81947d52;border-radius:50%;background:none;color:#c5ff00;cursor:pointer}
body:has(dialog[open]) .radio-mini-player{z-index:20}
@media(max-width:720px){.radio-player-dialog{width:100vw;height:100svh;max-height:none;border:0;border-radius:0}.radio-player-shell{display:block;min-height:100%}.radio-player-visual{min-height:205px;padding:28px}.radio-player-visual>strong{font-size:66px;writing-mode:initial;transform:none}.radio-player-content{padding:30px 22px 110px}.radio-player-content h2{font-size:44px!important}.radio-player-controls{align-items:flex-start;flex-direction:column}.radio-player-links{flex-direction:column;align-items:flex-start}.radio-mini-player{right:8px;bottom:8px;width:calc(100vw - 16px);grid-template-columns:44px minmax(0,1fr) 32px;padding:8px}.radio-mini-toggle{width:44px;height:44px}.radio-mini-status{display:none}.radio-mini-expand{width:32px;height:32px}.radio-feature-wordmark{font-size:56px}}
@media(max-width:720px){.bm-footer__inner{padding-bottom:100px!important}}
@media(prefers-reduced-motion:reduce){.radio-player-orbit i{animation:none}}