.ccat-wrap{font-family:Arial,Helvetica,sans-serif;max-width:1180px;margin:24px auto;padding:0 14px;color:#1f2937;line-height:1.55}
.ccat-hero{background:linear-gradient(135deg,#061f49,#0b376d);color:white;border-radius:28px;padding:30px;display:flex;justify-content:space-between;gap:18px;align-items:center;box-shadow:0 16px 40px rgba(6,31,73,.18)}
.ccat-kicker{margin:0 0 8px;color:#dff5d1;font-size:13px;font-weight:900;letter-spacing:.08em}
.ccat-hero h2{margin:0 0 8px;font-size:32px;color:white}
.ccat-hero p{margin:0;color:#eef6ff}
.ccat-badge{background:white;color:#061f49;padding:12px 16px;border-radius:999px;font-weight:900;white-space:nowrap}
.ccat-search{display:flex;gap:10px;margin:20px 0;background:white;border:1px solid #dbe5ef;border-radius:18px;padding:12px;box-shadow:0 8px 22px rgba(6,31,73,.06)}
.ccat-search input{flex:1;border:1px solid #c9d7e8;border-radius:999px;padding:12px 14px;font-size:15px}
.ccat-search button,.ccat-btn{border:0;background:#52b600;color:white;border-radius:999px;padding:12px 16px;font-weight:900;text-decoration:none;display:inline-block;cursor:pointer}
.ccat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:18px}
.ccat-card{background:white;border:1px solid #dbe5ef;border-radius:22px;padding:20px;box-shadow:0 8px 24px rgba(6,31,73,.06)}
.ccat-card h3{margin:6px 0 10px;color:#061f49;font-size:20px;line-height:1.22}
.ccat-card h3 a{color:#061f49;text-decoration:none}
.ccat-card h3 a:hover{text-decoration:underline}
.ccat-card p{color:#475569}
.ccat-date{color:#0b376d;font-weight:800;font-size:13px;margin-top:10px}
.ccat-thumb img{width:100%;height:170px;object-fit:cover;border-radius:16px;margin-bottom:8px}
.ccat-pagination{margin:24px 0;text-align:center}
.ccat-pagination .page-numbers{display:inline-block;margin:4px;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #dbe5ef;text-decoration:none;color:#061f49;font-weight:800}
.ccat-pagination .current{background:#061f49;color:white}
.ccat-empty{margin-top:18px;border-left:6px solid #52b600}
.ccat-admin-note{background:#fff7e6;border-left:5px solid #f59e0b;border-radius:14px;padding:14px;margin-top:18px;color:#78350f}
@media(max-width:760px){.ccat-hero{flex-direction:column;align-items:flex-start}.ccat-hero h2{font-size:26px}.ccat-search{flex-direction:column}.ccat-badge{white-space:normal}}