/* articles/videos — extracted page styles */
.tk-vid-hero{background:linear-gradient(135deg,#b3170f,#5b2a86);color:#fff;border-radius:16px;padding:1.5rem 1.6rem;margin-bottom:1.4rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between}
.tk-vid-hero .kicker{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.9;display:flex;align-items:center;gap:.5rem}
.tk-vid-hero h1{font-size:1.65rem;margin:.25rem 0 .2rem;color:#fff}
.tk-vid-hero p{margin:0;opacity:.9;max-width:620px;font-size:.92rem}
.tk-vid-hero .count{background:rgba(255,255,255,.16);border-radius:12px;padding:.5rem 1rem;font-weight:700;white-space:nowrap}

/* Theatre stage */
.tk-vstage{background:#0e0e12;border-radius:18px;padding:1.1rem;margin-bottom:2rem;display:grid;grid-template-columns:1fr 330px;gap:1.1rem}
@media(max-width:900px){.tk-vstage{grid-template-columns:1fr}}
.tk-vstage__main{display:flex;flex-direction:column}
.tk-stage-player{position:relative;cursor:pointer;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16/9}
.tk-vstage__info{padding:.9rem .2rem 0}
.tk-vstage__info h2{font-size:1.18rem;font-weight:700;margin:0 0 .25rem;line-height:1.3;color:#fff!important}
.tk-vstage__info .meta{font-size:.8rem;color:#a9adb8!important}

/* Up-next playlist */
.tk-upnext{display:flex;flex-direction:column;min-height:0}
.tk-upnext__hd{color:#fff;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .7rem;display:flex;align-items:center;gap:.5rem}
.tk-upnext__list{display:flex;flex-direction:column;gap:.55rem;overflow-y:auto;max-height:340px;padding-right:.3rem}
.tk-upnext__list::-webkit-scrollbar{width:6px}.tk-upnext__list::-webkit-scrollbar-thumb{background:#3a3a45;border-radius:6px}
.tk-up{display:flex;gap:.6rem;cursor:pointer;border-radius:10px;padding:.35rem;transition:.15s}
.tk-up:hover{background:#1c1c24}
.tk-up.is-playing{background:#27121a;outline:1px solid #b3170f}
.tk-up__thumb{position:relative;flex:none;width:118px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#000}
.tk-up__thumb img{width:100%;height:100%;object-fit:cover}
.tk-up__thumb .mini-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;background:rgba(0,0,0,.25);opacity:0;transition:.15s}
.tk-up:hover .tk-up__thumb .mini-play{opacity:1}
.tk-up__t{font-size:.82rem;font-weight:600;color:#e8e9ee;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* shared play facade */
.tk-pwrap .tk-play-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.3s}
.tk-pwrap:hover .tk-play-thumb{transform:scale(1.04);filter:brightness(.82)}
.tk-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(179,23,15,.92);
  display:flex;align-items:center;justify-content:center;color:#fff;transition:.18s;z-index:2;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.tk-stage-player .tk-play-btn{width:74px;height:74px;font-size:1.6rem}
.tk-vcard__media .tk-play-btn{width:54px;height:54px;font-size:1.2rem;background:rgba(0,0,0,.55);border:2px solid rgba(255,255,255,.85)}
.tk-pwrap:hover .tk-play-btn{transform:translate(-50%,-50%) scale(1.1)}
.tk-vcard__media.tk-pwrap:hover .tk-play-btn{background:#b3170f;border-color:#b3170f}
.tk-play-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 55%);z-index:1}
.tk-vid-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}

/* grid */
.tk-vid-sec-hd{font-size:1.2rem;font-weight:800;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}
.tk-vid-sec-hd:before{content:"";width:4px;height:20px;background:#b3170f;border-radius:3px}
.tk-vid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.2rem}
.tk-vcard{background:#fff;border:1px solid var(--tk-line);border-radius:14px;overflow:hidden;transition:.18s}
.tk-vcard:hover{box-shadow:0 12px 28px rgba(20,40,25,.12);transform:translateY(-4px)}
.tk-vcard__media{position:relative;cursor:pointer;background:#000;aspect-ratio:16/9}
.tk-vcard__body{padding:.85rem 1rem 1rem}
.tk-vcard__title{font-size:.94rem;font-weight:700;line-height:1.35;margin:0 0 .35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tk-vcard__date{font-size:.76rem;color:var(--tk-muted)}
@media(max-width:520px){.tk-vid-grid{grid-template-columns:1fr}}