.kkbp-grid{display:grid;grid-template-columns:repeat(var(--kkbp-columns),minmax(0,1fr));gap:26px;width:100%;margin:28px 0;color:var(--kkbp-text)}
.kkbp-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--kkbp-bg);border:1px solid color-mix(in srgb,var(--kkbp-primary) 14%,transparent);border-radius:var(--kkbp-radius);transition:transform .25s ease,box-shadow .25s ease}
.kkbp-grid.has-shadow .kkbp-card{box-shadow:0 12px 35px rgba(6,60,145,.12)}.kkbp-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(6,60,145,.18)}
.kkbp-image{display:block;aspect-ratio:var(--kkbp-ratio);overflow:hidden;background:linear-gradient(135deg,var(--kkbp-primary),var(--kkbp-accent));text-decoration:none}.kkbp-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.kkbp-card:hover .kkbp-image img{transform:scale(1.045)}
.kkbp-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:48px;color:#fff}.kkbp-body{position:relative;display:flex;flex:1;flex-direction:column;padding:23px}.kkbp-logo{position:absolute;right:18px;top:16px;width:42px;height:42px;object-fit:contain;border-radius:50%}.kkbp-body time{display:block;margin-bottom:9px;color:var(--kkbp-primary);font-size:13px;font-weight:700}.kkbp-body h3{margin:0 0 12px;font-size:clamp(20px,2vw,25px);line-height:1.25}.kkbp-body h3 a{color:var(--kkbp-text);text-decoration:none}.kkbp-body h3 a:hover{color:var(--kkbp-primary)}.kkbp-body p{margin:0 0 20px;color:color-mix(in srgb,var(--kkbp-text) 76%,transparent);font-size:16px;line-height:1.65}.kkbp-button{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-top:auto;padding:11px 17px;border-radius:999px;background:var(--kkbp-primary);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:background .2s,transform .2s}.kkbp-button:hover{background:color-mix(in srgb,var(--kkbp-primary) 80%,#000);transform:translateX(2px)}.kkbp-empty{padding:18px;border-left:4px solid #063c91;background:#f3f7fc}
@media(max-width:900px){.kkbp-grid{grid-template-columns:repeat(min(2,var(--kkbp-columns)),minmax(0,1fr))}}@media(max-width:600px){.kkbp-grid{grid-template-columns:1fr;gap:18px}.kkbp-body{padding:20px}.kkbp-card:hover{transform:none}}