/* TN24 Video News TV (2026-10-08) — Figma "08 Video News TV" */
.tn2tv { --tv-bg:#0f1623; --tv-bg2:#172031; --tv-line:rgba(255,255,255,.09); --tv-mute:#94a3b8; --tv-red:var(--tn2-red,#C8222B); --tv-green:var(--tn2-green,#009A44);
  background:var(--tv-bg); color:#e5e7eb; border-radius:var(--tn2-radius,12px); overflow:hidden; box-shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.12);
  font-family:var(--tn2-ui,'Hind Siliguri',system-ui,sans-serif); display:flex; flex-direction:column; flex:1 1 auto; min-width:0; position:relative; }
.tn2tv *, .tn2tv *::before, .tn2tv *::after { box-sizing:border-box; }
.tn2tv svg { width:1em; height:1em; display:inline-block; vertical-align:middle; flex-shrink:0; }
.tn2tv button { font-family:inherit; cursor:pointer; }
.tn2tv [hidden] { display:none !important; }
.tn2tv a { text-decoration:none; }
.tn2tv__sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* head */
.tn2tv__head { display:flex; align-items:center; gap:12px; padding:14px 16px; border-bottom:1px solid var(--tv-line); flex-wrap:wrap; }
.tn2tv__title { margin:0 !important; display:flex; align-items:center; gap:10px; font:700 20px/1.2 var(--tn2-head,serif) !important; border-left:4px solid var(--tv-red); padding-left:10px !important; }
.tn2tv__title a { color:#fff !important; display:inline-flex; align-items:center; gap:8px; }
.tn2tv__tvic { font-size:20px; color:#e5e7eb; }
.tn2tv__live { display:inline-flex; align-items:center; gap:5px; background:var(--tv-red); color:#fff; font:700 11px/1 var(--tn2-ui) ; padding:4px 8px 4px 7px; border-radius:999px; letter-spacing:.04em; }
.tn2tv__live i { width:6px; height:6px; border-radius:50%; background:#fff; animation:tn2tvBlink 1.2s infinite; }
.tn2tv__live.is-247 i { animation:none; opacity:.85; }
@keyframes tn2tvBlink { 0%,100%{opacity:1} 50%{opacity:.25} }
.tn2tv__tabs { margin-left:auto; display:flex; gap:6px; }
.tn2tv__tabs button { border:1px solid var(--tv-line); background:rgba(255,255,255,.04); color:#cbd5e1; font-size:13.5px; font-weight:600; padding:5px 13px; border-radius:999px; line-height:1.3; transition:background .15s,color .15s; }
.tn2tv__tabs button:hover { color:#fff; background:rgba(255,255,255,.1); }
.tn2tv__tabs button.is-on { background:#fff; color:#0f1623; border-color:#fff; }
.tn2tv__all { color:#4ade80 !important; font-weight:700; font-size:14px; white-space:nowrap; }
.tn2tv__all:hover { color:#86efac !important; }

/* body grid */
.tn2tv__body { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:16px; padding:16px; flex:1; align-items:start; }
.tn2tv__main { min-width:0; }

/* screen */
.tn2tv__screen { position:relative; aspect-ratio:16/9; background:#000; border-radius:10px; overflow:hidden; outline:none; box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 10px 30px rgba(0,0,0,.35); }
.tn2tv__screen:focus-visible { box-shadow:0 0 0 3px #4ade80; }
.tn2tv__media, .tn2tv__media > iframe, .tn2tv__media > video, .tn2tv__media > div { position:absolute; inset:0; width:100% !important; height:100% !important; border:0; display:block; }
.tn2tv__media video { object-fit:contain; background:#000; }
.tn2tv__poster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.tn2tv.is-started .tn2tv__poster { display:none; }
.tn2tv__badges { position:absolute; top:10px; left:10px; display:flex; gap:6px; z-index:4; pointer-events:none; }
.tn2tv__badges--r { left:auto; right:10px; }
.tn2tv__onair, .tn2tv__brand, .tn2tv__ch { font:700 11.5px/1 var(--tn2-ui); padding:6px 9px; border-radius:999px; color:#fff; display:inline-flex; align-items:center; gap:5px; }
.tn2tv__onair { background:var(--tv-red); }
.tn2tv__onair i { width:6px; height:6px; border-radius:50%; background:#fff; animation:tn2tvBlink 1.2s infinite; }
.tn2tv__brand { background:rgba(15,22,35,.78); border:1px solid rgba(255,255,255,.18); }
.tn2tv__ch { background:rgba(15,22,35,.78); border:1px solid rgba(255,255,255,.18); border-radius:6px; font-family:ui-monospace,Menlo,monospace; }
.tn2tv__srcic { background:#E11D2E; border-radius:6px; padding:3px 6px; display:inline-flex; align-items:center; font-size:16px; }
.tn2tv__srcic svg path:first-child { fill:#fff; } .tn2tv__srcic svg path:last-child { fill:#E11D2E; }
.tn2tv__bigplay { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:68px; height:68px; border-radius:50%; border:0; background:rgba(200,34,43,.92); color:#fff; font-size:34px; display:flex; align-items:center; justify-content:center; z-index:5; box-shadow:0 8px 24px rgba(0,0,0,.4); transition:transform .15s; padding-left:4px; }
.tn2tv__bigplay:hover { transform:translate(-50%,-50%) scale(1.06); }
.tn2tv.is-playing .tn2tv__bigplay, .tn2tv.is-loading .tn2tv__bigplay { display:none; }
.tn2tv__unmute { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:6; display:flex; align-items:center; gap:10px; background:rgba(255,255,255,.96); color:#111827; border:0; border-radius:999px; padding:7px 18px 7px 7px; box-shadow:0 8px 28px rgba(0,0,0,.35); text-align:left; animation:tn2tvPop .25s ease-out; }
.tn2tv__unmute-ic { width:34px; height:34px; border-radius:50%; background:var(--tv-red); color:#fff; display:flex; align-items:center; justify-content:center; font-size:18px; }
.tn2tv__unmute-tx b { display:block; font-size:14.5px; line-height:1.2; }
.tn2tv__unmute-tx small { display:block; font-size:11.5px; color:#6b7280; line-height:1.2; }
@keyframes tn2tvPop { from { opacity:0; transform:translate(-50%,-40%); } to { opacity:1; transform:translate(-50%,-50%); } }
.tn2tv__toast { position:absolute; left:50%; bottom:64px; transform:translateX(-50%); background:rgba(15,22,35,.92); color:#fff; font-size:13px; padding:7px 14px; border-radius:8px; z-index:7; white-space:nowrap; }

/* control bar */
.tn2tv__bar { position:absolute; left:0; right:0; bottom:0; z-index:5; padding:22px 12px 8px; background:linear-gradient(transparent, rgba(0,0,0,.78)); transition:opacity .25s; }
.tn2tv:not(.is-started) .tn2tv__bar { opacity:.95; }
.tn2tv.is-playing.is-idle .tn2tv__bar { opacity:0; }
.tn2tv__progress { position:relative; height:4px; background:rgba(255,255,255,.28); border-radius:4px; cursor:pointer; margin-bottom:8px; }
.tn2tv__progress:hover { height:6px; margin-top:-2px; }
.tn2tv__progress i { position:absolute; left:0; top:0; bottom:0; width:0; background:var(--tv-red); border-radius:4px; }
.tn2tv__progress b { position:absolute; top:50%; left:0; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px rgba(200,34,43,.6); }
.tn2tv__ctrls { display:flex; align-items:center; gap:8px; color:#fff; }
.tn2tv__btn { background:transparent; border:0; color:#fff; font-size:20px; width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:6px; padding:0; }
.tn2tv__btn:hover { background:rgba(255,255,255,.14); }
.tn2tv__btn .ic-pause { display:none; } .tn2tv.is-playing .tn2tv__btn .ic-pause { display:inline-block; } .tn2tv.is-playing .tn2tv__btn .ic-play { display:none; }
.tn2tv__mute { display:inline-flex; align-items:center; gap:5px; border:0; border-radius:999px; background:rgba(200,34,43,.85); color:#fff; font-size:12.5px; font-weight:600; padding:4px 10px 4px 8px; line-height:1.2; }
.tn2tv__mute svg { font-size:16px; } .tn2tv__mute .ic-on { display:none; }
.tn2tv.is-sound .tn2tv__mute { background:rgba(255,255,255,.16); } .tn2tv.is-sound .tn2tv__mute .ic-on { display:inline-block; } .tn2tv.is-sound .tn2tv__mute .ic-off { display:none; }
.tn2tv__time { font-size:12.5px; color:#e5e7eb; white-space:nowrap; font-variant-numeric:tabular-nums; }
.tn2tv__sp { flex:1; }
.tn2tv__nextpill { font-size:12px; font-weight:600; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.25); color:#fff; padding:4px 10px; border-radius:999px; white-space:nowrap; }

/* info */
.tn2tv__info { padding:12px 2px 0; }
.tn2tv__now { margin:0 0 8px !important; font:700 19px/1.35 var(--tn2-ui) !important; }
.tn2tv__now a { color:#fff !important; }
.tn2tv__now a:hover { color:#fca5a5 !important; }
.tn2tv__meta { display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:13px; color:var(--tv-mute); }
.tn2tv__meta b { color:#fff; font-weight:700; font-size:14px; }
.tn2tv__avatar { width:28px; height:28px; border-radius:50%; object-fit:cover; background:#fff; border:1px solid rgba(255,255,255,.2); }
.tn2tv__chip { display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.07); border:1px solid var(--tv-line); color:#e5e7eb; font-size:13px; font-weight:600; padding:5px 12px; border-radius:999px; }
.tn2tv__chip:hover { background:rgba(255,255,255,.14); }
.tn2tv__sub { background:#E11D2E; color:#fff !important; font-size:13px; font-weight:700; padding:6px 14px; border-radius:999px; }
.tn2tv__sub:hover { background:#be123c; }
.tn2tv__read { background:var(--tv-red); color:#fff !important; font-weight:700; font-size:13.5px; padding:6px 14px; border-radius:999px; }

/* playlist */
.tn2tv__side { background:var(--tv-bg2); border:1px solid var(--tv-line); border-radius:10px; display:flex; flex-direction:column; min-width:0; overflow:hidden; }
.tn2tv__sidehead { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-bottom:1px solid var(--tv-line); }
.tn2tv__pl { display:flex; align-items:center; gap:6px; font-weight:700; font-size:14.5px; color:#fff; }
.tn2tv__pl small { color:var(--tv-mute); font-weight:500; font-size:12px; }
.tn2tv__pl-sub { color:var(--tv-mute); font-size:12px; }
.tn2tv__switch { display:inline-flex; align-items:center; gap:7px; font-size:12.5px; color:#cbd5e1; margin:0 !important; cursor:pointer; user-select:none; font-weight:500; }
.tn2tv__switch input { position:absolute; opacity:0; width:1px; height:1px; }
.tn2tv__switch i { width:34px; height:19px; border-radius:999px; background:#475569; position:relative; transition:background .15s; }
.tn2tv__switch i::after { content:''; position:absolute; top:2px; left:2px; width:15px; height:15px; border-radius:50%; background:#fff; transition:transform .15s; }
.tn2tv__switch input:checked + i { background:var(--tv-green); }
.tn2tv__switch input:checked + i::after { transform:translateX(15px); }
.tn2tv__switch input:focus-visible + i { box-shadow:0 0 0 2px #4ade80; }
.tn2tv__list { list-style:none; margin:0; padding:6px; overflow-y:auto; max-height:var(--tv-list-h, 330px); scrollbar-width:thin; scrollbar-color:#334155 transparent; counter-reset:none; }
.tn2tv__list li { margin:0; padding:0; list-style:none; }
.tn2tv__item { display:flex; gap:10px; align-items:flex-start; padding:7px; border-radius:8px; color:#e5e7eb !important; border:1px solid transparent; position:relative; transition:background .15s; }
.tn2tv__item:hover { background:rgba(255,255,255,.06); }
.tn2tv__item.is-on { background:rgba(200,34,43,.16); border-color:rgba(200,34,43,.55); }
.tn2tv__num { font:600 11px/1 ui-monospace,Menlo,monospace; color:#64748b; width:20px; padding-top:6px; flex-shrink:0; }
.tn2tv__item.is-on .tn2tv__num { color:#fca5a5; }
.tn2tv__thumb { position:relative; width:112px; flex-shrink:0; aspect-ratio:16/9; border-radius:6px; overflow:hidden; background:#0b1220; }
.tn2tv__thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.tn2tv__thumb em { position:absolute; right:4px; bottom:4px; background:rgba(0,0,0,.82); color:#fff; font:600 10.5px/1 var(--tn2-ui); font-style:normal; padding:3px 5px; border-radius:4px; }
.tn2tv__ib { min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }
.tn2tv__ib b { font-size:13.5px; line-height:1.38; font-weight:600; color:#f1f5f9; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tn2tv__ib small { font-size:11.5px; color:#8391a7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tn2tv__flag { display:none; font-size:11px; font-weight:700; align-items:center; gap:4px; line-height:1.2; }
.tn2tv__flag--on { color:#f87171; } .tn2tv__flag--on i { width:6px; height:6px; border-radius:50%; background:#f87171; animation:tn2tvBlink 1.2s infinite; }
.tn2tv__flag--next { color:#4ade80; }
.tn2tv__item.is-on .tn2tv__flag--on { display:inline-flex; }
.tn2tv__item.is-next .tn2tv__flag--next { display:inline-flex; }
.tn2tv__item.is-err { opacity:.45; }
.tn2tv__ring { display:none; }
.tn2tv__more { display:flex; align-items:center; justify-content:center; gap:6px; margin:8px; padding:10px; border-radius:8px; background:var(--tv-green); color:#fff !important; font-weight:700; font-size:14.5px; }
.tn2tv__more:hover { background:var(--tn2-green-d,#007C37); }

/* home variant inside the special row */
body.tn2 .tn2-special .tn2tv { height:100%; }
.tn2tv--home .tn2tv__body { grid-template-columns:minmax(0,1fr) 228px; gap:14px; padding:14px; }
.tn2tv--home .tn2tv__side { align-self:stretch; }
.tn2tv--home .tn2tv__list { flex:1; max-height:var(--tv-list-h, 300px); }
.tn2tv--home .tn2tv__thumb { width:84px; }
.tn2tv--home .tn2tv__item { gap:8px; padding:6px; }
.tn2tv--home .tn2tv__ib b { font-size:13px; }
.tn2tv--home .tn2tv__sidehead { padding:9px 10px; }
@media (min-width: 1200px) { .tn2tv--home .tn2tv__now { font-size:18px !important; } }

/* page variant */
.tn2tv--page { border-radius:0; background:transparent; box-shadow:none; overflow:visible; }
.tn2tv--page .tn2tv__body { grid-template-columns:minmax(0,1fr) 360px; padding:0; gap:20px; }
.tn2tv--page .tn2tv__side { background:rgba(255,255,255,.03); align-self:stretch; }
.tn2tv--page .tn2tv__list { max-height:none; flex:1; height:0; min-height:300px; }
.tn2tv--page .tn2tv__thumb { width:104px; }
.tn2tv--page .tn2tv__now { font-size:22px !important; }

@media (max-width: 991px) {
  .tn2tv__body, .tn2tv--home .tn2tv__body, .tn2tv--page .tn2tv__body { grid-template-columns:1fr; }
  .tn2tv--page .tn2tv__list { height:auto; max-height:420px; }
  .tn2tv--home .tn2tv__list { max-height:none; }
}
@media (max-width: 767px) {
  .tn2tv__head { padding:12px; gap:10px; }
  .tn2tv__title { font-size:18px !important; }
  .tn2tv__all { margin-left:auto; order:2; }
  .tn2tv__tabs { order:3; margin-left:0; width:100%; overflow-x:auto; scrollbar-width:none; }
  .tn2tv__tabs button { flex-shrink:0; }
  .tn2tv__body, .tn2tv--home .tn2tv__body { padding:12px; gap:12px; }
  .tn2tv__now { font-size:17px !important; }
  .tn2tv__time { font-size:11.5px; }
  .tn2tv__mute span { display:none; }
  .tn2tv__mute { padding:4px 6px; background:transparent; }
  .tn2tv__unmute { padding:6px 14px 6px 6px; }
  .tn2tv__unmute-tx small { display:none; }
  .tn2tv__badges .tn2tv__brand { display:inline-flex; }
  .tn2tv__meta .tn2tv__chip, .tn2tv__meta .tn2tv__sub { padding:4px 10px; font-size:12px; }
  /* mobile home: next card + 2 more */
  .tn2tv--home .tn2tv__side { background:transparent; border:0; }
  .tn2tv--home .tn2tv__sidehead { padding:0 2px 8px; border:0; }
  .tn2tv--home .tn2tv__list { padding:0; }
  .tn2tv--home .tn2tv__list li.is-hidden-m { display:none; }
  .tn2tv--home .tn2tv__item.is-on { display:none; }
  .tn2tv--home .tn2tv__item.is-next { background:rgba(0,154,68,.12); border-color:rgba(74,222,128,.45); padding:10px; margin-bottom:6px; align-items:center; }
  .tn2tv--home .tn2tv__item.is-next .tn2tv__flag--next::after { content:' ভিডিও'; }
  .tn2tv--home .tn2tv__item.is-next .tn2tv__ring { display:flex; align-items:center; justify-content:center; width:34px; height:34px; flex-shrink:0; border-radius:50%; border:2px solid #4ade80; color:#4ade80; font-weight:700; font-size:14px; }
  .tn2tv--home .tn2tv__item.is-next .tn2tv__ring:empty { border-color:rgba(74,222,128,.35); }
  .tn2tv--home .tn2tv__more { margin:6px 0 0; padding:12px; }
  .tn2tv--page .tn2tv__now { font-size:18px !important; }
}
@media (prefers-reduced-motion: reduce) { .tn2tv * { animation:none !important; transition:none !important; } }

/* ===== /video-news page (v2) ===== */
.tn2vp { background:var(--tn2-bg,#F3F4F6); padding-bottom:24px; }
.tn2vp__hero { background:linear-gradient(180deg,#0b1220 0%, #0f1623 100%); color:#e5e7eb; padding:18px 0 26px; }
.tn2vp__crumb { font-size:12.5px; color:#94a3b8; margin-bottom:8px; }
.tn2vp__crumb a { color:#cbd5e1 !important; }
.tn2vp__top { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:16px; }
.tn2vp__h1 { margin:0 !important; color:#fff !important; font:700 26px/1.2 var(--tn2-head,serif) !important; display:flex; align-items:center; gap:10px; border-left:4px solid var(--tn2-red,#C8222B); padding-left:12px !important; }
.tn2vp__h1 svg { width:24px; height:24px; }
.tn2vp__tag { margin-left:auto; color:#94a3b8; font-size:13px; }
.tn2vp__subbtn { display:inline-flex; align-items:center; gap:7px; background:#E11D2E; color:#fff !important; font-weight:700; font-size:13.5px; padding:7px 14px; border-radius:999px; text-decoration:none !important; }
.tn2vp__subbtn svg { width:18px; height:18px; }
.tn2vp__ad { text-align:center; margin:18px auto 0; }
.tn2vp__ad img { max-width:100%; height:auto; }
.tn2vp__ad--m { display:none; }
@media (max-width: 767px) { .tn2vp__ad--d { display:none; } .tn2vp__ad--m { display:block; } }
.tn2vp__grid-wrap { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; margin-top:20px; }
.tn2vp__bar { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.tn2vp__chip { border:1px solid var(--tn2-line,#E5E7EB); background:#fff; color:#374151; font:600 13.5px/1.3 var(--tn2-ui); padding:6px 14px; border-radius:999px; cursor:pointer; }
.tn2vp__chip.is-on { background:var(--tn2-red,#C8222B); border-color:var(--tn2-red,#C8222B); color:#fff; }
.tn2vp__chip--sub { font-weight:500; font-size:12.5px; }
.tn2vp__chip--sub.is-on { background:#111827; border-color:#111827; }
.tn2vp__sep { width:1px; height:22px; background:var(--tn2-line,#E5E7EB); margin:0 4px; }
.tn2vp__total { margin-left:auto; color:var(--tn2-muted,#6B7280); font-size:12.5px; }
.tn2vp__cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.tn2vp__card { background:#fff; border-radius:var(--tn2-radius,12px); overflow:hidden; box-shadow:var(--tn2-shadow); display:flex; flex-direction:column; color:var(--tn2-text,#111827) !important; text-decoration:none !important; transition:transform .15s, box-shadow .15s; }
.tn2vp__card:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(16,24,40,.12); }
.tn2vp__card.is-hidden { display:none; }
.tn2vp__cthumb { position:relative; aspect-ratio:16/9; background:#0b1220; }
.tn2vp__cthumb img { width:100%; height:100%; object-fit:cover; display:block; }
.tn2vp__cthumb .tn2vp__play { position:absolute; left:50%; top:50%; width:46px; height:46px; margin:-23px 0 0 -23px; border-radius:50%; background:rgba(200,34,43,.9); display:flex; align-items:center; justify-content:center; color:#fff; box-shadow:0 4px 14px rgba(0,0,0,.35); }
.tn2vp__cthumb .tn2vp__play svg { width:22px; height:22px; margin-left:3px; }
.tn2vp__src { position:absolute; left:8px; top:8px; font:700 10.5px/1 var(--tn2-ui); color:#fff; padding:4px 7px; border-radius:4px; background:var(--tn2-green,#009A44); }
.tn2vp__src.is-yt { background:#E11D2E; }
.tn2vp__dur { position:absolute; right:8px; bottom:8px; background:rgba(0,0,0,.82); color:#fff; font:600 11px/1 var(--tn2-ui); padding:4px 6px; border-radius:4px; }
.tn2vp__cbody { padding:10px 12px 12px; display:flex; flex-direction:column; gap:4px; }
.tn2vp__ccat { font-size:12px; font-weight:700; color:var(--tn2-red,#C8222B); }
.tn2vp__ctitle { font:700 15.5px/1.4 var(--tn2-ui); margin:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.tn2vp__cmeta { font-size:12px; color:var(--tn2-muted,#6B7280); }
.tn2vp__more { display:flex; justify-content:center; margin-top:18px; }
.tn2vp__more a { background:var(--tn2-green,#009A44); color:#fff !important; font-weight:700; padding:9px 20px; border-radius:999px; text-decoration:none !important; }
.tn2vp__side > div { margin-bottom:16px; text-align:center; }
.tn2vp__side img { max-width:100%; height:auto; border-radius:8px; }
.tn2vp__adlabel { font-size:10.5px; color:#9ca3af; letter-spacing:.05em; margin-bottom:4px; text-align:left; }
.tn2vp__side .tn2vp__sticky { position:sticky; top:72px; }
.tn2vp__empty { text-align:center; padding:60px 16px; color:#94a3b8; }
@media (max-width: 1199px) { .tn2vp__cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 991px) { .tn2vp__grid-wrap { grid-template-columns:1fr; } .tn2vp__side { display:none; } .tn2vp__tag { display:none; } }
@media (max-width: 575px) { .tn2vp__cards { grid-template-columns:1fr; gap:12px; } .tn2vp__h1 { font-size:21px !important; } .tn2vp__top { gap:10px; } .tn2vp__subbtn { margin-left:auto; } }
/* home: keep channel row on one line (meta text truncates) */
@media (min-width: 768px) {
  .tn2tv--home .tn2tv__meta { flex-wrap:nowrap; }
  .tn2tv--home .tn2tv__metatx { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .tn2tv--home .tn2tv__meta .tn2tv__chip, .tn2tv--home .tn2tv__meta .tn2tv__sub { flex-shrink:0; padding:5px 11px; font-size:12.5px; }
}

/* 2026-10-09: hide ad label text */
.tn2vp__adlabel { display: none !important; }