.csf-cards { display:grid; grid-template-columns: repeat(auto-fill, minmax(260px,1fr)); gap:16px; }
.csf-card { border:1px solid #eee; border-radius:12px; overflow:hidden; background:#fff; display:flex; flex-direction:column; }
.csf-card img { width:100%; height:160px; object-fit:cover; background:#f4f4f4; }
.csf-card .csf-body { padding:12px; display:flex; flex-direction:column; gap:8px; }
.csf-card .csf-topic { font-size:12px; opacity:.7; text-transform:uppercase; }
.csf-card .csf-title { font-size:16px; font-weight:600; line-height:1.3; }
.csf-card .csf-meta { font-size:12px; color:#666; }
.csf-list { display:flex; flex-direction:column; gap:12px; }
.csf-list a { text-decoration:none; }