/* --- YouTube Grid & Cards (scoped) --- */
#yt-channel .yt-grid{
  display:grid;
  gap:22px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media (max-width:1200px){#yt-channel .yt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:992px){ #yt-channel .yt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:576px){ #yt-channel .yt-grid{grid-template-columns:1fr}}

#yt-channel .yt-card{
  display:block;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 6px 20px rgba(17,24,39,.06);
  transition:transform .18s ease, box-shadow .18s ease;
  text-decoration:none;
  color:inherit;
}
#yt-channel .yt-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(17,24,39,.10);
}

#yt-channel .yt-thumb{position:relative; background:#0b1220; aspect-ratio:16/9}
#yt-channel .yt-thumb img{width:100%; height:100%; object-fit:cover; display:block}
#yt-channel .yt-play{
  position:absolute; right:10px; bottom:10px;
  background:#fff; width:40px; height:40px; border-radius:999px;
  display:grid; place-items:center; font-size:14px;
}

#yt-channel .yt-body{padding:12px 14px}
#yt-channel .yt-title{
  font-weight:700; line-height:1.35; margin:0 0 6px 0; font-size:15px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#yt-channel .yt-meta{font-size:12px; color:#6b7280}

#yt-channel .yt-actions{margin-top:20px; display:flex; gap:10px; justify-content:center}
#yt-channel #yt-more[disabled]{opacity:.5; pointer-events:none}