/* THIS! Newsroom Daily, site-wide (Theme 1.20). THIS! NEWSROOM DAILY design system:
   night navy grounds, On-Air Amber #FFB020 = "on air" (sun, ON AIR dot, tags; never fills a button),
   one THIS! red #E11D2E play action per view, host colors only beside host names, no faces. */
.nd{--amb:#FFB020;--ndred:#E11D2E;--cream:#F8F0E0;--stk:#100808;--nds:#0A111C;--ndc:#0F1D31;--ndb:#13243B;--ndi:#F5F7FA;--ndd:#B6C1D0;--ndm:#93A1B5;--blu:#5B8CFF;
  position:relative;color:var(--ndi);font-family:var(--hd);overflow:hidden}
.nd-mark{display:block;flex:none}
.nd-tag{display:flex;align-items:center;gap:8px;margin:0;font:800 12.5px/1.2 var(--hd);letter-spacing:.16em;text-transform:uppercase;color:var(--amb)}
.nd-air{width:10px;height:10px;border-radius:50%;background:var(--amb);flex:none;box-shadow:0 0 0 0 rgba(255,176,32,.55);animation:nd-air 1.8s ease-in-out infinite}
@keyframes nd-air{0%,100%{box-shadow:0 0 0 0 rgba(255,176,32,.6)}60%{box-shadow:0 0 0 8px rgba(255,176,32,0)}}
.nd-poster{margin:0;font:900 64px/.9 var(--hd);font-stretch:62%;text-transform:uppercase;letter-spacing:.005em;color:var(--amb);
  -webkit-text-stroke:2px var(--stk);paint-order:stroke fill;text-shadow:4px 4px 0 var(--stk)}
.nd-sub{margin:10px 0 0;font:400 18px/1.5 var(--sr);color:var(--ndd);max-width:56ch}
.nd-hosts{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding:0}
.nd-hosts li{display:flex;align-items:center;gap:7px;font:700 14px/1.2 var(--hd);color:var(--ndi)}
.nd-hosts em{font:600 11.5px/1 var(--hd);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--ndm)}
.nd-dot{width:11px;height:11px;border-radius:3px;background:var(--hc);box-shadow:0 0 0 2px var(--stk)}
.nd-play{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px 0 20px;border:0;border-radius:999px;background:var(--ndred);color:#fff;font:800 17px var(--hd);cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:0 10px 26px rgba(225,29,46,.35),0 0 0 2px var(--stk);transition:transform .15s,box-shadow .15s}
.nd-play:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(225,29,46,.45),0 0 0 2px var(--stk);color:#fff}
.nd-play .g-pause,.nd-play .g-load{display:none}
.nd-play.is-playing .g-play{display:none}
.nd-play.is-playing .g-pause{display:block}
.nd-ep{margin:0 0 12px;font:700 15.5px/1.35 var(--hd);color:var(--ndi)}
.nd-ep span{display:inline-block;margin-right:8px;padding:3px 8px;border-radius:999px;background:var(--amb);color:var(--stk);font:800 11px/1.3 var(--hd);letter-spacing:.12em;text-transform:uppercase;vertical-align:2px}
.nd-plat{margin:12px 0 0;font:600 13px/1.4 var(--hd);color:var(--ndm)}
.nd-plat a{color:var(--ndi);text-decoration:underline;text-decoration-color:rgba(255,176,32,.6);text-underline-offset:3px}
.nd-disc{margin:8px 0 0;font:500 11.5px/1.4 var(--hd);color:var(--ndm)}
/* three host-colored bars that bounce like a level meter */
.nd-eq{display:flex;align-items:flex-end;gap:6px;height:34px}
.nd-eq i{display:block;width:10px;height:100%;border-radius:4px 4px 2px 2px;background:var(--hc);box-shadow:0 0 0 2px var(--stk);transform-origin:bottom;animation:nd-eq 1.1s ease-in-out infinite}
.nd-eq i:nth-child(2){animation-delay:-.4s}.nd-eq i:nth-child(3){animation-delay:-.75s}
@keyframes nd-eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
/* the sunrise mark's red / cream / blue bars as a bottom edge */
.nd-stripe{position:absolute;left:0;right:0;bottom:0;display:flex;gap:8px;height:8px;transform:skewX(-24deg);margin:0 -12px}
.nd-stripe i{display:block;height:100%}
.nd-stripe i:nth-child(1){flex:5;background:var(--ndred)}.nd-stripe i:nth-child(2){flex:2;background:var(--cream)}.nd-stripe i:nth-child(3){flex:1.4;background:var(--blu)}

/* ---------- homepage band ---------- */
.nd-band{background:radial-gradient(60% 120% at 12% 115%,rgba(255,176,32,.42) 0,rgba(255,176,32,.08) 45%,transparent 70%),radial-gradient(80% 140% at 100% 0,#16294A 0,transparent 60%),var(--nds);border-top:3px solid var(--amb);padding:34px 0 42px}
.nd-band-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:34px;align-items:center}
.nd-art{display:flex;flex-direction:column;align-items:center;gap:12px}
.nd-mark-xl{width:168px;height:168px;filter:drop-shadow(0 12px 28px rgba(255,176,32,.35))}
.nd-h{margin:10px 0 8px;line-height:0}
.nd-lockup{display:block;max-width:100%;height:auto}
.nd-band .nd-lockup{width:420px}
.nd-cta{display:flex;flex-direction:column;align-items:flex-start;max-width:330px}
.nd-band.is-air{box-shadow:inset 0 0 0 2px rgba(255,176,32,.5)}
/* ---------- right-column card ---------- */
.nd-rail{display:flex;flex-direction:column;gap:12px;padding:20px 20px 28px;border-radius:16px;background:radial-gradient(90% 70% at 50% 120%,rgba(255,176,32,.35) 0,transparent 70%),var(--ndc);border:2px solid var(--stk);box-shadow:0 0 0 2px var(--amb),0 16px 34px rgba(8,17,29,.28)}
.nd-rail-top{display:flex;align-items:center;gap:12px}
.nd-rail .nd-lockup{width:100%;max-width:300px}
.nd-poster-s{font-size:44px;-webkit-text-stroke:1.5px var(--stk);text-shadow:3px 3px 0 var(--stk)}
.nd-ep-s{margin:0;font-size:14.5px}
.nd-sub-s{margin:0;font:600 15px/1.4 var(--hd);color:var(--ndd)}
.nd-rail .nd-play{align-self:stretch;min-height:50px;font-size:16px}
.nd-rail .nd-hosts{margin:2px 0 0;gap:6px 14px}
.nd-rail.is-air{box-shadow:0 0 0 2px var(--amb),0 0 0 7px rgba(255,176,32,.25),0 16px 34px rgba(8,17,29,.28)}
/* ---------- article strip ---------- */
.nd-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:22px 0;padding:16px 18px 22px;border-radius:16px;background:radial-gradient(70% 140% at 0 120%,rgba(255,176,32,.32) 0,transparent 70%),var(--nds);border:2px solid var(--stk);box-shadow:0 0 0 2px var(--amb)}
.nd-strip-h{margin:4px 0 0;font:900 22px/1.1 var(--hd);font-stretch:75%;color:var(--ndi)}
.nd-strip-s{margin:4px 0 0;font:500 14px/1.4 var(--hd);color:var(--ndd)}
.nd-strip .nd-play{min-height:48px;font-size:15.5px;padding:0 20px 0 16px}
/* ---------- header ON AIR dot, footer, /radio/ host colors ---------- */
.radio-top{position:relative}
.rt-onair{display:none;position:absolute;top:-3px;right:-3px;width:13px;height:13px;border-radius:50%;background:#FFB020;border:2px solid #0E1A2B;animation:nd-air 1.8s ease-in-out infinite}
.radio-top.is-onair .rt-onair{display:block}
.foot-daily img{border-radius:4px}
.rdy-hosts li .rdy-av{border-color:var(--hc,var(--amber));color:var(--hc,var(--amber))}
@media (max-width:1060px){
  .nd-band-in{grid-template-columns:auto minmax(0,1fr)}
  .nd-cta{grid-column:1/-1;max-width:none;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 16px}
  .nd-cta .nd-ep{flex:1 1 100%;margin:0}
  .nd-cta .nd-plat,.nd-cta .nd-disc{margin:0}
}
@media (max-width:700px){
  .nd-band{padding:24px 0 34px}
  .nd-band-in{grid-template-columns:1fr;gap:16px}
  .nd-art{flex-direction:row;align-items:flex-end;gap:14px}
  .nd-mark-xl{width:96px;height:96px}
  .nd-band .nd-lockup{width:100%;max-width:340px}
  .nd-poster{font-size:48px}
  .nd-sub{font-size:16.5px}
  .nd-hosts em{display:none}
  .nd-cta{flex-direction:column;align-items:stretch}
  .nd-cta .nd-play{width:100%}
  .nd-strip{grid-template-columns:auto minmax(0,1fr)}
  .nd-strip .nd-play{grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.nd-air,.nd-eq i,.rt-onair{animation:none}.nd-eq i:nth-child(1){transform:scaleY(.6)}.nd-eq i:nth-child(3){transform:scaleY(.8)}}
