/* One player and a keyboard-accessible playlist, scoped to Newstube. */
.np-newstube{margin:40px 0;padding:26px;background:#171717;color:#fff;clear:both}
.np-newstube *{box-sizing:border-box}
.np-newstube__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.np-newstube .np-newstube__heading h2{display:flex;align-items:center;gap:10px;margin:0;color:#d0021b;font-size:28px;font-weight:800;line-height:1.2;text-transform:uppercase}
.np-newstube__heading>a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:700;text-decoration:none}
.np-newstube__heading>a:hover{color:#bd0019}
.np-newstube__layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;align-items:start}
.np-newstube__main,.np-newstube__playlist{min-width:0}
.np-newstube__screen{position:relative;aspect-ratio:16/9;background:#000;overflow:hidden}
.np-newstube__screen iframe{display:block;width:100%;height:100%;position:absolute;inset:0;border:0}
.np-newstube__play{display:block;position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:#000;color:#fff;cursor:pointer}
.np-newstube__poster{width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s}
.np-newstube__play:hover .np-newstube__poster{opacity:1}
.np-newstube__play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:68px;height:48px;background:#d0021b;border-radius:10px;box-shadow:0 3px 22px #0006}
.np-newstube__play-label{position:absolute;bottom:16px;left:0;right:0;font-size:13px;font-weight:700;text-shadow:0 1px 5px #000;background:#0007;width:max-content;margin:auto;padding:5px 10px}
.np-newstube__caption{display:flex;gap:16px;align-items:baseline;padding-top:17px}
.np-newstube__position{font-size:12px;color:#bdbdbd;white-space:nowrap;font-variant-numeric:tabular-nums}
.np-newstube .np-newstube__caption h3{margin:0;color:#fff;font-size:21px;font-weight:700;line-height:1.35}
.np-newstube__playlist{background:#292929;color:#f5f5f5}
.np-newstube__list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-bottom:1px solid #414141}
.np-newstube .np-newstube__list-heading h3{margin:0;font-size:16px;font-weight:800;color:#f5f5f5;line-height:1.3}
.np-newstube__list-heading>span{font-size:12px;color:#bdbdbd;white-space:nowrap}
.np-newstube .np-newstube__list{margin:0;padding:0;list-style:none}
.np-newstube__list>li{margin:0;padding:0;border-bottom:1px solid #414141}
.np-newstube__item{display:grid;grid-template-columns:18px 90px minmax(0,1fr);gap:10px;align-items:start;text-align:left;width:100%;padding:15px 12px;border:0;border-left:3px solid transparent;background:#292929;color:#f5f5f5;cursor:pointer;font:inherit;transition:background .15s}
.np-newstube__item:hover{background:#363636}
.np-newstube__item.is-active{border-left-color:#ff3030;background:#3b2a2e}
.np-newstube__number{font-size:11px;color:#bdbdbd;padding-top:3px;font-variant-numeric:tabular-nums}
.np-newstube__item.is-active .np-newstube__number{color:#fff;font-weight:800}
.np-newstube__item>img{display:block;width:90px;height:auto;aspect-ratio:16/9;object-fit:cover}
.np-newstube__item-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
.np-newstube__item-title{font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.np-newstube__item-state{font-size:11px;line-height:1.3;color:#bdbdbd}
.np-newstube__item.is-active .np-newstube__item-state{color:#fff}
.np-newstube__subscribe{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;color:#ff3030;font-size:13px;font-weight:700;text-decoration:none}
.np-newstube__subscribe:hover{color:#ff4d4d;background:#363636}
.np-newstube button:focus-visible,.np-newstube a:focus-visible{outline:3px solid #ff3030;outline-offset:-3px}
@media(min-width:1600px){.np-newstube__item{grid-template-columns:18px 106px minmax(0,1fr)}.np-newstube__item>img{width:106px}.np-newstube__item-title{font-size:15px}}
@media(max-width:767px){.np-newstube{padding:18px;margin:30px 0}.np-newstube__layout{grid-template-columns:minmax(0,1fr);gap:22px}.np-newstube .np-newstube__heading h2{font-size:24px}.np-newstube__heading{gap:12px;margin-bottom:18px}.np-newstube__heading>a{font-size:12px}.np-newstube .np-newstube__caption h3{font-size:18px}.np-newstube__caption{gap:12px;padding-top:14px}.np-newstube__item{padding:14px 10px;grid-template-columns:16px 88px minmax(0,1fr);gap:9px}.np-newstube__item>img{width:88px}.np-newstube__item-title{font-size:14px}}
@media(prefers-reduced-motion:reduce){.np-newstube *{transition:none}}

.np-newstube__heading h2>img{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0}

/* Bright neutral red remains readable on dark playlist surfaces. */
.np-newstube__number{color:#fff}