.ccg-grid{display:grid;grid-gap:16px}
.ccg-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}
.ccg-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}
.ccg-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}
.ccg-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}
.ccg-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}
.ccg-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}
@media (max-width: 1024px){.ccg-cols-4,.ccg-cols-5,.ccg-cols-6{grid-template-columns:repeat(3, minmax(0, 1fr))}}
@media (max-width: 768px){.ccg-cols-3,.ccg-cols-4,.ccg-cols-5,.ccg-cols-6{grid-template-columns:repeat(2, minmax(0, 1fr))}}
@media (max-width: 480px){.ccg-grid{grid-template-columns:1fr}}

.ccg-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.ccg-thumb{display:block;aspect-ratio:16/9;overflow:hidden}
.ccg-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ccg-body{padding:12px 14px}
.ccg-title{font-size:1rem;line-height:1.4;margin:.2rem 0 .4rem}
.ccg-title a{text-decoration:none;color:#111827}
.ccg-title a:hover{text-decoration:underline}
.ccg-excerpt{color:#4b5563;font-size:.9rem;margin:.25rem 0 .5rem}
.ccg-meta{font-size:.78rem;color:#6b7280;display:flex;align-items:center;gap:6px}
.ccg-dot{opacity:.5}
.ccg-actions{margin-top:.6rem}
.ccg-btn{display:inline-block;border:1px solid #111827;padding:.45rem .7rem;border-radius:8px;text-decoration:none}
.ccg-pagination{display:flex;justify-content:center;margin-top:16px}
.ccg-pagination .page-numbers{display:inline-block;margin:.2rem;border:1px solid #e5e7eb;padding:.35rem .6rem;border-radius:6px;text-decoration:none}
.ccg-pagination .current{background:#111827;color:#fff;border-color:#111827}