.cc-app .grid{grid-template-columns:1fr;gap:20px;margin-top:22px;display:grid}@media (min-width:620px){.cc-app .grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.cc-app .grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1300px){.cc-app .grid{grid-template-columns:repeat(4,1fr)}}.cc-app .card{box-shadow:var(--cc-shadow-sm);background:#fff;border-radius:20px;flex-direction:column;gap:11px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.cc-app .card:hover{box-shadow:var(--cc-shadow-md);transform:translateY(-3px)}.cc-app .thumb{border-radius:14px;justify-content:center;align-items:center;height:96px;display:flex}.cc-app .card h4{font-size:15px;font-weight:800;line-height:1.35}.cc-app .card .meta{color:var(--cc-ink-faint);flex-wrap:wrap;align-items:center;gap:8px;font-size:11.5px;font-weight:700;display:flex}.cc-app .author{color:var(--cc-ink-soft);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.cc-app .author .dot{background:var(--cc-grape-tint);width:22px;height:22px;color:var(--cc-grape);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:9.5px;font-weight:800;display:flex}.cc-app .card-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;padding-top:4px;display:flex}.cc-app .card-actions .btn{flex:auto;min-width:0}