.tns-shorts-section,.tns-shorts-archive{background:#101115;color:#fff}
.tns-shorts-archive{min-height:60vh;padding:3.5rem 0 4rem}
.tns-shorts-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}
.tns-shorts-heading h1,.tns-shorts-heading h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;line-height:1.2;margin:0 0 .65rem;color:#fff}
.tns-shorts-heading p{color:#acb1bf;font-size:.95rem;line-height:1.6;margin:0}
.tns-shorts-heading .tns-shorts-eyebrow{color:#ff6478;letter-spacing:.13em;font-size:.7rem;font-weight:700;margin:0 0 .7rem}
.tns-shorts-more{color:#fff!important;border:1px solid #484b55;border-radius:999px;padding:.65rem 1rem;white-space:nowrap;text-decoration:none!important;font-size:.85rem;font-weight:600;transition:background .2s}
.tns-shorts-more:hover{background:#2b2e38}
.tns-shorts-scroll{display:flex;gap:16px;overflow-x:auto;padding:0 2px 16px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#555863 transparent}
.tns-shorts-scroll .tns-channel-short{flex:0 0 200px;scroll-snap-align:start;min-width:0}
.tns-shorts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.tns-short-player{aspect-ratio:9/16;position:relative;background:#000;border-radius:14px;overflow:hidden}
.tns-short-play{display:block;width:100%;height:100%;position:relative;color:#fff}
.tns-short-play img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.tns-short-play:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.58));pointer-events:none}
.tns-short-play:hover img{transform:scale(1.025)}
.tns-short-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:rgba(0,0,0,.65);border:1px solid #ffffff80;z-index:1;color:#fff}
.tns-short-play-icon svg{width:28px;height:28px;margin-left:3px}
.tns-short-badge{position:absolute;bottom:14px;left:14px;z-index:1;font-size:.64rem;font-weight:800;letter-spacing:.12em;color:#fff}
.tns-short-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tns-short-title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#e4e6ec!important;font-size:.87rem;font-weight:600;line-height:1.5;margin-top:.8rem;text-decoration:none}
.tns-short-title:hover{color:#fff!important;text-decoration:underline}
.tns-shorts-content a:focus-visible,.tns-shorts-heading a:focus-visible{outline:3px solid #ff6478;outline-offset:3px}
.tns-shorts-pagination{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;margin-top:2.5rem}
.tns-shorts-pagination .page-numbers{padding:.5rem .9rem;border-radius:7px;background:#292c35;color:#fff;text-decoration:none}
.tns-shorts-pagination .current,.tns-shorts-pagination a:hover{background:#c42b44}
.tns-shorts-empty{padding:2rem 0;color:#bec2ce;line-height:1.7}
.tns-shorts-empty a{color:#fff;text-decoration:underline}
.tns-shorts-channel-link{text-align:center;margin:2.5rem 0 0;color:#bfc3cf;font-size:.9rem}
.tns-shorts-channel-link a{color:#fff;text-decoration:underline}
@media(max-width:1023px){.tns-shorts-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){.tns-shorts-heading{align-items:flex-start;flex-direction:column;gap:1rem}.tns-shorts-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.tns-shorts-scroll .tns-channel-short{flex-basis:180px}.tns-short-title{font-size:.8rem}.tns-shorts-archive{padding-top:2.5rem}}
@media(prefers-reduced-motion:reduce){.tns-short-play img,.tns-shorts-more{transition:none}}