@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
.ccp-wrap { max-width:1100px; margin:0 auto; padding:32px 20px; font-family:'Inter',sans-serif; }
.ccp-cat-header { display:flex; align-items:center; gap:16px; padding:24px 28px; background:#fff; border-radius:14px; box-shadow:0 1px 4px rgba(0,0,0,.08); margin-bottom:28px; flex-wrap:wrap; }
.ccp-cat-icon { width:52px; height:52px; border-radius:13px; font-size:26px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ccp-cat-title { font-size:22px; font-weight:800; color:#0F172A; margin:0 0 4px; }
.ccp-cat-desc { font-size:14px; color:#64748B; margin:0; }
.ccp-count-badge { margin-left:auto; font-size:13px; font-weight:700; padding:6px 16px; border-radius:20px; white-space:nowrap; }
.ccp-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; margin-bottom:28px; }
.ccp-card { background:#fff; border:1px solid #E2E8F0; border-radius:12px; padding:18px 20px; text-decoration:none; display:flex; flex-direction:column; gap:6px; transition:box-shadow .13s,border-color .13s,transform .12s; }
.ccp-card:hover { border-color:var(--bd,#93C5FD); box-shadow:0 4px 16px rgba(0,0,0,.08); transform:translateY(-2px); }
.ccp-card-name { font-size:15px; font-weight:700; color:#0F172A; }
.ccp-card-desc { font-size:13px; color:#64748B; line-height:1.5; flex:1; }
.ccp-card-cta { font-size:13px; font-weight:600; margin-top:4px; }
.ccp-back { text-align:center; padding-top:8px; }
.ccp-back-link { font-size:14px; color:#6366F1; text-decoration:none; font-weight:500; }
.ccp-back-link:hover { text-decoration:underline; }