/* Earth News player: an audio bar under the search box, with the video opening underneath on request */
.ew{position:fixed;z-index:4;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 8px;border-radius:var(--r-md)}
.ew[hidden],.ew-video[hidden]{display:none!important}
.ew-play{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;box-shadow:0 4px 12px rgba(255,122,102,.38)}
.ew-play:hover{filter:brightness(1.08)}
.ew .i-pause,.ew.on .i-play{display:none}
.ew.on .i-pause{display:inline}
.ew-text{flex:1;min-width:0}
.ew-label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--indigo);min-width:0}
.ew-kind{min-width:0;line-height:1.3} /* wraps instead of being cut off ("LIVE ON YOUTU…") */
.ew-dot{width:6px;height:6px;border-radius:50%;background:var(--coral);flex:none}
.ew.on .ew-dot{animation:ew-pulse 1.4s ease-in-out infinite}
.ew-src{display:none} /* the bar has no room; the video header says preview */
.ew-now{margin-top:2px;font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.35;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} /* up to two lines, whole words */
.ew.bulletin .ew-label{color:var(--ink-2)}
.ew.bulletin .ew-dot{background:var(--ink-3)}
.ew-bars{display:flex;align-items:flex-end;gap:2px;height:16px;flex:none;opacity:.35}
.ew-bars i{width:3px;height:30%;border-radius:2px;background:var(--indigo)}
.ew.on .ew-bars{opacity:1}
.ew.on .ew-bars i{animation:ew-bar .9s ease-in-out infinite}
.ew.on .ew-bars i:nth-child(2){animation-delay:.15s}.ew.on .ew-bars i:nth-child(3){animation-delay:.3s}.ew.on .ew-bars i:nth-child(4){animation-delay:.45s}
.ew-btn{width:32px;height:32px;flex:none;border-radius:10px;display:grid;place-items:center;color:var(--ink-2)}
.ew-btn:hover,.ew-expand[aria-expanded="true"]{background:var(--indigo-soft);color:var(--indigo)}
.ew-video{position:fixed;z-index:6;padding:10px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:8px}
.ew-vhead{display:flex;align-items:center;gap:8px;font-size:12px;padding:0 2px 0 6px}
.ew-vhead b{font-weight:800;color:var(--ink)}
.ew-vhead span{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.ew-vhead .ew-btn{margin-left:auto}
.ew-vhead .ew-yt{margin-left:auto;font-size:11px;font-weight:700;color:var(--ink-2,var(--ink));text-decoration:none}
.ew-vhead .ew-yt:hover{text-decoration:underline}
.ew-vhead .ew-yt+.ew-btn{margin-left:0}
.ew-frame{position:relative}
.ew-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r-md);background:#1E1B3A}
.ew-catch{position:absolute;inset:0}
.ew-stage{position:relative;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;background:#2A2650;font-family:inherit}
.ew-stage svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.ew-stage .talk{animation:ew-talk .5s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.ew-land{animation:ew-spin 14s linear infinite;transform-box:fill-box;transform-origin:50% 50%}
.ew-third{position:absolute;left:10px;right:10px;bottom:52px;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.94);display:flex;flex-direction:column;gap:1px;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.ew-third b{font-size:12px;font-weight:800;color:var(--ink)}
.ew-third span{font-size:11px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ew-stage.formal .ew-third{border-left:4px solid var(--ink-3)}
.ew-cap{position:absolute;left:10px;right:10px;top:8px;font-size:11.5px;font-weight:600;color:#fff;line-height:1.35;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.ew-cap b{color:#C9C6FF;margin-right:4px}
.ew-ticker{position:absolute;left:0;right:0;bottom:0;height:22px;background:var(--indigo);color:#fff;font-size:11px;font-weight:600;line-height:22px;overflow:hidden;white-space:nowrap}
.ew-ticker span{display:inline-block;padding-left:100%;animation:ew-tick 40s linear infinite}
.ew-stage.formal .ew-ticker{background:#4A4F6E}
.ew-vfoot{font-size:11px;color:var(--ink-3);line-height:1.45;padding:0 4px}
/* full screen (double-click the video): the picture fills the screen, and its words grow with it */
.ew-video:fullscreen{border-radius:0;padding:14px 18px 18px;background:#14122B;justify-content:center;gap:12px}
.ew-video:fullscreen .ew-vhead{width:min(100%,calc((100vh - 90px) * 16 / 9));align-self:center}
.ew-video:fullscreen .ew-vhead b,.ew-video:fullscreen .ew-btn{color:#E8E6FF}
.ew-video:fullscreen .ew-btn:hover{background:rgba(255,255,255,.12)}
.ew-video:fullscreen :is(.ew-stage,.ew-frame){width:min(100%,calc((100vh - 90px) * 16 / 9));align-self:center;container-type:inline-size}
.ew-video:fullscreen .ew-cap{left:2.8cqw;right:2.8cqw;top:2.3cqw;font-size:3.2cqw}
.ew-video:fullscreen .ew-third{left:2.8cqw;right:2.8cqw;bottom:14.8cqw;padding:1.7cqw 2.8cqw;border-radius:2.3cqw}
.ew-video:fullscreen .ew-third b{font-size:3.4cqw}
.ew-video:fullscreen .ew-third span{font-size:3.1cqw}
.ew-video:fullscreen .ew-ticker{height:6.25cqw;line-height:6.25cqw;font-size:3.1cqw}
.ew-video:fullscreen .ew-vfoot{display:none}
@keyframes ew-bar{0%,100%{height:25%}50%{height:100%}}
@keyframes ew-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes ew-talk{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) scale(1.02)}}
@keyframes ew-spin{to{transform:rotate(360deg)}}
@keyframes ew-tick{to{transform:translateX(-100%)}}
@media (max-width:760px){
  .ew{padding:6px}
  .ew-play{width:34px;height:34px}
  .ew-video{max-height:60vh}
}