/* =====================================================================
   BX3 ARTIKEL — daftar gaya "Media Center" CHAGEE
   Baris bergaris tipis: kategori · tanggal, judul, ringkasan di kiri; foto 3:2 di kanan.
   ===================================================================== */

.bx3.bx3-posts{display:block;background:var(--bx3-white)}
.bx3 .bx3-posts__in{max-width:calc(1040px + var(--bx3-pad-x) * 2);margin:0 auto;padding:clamp(64px,6.6vw,124px) var(--bx3-pad-x) clamp(80px,8vw,150px);scroll-margin-top:var(--bx3-nav-h)}
.bx3 .bx3-posts__heading{text-align:center;margin-bottom:clamp(28px,3vw,48px)}
.bx3.bx3-posts .bx3-chips{margin-bottom:clamp(28px,3.2vw,56px)}

/* ---------- Baris artikel (dipakai juga di halaman isi artikel) ---------- */
.bx3 .bx3-news{border-top:1px solid var(--bx3-line)}
.bx3 .bx3-news__item{border-bottom:1px solid var(--bx3-line)}
.bx3 a.bx3-news__link[href]{display:flex;align-items:center;gap:clamp(24px,3.4vw,64px);padding:clamp(24px,2.4vw,36px) 0;color:var(--bx3-ink-soft)}
.bx3 .bx3-news__txt{flex:1 1 auto;min-width:0}
.bx3 .bx3-news__meta{display:flex;flex-wrap:wrap;gap:.6em;margin-bottom:12px;font-size:var(--bx3-fs-xs);line-height:1.4;letter-spacing:.06em;text-transform:uppercase;color:var(--bx3-ink-soft)}
.bx3 .bx3-news__title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:clamp(1.2rem,1.56vw,1.5rem);font-weight:400;line-height:1.5;color:var(--bx3-ink);transition:color var(--bx3-t) var(--bx3-ease)}
.bx3 .bx3-news__ex{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:14px;max-width:34em;font-size:var(--bx3-fs-body);line-height:1.5;color:var(--bx3-ink-soft)}
.bx3 .bx3-news__img{flex:0 0 clamp(220px,21vw,320px);aspect-ratio:3/2}
.bx3 .bx3-news__img>img{transition:transform .5s var(--bx3-ease)}
.bx3 a.bx3-news__link[href]:is(:hover,:focus-visible) .bx3-news__title{color:var(--bx3-orange)}
.bx3 a.bx3-news__link[href]:is(:hover,:focus-visible) .bx3-news__img>img{transform:scale(1.04)}

.bx3 .bx3-posts__empty{padding:clamp(40px,5vw,80px) 0;border-top:1px solid var(--bx3-line);text-align:center;color:var(--bx3-ink-soft)}
.bx3 .bx3-posts__empty a[href]{text-decoration:underline;text-decoration-color:var(--bx3-orange);text-underline-offset:.2em;color:var(--bx3-ink)}

/* ---------- Nomor halaman ---------- */
.bx3 .bx3-pager{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1vw,12px);margin-top:clamp(48px,5vw,88px);line-height:1}
.bx3 .bx3-pager__n,.bx3 .bx3-pager__arrow{display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 4px;border-radius:999px;font-size:var(--bx3-fs-sm);font-variant-numeric:tabular-nums;color:var(--bx3-ink-soft);transition:background-color var(--bx3-t) var(--bx3-ease),color var(--bx3-t) var(--bx3-ease),border-color var(--bx3-t) var(--bx3-ease)}
.bx3 .bx3-pager__arrow{border:1px solid var(--bx3-line-btn)}
.bx3 span.bx3-pager__arrow{opacity:.35}
.bx3 a.bx3-pager__n[href]:is(:hover,:focus-visible){color:var(--bx3-orange)}
.bx3 a.bx3-pager__arrow[href]:is(:hover,:focus-visible){background-color:var(--bx3-choc);border-color:var(--bx3-choc);color:var(--bx3-white)}
.bx3 .bx3-pager__n[aria-current="page"]{background:var(--bx3-choc);color:var(--bx3-white)}
.bx3 .bx3-pager__gap{color:var(--bx3-ink-soft)}
.bx3 .bx3-pager__of{display:none;min-width:5em;text-align:center;font-size:var(--bx3-fs-sm);color:var(--bx3-ink)}

@media (max-width:767px){
  .bx3 a.bx3-news__link[href]{flex-direction:column-reverse;align-items:stretch;gap:18px}
  .bx3 .bx3-news__img{flex:none;width:100%}
  .bx3 .bx3-pager{gap:16px}
  .bx3 .bx3-pager__n,.bx3 .bx3-pager__gap{display:none}
  .bx3 .bx3-pager__of{display:block}
}
@media (prefers-reduced-motion:reduce){.bx3 .bx3-news__img>img{transition:none}}