/* KitabX blog grid. Colours follow the site: navy #0a2540, red #e63946. Override in the widget Style tab. */
.kxb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:1024px){.kxb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.kxb-grid{grid-template-columns:1fr;gap:16px}}
.kxb-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e8edf3;border-radius:15px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s;font-family:"Plus Jakarta Sans",system-ui,sans-serif}
.kxb-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(10,37,64,.12);border-color:#e63946}
.kxb-img{display:block;height:210px;background:#eef2f7;overflow:hidden}
.kxb-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s;max-width:none}
.kxb-card:hover .kxb-img img{transform:scale(1.05)}
.kxb-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,#0a2540,#133a5e);color:rgba(255,255,255,.55)}
.kxb-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px;flex:1}
.kxb-cat{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#e63946;text-decoration:none}
.kxb-title{margin:0;font-size:20px;line-height:1.4;font-weight:700}
.kxb-title a{color:#0a2540;text-decoration:none}
.kxb-title a:hover{color:#e63946}
.kxb-excerpt{margin:0;font-size:15px;line-height:1.7;color:#5b6472}
.kxb-meta{display:flex;gap:8px;align-items:center;font-size:13px;color:#8a94a3;margin-top:auto}
.kxb-more{font-size:14px;font-weight:700;color:#0a2540;text-decoration:none}
.kxb-more:hover{color:#e63946}
.kxb-empty{padding:48px 20px;text-align:center;border:1px dashed #cbd5e1;border-radius:15px;color:#5b6472;font-size:16px}
.kxb-pager{margin-top:36px}
.kxb-pager ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
.kxb-pager a,.kxb-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border:1px solid #dfe6ee;border-radius:10px;background:#fff;color:#0a2540;font-weight:600;font-size:14px;text-decoration:none}
.kxb-pager a:hover{border-color:#0a2540}
.kxb-pager .current{background:#0a2540;border-color:#0a2540;color:#fff}
