/* Halaman Artikel (per kategori) */
.page-artikel{padding-bottom:40px}
.artikel-head{margin:0 0 6px}
.artikel-title{font-size:44px;line-height:1.2;margin:0 0 6px}
.artikel-lead{color:#5b6478;font-size:18px;margin-bottom:22px}
.artikel-lead p{margin:0}
.artikel-empty{padding:40px 0;color:#5b6478}

.artikel-chips{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 34px}
.artikel-chips a{border:1px solid #e6e8ee;border-radius:99px;padding:7px 18px;font-weight:600;font-size:15px;background:#fff;transition:.2s}
.artikel-chips a small{opacity:.7;font-weight:500;margin-left:4px}
.artikel-chips a:hover{background:linear-gradient(90deg,#89216b 0%,#da4453 100%);color:#fff;border-color:transparent}

.artikel-sec{margin-bottom:54px;scroll-margin-top:30px}
.artikel-sec__head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid #e6e8ee;margin-bottom:8px;padding-bottom:8px}
.artikel-sec__head h2{margin:0;font-size:30px;position:relative}
.artikel-sec__head h2::after{content:"";position:absolute;left:0;bottom:-10px;width:56px;height:3px;background:linear-gradient(90deg,#89216b 0%,#da4453 100%);border-radius:3px}
.artikel-sec__head a{font-weight:600;color:#89216b;font-size:15px}

.artikel-card{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;padding:20px 0;border-bottom:1px dashed #e6e8ee}
.artikel-card__thumb{display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/10;background:#f6f1f5}
.artikel-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.artikel-card__ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#2b2f55,#89216b 60%,#da4453)}
.artikel-badge{display:inline-block;background:linear-gradient(90deg,#89216b 0%,#da4453 100%);color:#fff;font-weight:600;font-size:12px;padding:2px 9px;border-radius:4px}
.artikel-card h3{margin:6px 0 4px;font-size:22px;line-height:1.3}
.artikel-card h3 a:hover{color:#89216b}
.artikel-meta{font-size:14px;color:#5b6478;margin-bottom:6px}
.artikel-card p{margin:0;font-size:16px}

.artikel-pager{display:flex;gap:8px;align-items:center;justify-content:center;padding-top:22px;flex-wrap:wrap}
.artikel-pager .page-numbers{min-width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #e6e8ee;font-weight:600;padding:0 12px}
.artikel-pager a.page-numbers:hover{border-color:#89216b;color:#89216b}
.artikel-pager .page-numbers.current{background:linear-gradient(90deg,#89216b 0%,#da4453 100%);color:#fff;border-color:transparent}
.artikel-pager .page-numbers.dots{border:0}

@media (max-width:820px){
  .artikel-title{font-size:32px}
  .artikel-card{grid-template-columns:1fr}
}