/* Video library: isolated styles, no changes to the main visual system. */
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.video-card{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 28px rgba(13,20,24,.04)}
.video-thumb{position:relative;aspect-ratio:16/9;background:#11171b;overflow:hidden}
.video-thumb img{width:100%;height:100%;object-fit:cover}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:rgba(17,23,27,.86);color:#fff;font-size:22px}
.video-card-body{padding:22px}
.video-card-body h2{margin:9px 0 12px;font-size:25px;line-height:1.08;letter-spacing:-.025em}
.video-card-body p{margin:0;color:var(--muted)}
.video-date{font-size:10px;color:#7b858b}
.video-page-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:56px;align-items:start}
.video-player-column{min-width:0}
.video-vertical-frame{width:min(100%,420px);aspect-ratio:9/16;margin:0 auto;background:#11171b;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.video-vertical-frame iframe{width:100%;height:100%;border:0;display:block}
.video-platform-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;justify-content:center}
.video-copy-column h2{margin:0 0 16px;font-size:clamp(32px,4vw,52px);line-height:1;letter-spacing:-.035em}
@media(max-width:980px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-page-layout{grid-template-columns:1fr;gap:38px}.video-copy-column{max-width:760px;margin:0 auto}}
@media(max-width:640px){.video-grid{grid-template-columns:1fr}.video-card-body h2{font-size:23px}.video-vertical-frame{max-width:360px;border-radius:18px}}

/* Search-first video detail: visible poster before YouTube iframe loads. */
.video-poster{position:relative;width:min(100%,420px);aspect-ratio:9/16;margin:0 auto;background:#11171b;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.video-poster-button{display:block;width:100%;height:100%;padding:0;border:0;background:#11171b;cursor:pointer;position:relative}
.video-poster-button img{width:100%;height:100%;object-fit:cover;display:block}
.video-poster iframe{width:100%;height:100%;border:0;display:block}
.video-poster.is-playing{background:#000}
.video-author{margin-top:24px;line-height:1.55}
.video-related-actions{margin-top:24px}
@media(max-width:640px){.video-poster{max-width:360px;border-radius:18px}}

/* VK Video is the primary source. */
.video-vk-player{
  position:relative;
  width:min(100%,420px);
  aspect-ratio:9/16;
  margin:0 auto;
  background:#11171b;
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.video-vk-player iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.video-thumb-vk iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  pointer-events:none;
}
@media(max-width:640px){
  .video-vk-player{max-width:360px;border-radius:18px}
}


/* Mobile-only fallback for external VK player. Hidden on desktop. */
.video-mobile-fallback{display:none}
@media(max-width:640px){
  .video-mobile-fallback{display:flex;justify-content:center;margin-top:14px}
}

/* Spacing between themed collections in /video/. Existing grid, cards and colors are unchanged. */
.video-category{margin-top:26px}
.video-category+.video-category{margin-top:64px}
.video-category-title{margin:0;font-size:clamp(25px,3vw,36px);line-height:1.14;letter-spacing:-.025em}
.video-category .video-grid{margin-top:22px}
@media(max-width:640px){.video-category+.video-category{margin-top:46px}}