/* Archive only. Preserve the shared player, article and related-video styles. */
.tltv-hub{--tltv-space:1rem;--tltv-section:3rem;--tltv-gap:1.5rem}
.tltv-hub [hidden]{display:none!important}
.tltv-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--cream)}
.tltv-hero__backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.tltv-hero__backdrop img{position:absolute;inset:-1.5rem;width:calc(100% + 3rem);height:calc(100% + 3rem);max-width:none;object-fit:cover;object-position:center;filter:blur(7px) saturate(.7);opacity:.65}
.tltv-hero__backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--ink-rgb),.88) 0%,rgba(var(--ink-rgb),.76) 48%,rgba(var(--ink-rgb),.46) 100%)}
.tltv-hero .wrap.tltv-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.75fr);column-gap:4rem;row-gap:0;align-items:center;padding-block:2.5rem}
.tltv-hero__copy{max-width:36rem;grid-column:1;grid-row:1;align-self:end}
.tltv-hero h1{font-family:var(--serif);font-size:clamp(3rem,5.5vw,4.5rem);font-weight:600;line-height:1.08;margin:0 0 1.5rem;color:var(--cream)}
.tltv-hero__lede{font-size:var(--fs-lead);line-height:1.65;margin:0;color:var(--cream);text-wrap:pretty}
.tltv-hero__links{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.75rem}
.tltv-action{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:2.75rem;padding:.75rem 1.25rem;background:var(--brass-soft);color:var(--ink);font-size:var(--fs-base);font-weight:600;text-decoration:none}
.tltv-action:hover{background:var(--cream)}
.tltv-hero .tltv-link{display:inline-flex;align-items:center;min-height:2.75rem;color:var(--cream);font-size:var(--fs-small);text-underline-offset:.3em}
.tltv-hero .tltv-link:hover{color:var(--brass-soft)}
.tltv-intro{border-top:1px solid var(--ink-faint);padding-top:1.5rem;margin-top:2rem;max-width:36rem;grid-column:1;grid-row:2;align-self:start}
.tltv-intro h2{font-family:var(--serif);font-size:var(--fs-title);font-weight:600;line-height:1.3;color:var(--brass-soft);margin:0 0 .5rem;text-wrap:balance}
.tltv-intro p{font-size:var(--fs-base);line-height:1.65;margin:0 0 .5rem;max-width:50ch;color:var(--cream)}
.tltv-hero__media{justify-self:center;width:min(100%,15rem);grid-column:2;grid-row:1 / span 2}
.tltv-hero__media video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:var(--ink-deep);border:1px solid var(--ink-faint)}
.tltv-hero :focus-visible{outline:2px solid var(--brass-soft);outline-offset:4px}
.wrap.tltv-library{padding-block:var(--tltv-section) 1rem;scroll-margin-top:calc(var(--cao-dau,6rem) + 1rem)}
.tltv-library__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--tltv-gap);margin-bottom:1.5rem}
.tltv-library__head h2{font-family:var(--serif);font-size:clamp(1.75rem,2.7vw,2.25rem);font-weight:600;line-height:1.2;margin:0 0 .375rem;color:var(--ink)}
.tltv-library__head p{margin:0;color:var(--grey);font-size:var(--fs-small)}
.tltv-library .tltdirtim{display:block;width:min(100%,22rem);margin:0}
.tltv-library .tltdirtim__nhan{display:block;position:static;clip:auto;clip-path:none;width:auto;height:auto;overflow:visible;font-size:var(--fs-small);margin:0 0 .375rem}
.tltv-library .tltdirtim__o{width:100%;box-sizing:border-box;min-height:2.75rem;font-size:1rem;padding:.625rem .875rem;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.tltv-library .vchips{gap:.5rem;margin:0;padding:0 0 1rem;border-bottom:1px solid var(--line)}
.tltv-library .vchips .vchip{min-height:2.75rem;padding:.625rem 1rem;font-size:var(--fs-small)}
.tltv-library .vchip[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.tltv-results{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.5rem}
.tltv-library .tltdirtim__ket{margin:0;color:var(--grey);font-size:var(--fs-small);line-height:1.5}
.tltv-clear{min-height:2.75rem;padding:.5rem 0;background:none;border:0;font:inherit;font-size:var(--fs-small);color:var(--ink);text-decoration:underline;text-underline-offset:.25em;cursor:pointer;flex-shrink:0}
.tltv-library .vrel{margin:0;padding:0;border:0}
.tltv-library .vrel .rel__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem 1.5rem}
.tltv-library .vcard{min-width:0;display:block;color:var(--ink)}
.tltv-library .vcard figure{position:relative;aspect-ratio:3/4;overflow:hidden;margin:0 0 .875rem;background:var(--ink)}
.tltv-library .vcard figure img{width:100%;height:100%;object-fit:cover}
.tltv-library .vcard figure em{left:auto;right:.625rem;bottom:.625rem;font-size:var(--fs-meta);padding:.25rem .5rem;line-height:1.3;background:var(--ink);color:var(--cream);font-variant-numeric:tabular-nums}
.tltv-card-play{position:absolute;left:.625rem;bottom:.625rem;display:grid;place-items:center;width:2rem;height:2rem;background:var(--ink);color:var(--cream)}
.tltv-library video.tltv-card-preview{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:var(--ink-deep);opacity:0;pointer-events:none}
.tltv-library .vcard[data-preview-playing] video.tltv-card-preview{opacity:1}
.tltv-library .vcard[data-preview-playing] .tltv-card-play{visibility:hidden}
.tltv-library .vcard .rel__cat{display:block;font-size:var(--fs-label);color:var(--brass-text);line-height:1.5;margin:0 0 .375rem}
.tltv-library .vcard .rel__t{font-family:var(--body);font-size:var(--fs-body);line-height:1.45;margin:0;font-weight:600;display:block;-webkit-line-clamp:unset;overflow:visible;text-wrap:pretty}
.tltv-library .vcard:hover .rel__t{text-decoration:underline;text-underline-offset:.2em}
.tltv-more{display:flex;justify-content:center;margin:2rem 0 0}
.tltv-more button{min-height:3rem;padding:.75rem 1.75rem;font:inherit;font-size:var(--fs-base);color:var(--ink);background:transparent;border:1px solid var(--ink);cursor:pointer}
.tltv-more button:hover{background:var(--ink);color:var(--cream)}
.tltv-library :focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:1000px){.tltv-hero .wrap.tltv-hero__inner{column-gap:2rem;grid-template-columns:minmax(0,1fr) 15rem}.tltv-library .vrel .rel__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .tltv-hero .wrap.tltv-hero__inner{grid-template-columns:1fr;gap:1.75rem;padding-block:2rem}
 .tltv-hero__copy{max-width:none;grid-row:auto;grid-column:1}.tltv-hero h1{font-size:3rem;margin-bottom:1rem}.tltv-hero__lede{font-size:var(--fs-body);line-height:1.6}
 .tltv-intro{margin-top:0;padding-top:1.25rem;grid-row:auto;grid-column:1}.tltv-hero__media{width:min(100%,17rem);grid-column:1;grid-row:auto}
 .tltv-library__head{display:grid;gap:1.25rem}.tltv-library .tltdirtim{width:100%}
 .wrap.tltv-library{padding-block:2rem 1rem}.tltv-library .vrel .rel__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}
 .tltv-library .vcard .rel__t{font-size:1rem;line-height:1.45}.tltv-results{align-items:flex-start;padding-block:.75rem;min-height:0}
 .tltv-library .tltdirtim__ket{padding-top:.5rem}.tltv-clear{max-width:7rem}
}
@media(max-width:359px){.tltv-library .vrel .rel__grid{grid-template-columns:1fr}.tltv-library .vcard figure{max-height:24rem}.tltv-hero__links{gap:.75rem}}

/* Khung video hero /video/ — khung PHẲNG bao quanh, không có đường lệch đè lên hình.
   29/09: bản đầu mượn .vp-khung của trang lẻ, nhưng ở đây góc trên-trái của đường lệch
   rơi VÀO TRONG khung hình nên vẽ vạch ngang mặt người. Bỏ hẳn ::before. */
.tltv-hero__media{
  position:relative;
  padding:14px;
  background:rgba(var(--ink-rgb),.55);
  box-shadow:0 0 0 1px rgba(var(--brass-rgb),.55),0 24px 60px rgba(0,0,0,.5);
}
.tltv-hero__media video{display:block;border:0;background:var(--ink-deep)}
.tltv-hero__media::before{content:none}
@media(max-width:700px){.tltv-hero__media{padding:10px}}