/* Hanboreum v3.3.4 — featured cards match latest-video cards exactly. */
.home-main-v330 .home-featured-v330{
  width:100%!important;
  margin-inline:0!important;
  padding:18px!important;
  border-radius:24px!important;
}
.home-main-v330 .home-featured-v330 .home-section-heading-v330{margin-bottom:13px!important}
.home-main-v330 .home-featured-grid-v330{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  min-height:0!important;
  overflow:visible!important;
  padding:0!important;
  scroll-snap-type:none!important;
}
.home-main-v330 .home-featured-card-v330{
  min-width:0!important;
  overflow:hidden!important;
  border-radius:14px!important;
  flex:none!important;
}
.home-main-v330 .home-featured-card-v330>a,
.home-main-v330 .home-featured-card-v330.is-primary>a{
  display:block!important;
  height:100%!important;
  grid-template-rows:none!important;
}

/* Match .youtube-fallback-thumb exactly. */
.home-main-v330 .home-featured-thumb-v330{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#eee8f5,#f8f3fb)!important;
}
.home-main-v330 .home-featured-thumb-v330 img,
.home-main-v330 .home-featured-card-v330.is-primary .home-featured-thumb-v330 img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* Match .youtube-fallback-play exactly. */
.home-main-v330 .home-featured-play-v330{
  position:absolute!important;
  left:8px!important;
  right:auto!important;
  bottom:7px!important;
  display:grid!important;
  place-items:center!important;
  width:25px!important;
  height:25px!important;
  border-radius:50%!important;
  background:rgba(22,18,28,.78)!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
}
.home-main-v330 .home-featured-copy-v330{
  display:block!important;
  min-width:0!important;
  padding:9px 10px 10px!important;
}
.home-main-v330 .home-featured-owner-v330{
  display:block!important;
  margin-bottom:4px!important;
  font-size:10px!important;
  font-weight:850!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.home-main-v330 .home-featured-copy-v330 strong,
.home-main-v330 .home-featured-card-v330.is-primary .home-featured-copy-v330 strong{
  display:-webkit-box!important;
  min-height:2.7em!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  font-size:12px!important;
  line-height:1.35!important;
  word-break:keep-all!important;
  overflow-wrap:break-word!important;
}
.home-main-v330 .home-featured-copy-v330 small{
  display:block!important;
  margin-top:5px!important;
  font-size:9px!important;
}

@media(min-width:901px){
  .home-main-v330 .home-featured-copy-v330{padding:11px 12px 12px!important}
  .home-main-v330 .home-featured-owner-v330{margin-bottom:5px!important;font-size:12px!important}
  .home-main-v330 .home-featured-copy-v330 strong,
  .home-main-v330 .home-featured-card-v330.is-primary .home-featured-copy-v330 strong{min-height:2.8em!important;font-size:14px!important;line-height:1.4!important}
  .home-main-v330 .home-featured-copy-v330 small{margin-top:6px!important;font-size:11px!important}
}

@media(max-width:900px){
  .home-main-v330 .home-featured-grid-v330{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:700px){
  .home-main-v330 .home-featured-v330{padding:13px!important;border-radius:18px!important}
  .home-main-v330 .home-featured-grid-v330{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .home-main-v330 .home-featured-card-v330{width:auto!important;max-width:none!important;border-radius:12px!important}
  .home-main-v330 .home-featured-copy-v330{padding:8px 8px 9px!important}
  .home-main-v330 .home-featured-owner-v330{font-size:9px!important}
  .home-main-v330 .home-featured-copy-v330 strong,
  .home-main-v330 .home-featured-card-v330.is-primary .home-featured-copy-v330 strong{font-size:11px!important;min-height:2.7em!important;line-height:1.35!important}
  .home-main-v330 .home-featured-copy-v330 small{font-size:9px!important;margin-top:5px!important}
  .home-main-v330 .home-featured-play-v330{width:22px!important;height:22px!important;left:6px!important;bottom:6px!important;font-size:8px!important}
}

@media(max-width:560px){
  .home-main-v330 .home-featured-v330{overflow:hidden!important}
  .home-main-v330 .home-featured-grid-v330{
    display:flex!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:0 14% 10px 0!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:0!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    touch-action:pan-x pan-y!important;
  }
  .home-main-v330 .home-featured-grid-v330::-webkit-scrollbar{display:none!important}
  .home-main-v330 .home-featured-card-v330{
    flex:0 0 86%!important;
    width:86%!important;
    max-width:86%!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    border-radius:14px!important;
  }
  .home-main-v330 .home-featured-copy-v330{padding:10px 10px 11px!important}
  .home-main-v330 .home-featured-owner-v330{font-size:10px!important}
  .home-main-v330 .home-featured-copy-v330 strong,
  .home-main-v330 .home-featured-card-v330.is-primary .home-featured-copy-v330 strong{font-size:13px!important;min-height:2.7em!important;line-height:1.35!important}
  .home-main-v330 .home-featured-copy-v330 small{font-size:10px!important}
  .home-main-v330 .home-featured-play-v330{width:25px!important;height:25px!important;left:8px!important;bottom:7px!important;font-size:9px!important}
}

html[data-theme="dark"] .home-main-v330 .home-featured-thumb-v330{
  background:linear-gradient(135deg,#342a3e,#251e2d)!important;
}