.alkpg-wrap{background:var(--alkpg-section-bg,#f5f7fa);padding:32px 20px;box-sizing:border-box;width:100%}
.alkpg-wrap *,.alkpg-wrap *::before,.alkpg-wrap *::after{box-sizing:border-box}

.alkpg-grid{display:grid;gap:24px;max-width:1200px;margin:0 auto}
.alkpg-cols-1{grid-template-columns:1fr}
.alkpg-cols-2{grid-template-columns:repeat(2,1fr)}
.alkpg-cols-3{grid-template-columns:repeat(3,1fr)}
.alkpg-cols-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:1024px){.alkpg-cols-4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.alkpg-cols-3,.alkpg-cols-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.alkpg-cols-2,.alkpg-cols-3,.alkpg-cols-4{grid-template-columns:1fr}.alkpg-wrap{padding:24px 14px}}

.alkpg-card{display:flex;flex-direction:column;background:var(--alkpg-card-bg,#fff);border-radius:var(--alkpg-radius,12px);overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform .2s ease,box-shadow .2s ease}
.alkpg-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.12)}

.alkpg-thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:#e5e7eb}
.alkpg-thumb img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.alkpg-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#dbe4f0,#eef2f7)}

.alkpg-body{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px}
.alkpg-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;line-height:1.4;color:var(--alkpg-meta,#6b7280);margin:0 0 10px}
.alkpg-meta .alkpg-cat{font-weight:600;text-transform:uppercase;letter-spacing:.03em}

.alkpg-title{margin:0 0 6px;font-size:18px;line-height:1.35}
.alkpg-title a{color:var(--alkpg-title,#111827);text-decoration:none}
.alkpg-title a:hover{text-decoration:underline}

.alkpg-excerpt{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--alkpg-text,#4b5563);flex:1}

.alkpg-btn{align-self:flex-start;display:inline-block;padding:9px 18px;border-radius:calc(var(--alkpg-radius,12px) / 2);background:var(--alkpg-btn-bg,#1d4ed8);color:var(--alkpg-btn-color,#fff);font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:opacity .2s ease}
.alkpg-btn:hover,.alkpg-btn:focus{opacity:.88;color:var(--alkpg-btn-color,#fff)}

.alkpg-pagination{display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:1200px;margin:28px auto 0;padding:0;background:none!important;box-shadow:none!important;border:0!important}
.alkpg-pagination .page-numbers{display:inline-block!important;float:none!important;width:auto;min-width:40px;margin:0;padding:8px 14px;text-align:center;border:0;border-radius:calc(var(--alkpg-radius,12px) / 2);background:transparent!important;box-shadow:none!important;color:var(--alkpg-title,#111827);font-size:14px;line-height:1.2;text-decoration:none}
.alkpg-pagination a.page-numbers:hover,.alkpg-pagination a.page-numbers:focus{background:var(--alkpg-btn-bg,#1d4ed8)!important;color:var(--alkpg-btn-color,#fff)}
.alkpg-pagination .page-numbers.current{background:var(--alkpg-btn-bg,#1d4ed8)!important;color:var(--alkpg-btn-color,#fff);font-weight:600}
.alkpg-pagination .page-numbers.dots{background:transparent!important}

.alkpg-empty{text-align:center;padding:24px}