/* Daftar berita (Category Blog): kartu mendatar */
.abana-blog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 26px}
.abana-blog h1.abana-blog__heading{margin:0;font-size:26px;line-height:1.2;font-weight:700;color:#1d1d1d}
.abana-blog a.abana-blog__all{display:inline-block;padding:12px 22px;border-radius:12px;background:linear-gradient(#b0281d,#8f180f);color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 6px 16px rgba(163,35,26,.3);transition:transform .2s,box-shadow .2s}
.abana-blog a.abana-blog__all:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(163,35,26,.4)}
.abana-blog__desc{margin:0 0 22px;color:#555;line-height:1.7}
.abana-blog__empty{padding:24px;background:#fff;border-radius:14px;color:#777}

.abana-blog__list{display:flex;flex-direction:column;gap:26px}
.abana-blog__card{display:flex;gap:22px;align-items:stretch;padding:22px;background:#fff;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.07);transition:transform .25s,box-shadow .25s}
.abana-blog__card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.13)}
.abana-blog a.abana-blog__img{flex:0 0 238px;align-self:flex-start;display:block;width:238px;aspect-ratio:238/151;border-radius:14px;overflow:hidden;background:#e6e8ea}
.abana-blog__img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.abana-blog__card:hover .abana-blog__img img{transform:scale(1.05)}
.abana-blog__body{flex:1;min-width:0;display:flex;flex-direction:column}
.abana-blog h2.abana-blog__title{margin:2px 0 10px;font-size:20px;line-height:1.35;font-weight:700}
.abana-blog h2.abana-blog__title a{color:#1d1d1d;text-decoration:none;text-shadow:none}
.abana-blog h2.abana-blog__title a:hover{color:#a3231a}
.abana-blog__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;font-weight:600;color:#777}
.abana-blog__meta svg{vertical-align:-2px;color:#a3231a}
.abana-blog__sep{color:#bbb}
.abana-blog p.abana-blog__text{margin:0 0 auto;font-size:15px;line-height:1.75;color:#666;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.abana-blog a.abana-blog__more{align-self:flex-start;margin-top:18px;font-size:14px;font-weight:700;color:#8f180f;text-decoration:none}
.abana-blog a.abana-blog__more:hover{text-decoration:underline;text-underline-offset:3px}
.abana-blog__pages{margin-top:26px}

@media (max-width:700px){
	.abana-blog__head{flex-wrap:wrap}
	.abana-blog h1.abana-blog__heading{font-size:22px}
	.abana-blog__card{flex-direction:column;padding:16px;gap:14px}
	.abana-blog a.abana-blog__img{flex:none;width:100%;aspect-ratio:16/9}
}
@media (prefers-reduced-motion:reduce){.abana-blog *{transition:none!important}}