.ffp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:1024px){.ffp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ffp-grid{grid-template-columns:1fr}}

.ffp-row{display:flex;gap:12px;flex-wrap:nowrap;justify-content:space-between}
.ffp-row .ffp-item{flex:1;max-width:20%}

@media(max-width:768px){
  .ffp-row{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ffp-row .ffp-item{flex:0 0 80%;max-width:80%}
}

.ffp-item{position:relative;background:#0b0b0b;border-radius:12px;overflow:hidden;text-decoration:none}
.ffp-thumb{aspect-ratio:16/9;width:100%;object-fit:cover;display:block}
.ffp-content{padding:12px}
.ffp-title{margin:0 0 6px;font-weight:700;line-height:1.3}
.ffp-excerpt{margin:0;color:#c9c9c9;font-size:0.95em}
.ffp-bar{height:4px;width:100%;display:block}