/* Grid, Blocksy-flavoured */
.tn-ytpf-grid{display:grid;gap:1rem;grid-template-columns:repeat(var(--tn-cols,4),minmax(0,1fr))}
.tn-ytpf-grid .entry-card{display:flex;flex-direction:column}
.tn-ytpf-thumb{position:relative;display:block;padding:0;border:0;background:transparent;cursor:pointer;aspect-ratio:16/9;overflow:hidden;border-radius:1rem;box-shadow:0 2px 12px rgba(0,0,0,.08)}
.tn-ytpf-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.tn-ytpf-thumb:hover img{transform:scale(1.03)}
.tn-ytpf-play{position:absolute;inset:auto auto .75rem .75rem;background:rgba(0,0,0,.6);color:#fff;padding:.35rem .55rem;border-radius:.5rem;font-weight:700;font-size:.9rem;line-height:1}
.tn-ytpf-grid .card-content{margin-top:.5rem;display:flex;flex-direction:column}
.tn-ytpf-grid .entry-title{font-size:1rem;line-height:1.3;margin:0}
.tn-ytpf-grid .entry-meta{opacity:.7;font-size:.85rem;margin-top:.35rem}
@media (max-width:1024px){.tn-ytpf-grid{grid-template-columns:repeat(var(--tn-cols-t,3),minmax(0,1fr))}}
@media (max-width:640px){.tn-ytpf-grid{grid-template-columns:repeat(var(--tn-cols-m,2),minmax(0,1fr))}}


/* === Blocksy-like list layout === */
.tn-ytpf-list{width:100%}
.tn-ytpf-list article.entry-card{display:flex;gap:var(--card-inner-spacing,30px)}
@media(max-width:689.98px){.tn-ytpf-list article.entry-card{flex-direction:column}}
@media(min-width:690px){
  .tn-ytpf-list article.entry-card>.ct-media-container{max-width:var(--card-media-max-width,40%);flex-shrink:0;margin-inline-end:0}
  .tn-ytpf-list article.entry-card>.ct-media-container:not(.boundless-image){align-self:center}
}
.tn-ytpf-list .card-content{flex:1;display:flex;flex-direction:column}
.tn-ytpf-list .card-content>*{margin-block:0 var(--card-element-spacing,20px)}
.tn-ytpf-list .card-content>*:last-child{margin-bottom:0}
.tn-ytpf-list .ct-media-container{aspect-ratio:16/9;border-radius:var(--theme-image-border-radius,var(--theme-border-radius,0px));box-shadow:var(--theme-image-shadow);overflow:hidden}
.tn-ytpf-list .ct-media-container img{width:100%;height:100%;object-fit:cover;display:block}