/* Banner memakai .page-banner dari custom.css */

/* ====== SEARCH CARD ====== */
.hk-search {
	background:#fff; border-radius:14px; padding:1.1rem 1.2rem;
	box-shadow:0 10px 30px rgba(8,32,92,.12); margin-top:-3rem; position:relative; z-index:5;
}
.hk-search .form-control { border:1px solid #e3e7ef; border-radius:9px; height:46px; font-size:.9rem; }
.hk-search .form-control:focus { border-color:#1a73e8; box-shadow:0 0 0 3px rgba(26,115,232,.12); }
.hk-search .btn-cari {
	height:46px; border-radius:9px; font-weight:700; background:#1a73e8; border:none; color:#fff;
	width:100%; transition:background .18s;
}
.hk-search .btn-cari:hover { background:#0d47a1; }

/* ====== RESULT META ====== */
.hk-meta { font-size:.88rem; color:#6c7689; }
.hk-meta b { color:#16213e; }

/* ====== KAJIAN CARD ====== */
.hk-card {
	display:flex; gap:1.4rem; background:#fff; border:1px solid #edf0f6; border-radius:14px;
	padding:1.4rem; box-shadow:0 2px 12px rgba(20,33,62,.04);
	transition:transform .2s ease, box-shadow .2s ease;
}
.hk-card:hover { transform:translateY(-3px); box-shadow:0 12px 28px rgba(20,33,62,.1); }
.hk-date {
	flex-shrink:0; width:150px; text-align:center; border-radius:12px;
	background:linear-gradient(135deg,#1a73e8,#0d47a1); color:#fff;
	display:flex; flex-direction:column; align-items:center; justify-content:center; padding:1rem .5rem;
}
.hk-date .yr { font-size:1.7rem; font-weight:800; line-height:1; }
.hk-date .lbl { font-size:.66rem; letter-spacing:1px; text-transform:uppercase; opacity:.8; margin-top:.3rem; }
.hk-body { flex:1; min-width:0; }
.hk-body h3 { font-size:1.15rem; font-weight:700; line-height:1.4; margin:0 0 .5rem; }
.hk-body h3 a { color:#16213e; text-decoration:none; }
.hk-body h3 a:hover { color:#1a73e8; }
.hk-body .tgl { font-size:.8rem; color:#9aa3b5; margin-bottom:.6rem; }
.hk-body .abs { font-size:.9rem; color:#6c7689; line-height:1.7; margin-bottom:1rem; }
.hk-body .btn-baca {
	display:inline-block; font-size:.82rem; font-weight:700; color:#1a73e8;
	border:1.5px solid #1a73e8; border-radius:8px; padding:.45rem 1.1rem; text-decoration:none; transition:all .18s;
}
.hk-body .btn-baca:hover { background:#1a73e8; color:#fff; }

/* ====== EMPTY ====== */
.hk-empty { text-align:center; padding:4rem 1rem; color:#9aa3b5; }
.hk-empty i { font-size:3rem; color:#d4dae6; margin-bottom:1rem; }

/* ====== PAGINATION ====== */
.hk-pagination .pagination { gap:.3rem; }
.hk-pagination .page-link {
	padding:0; border:1px solid #e3e7ef; border-radius:8px !important;
	color:#16213e; font-size:.85rem; overflow:hidden;
}
/* link angka/prev/next dibungkus <span class="page-link"><a>..</a></span> -> buat <a> mengisi penuh */
.hk-pagination .page-link a { display:block; padding:.5rem .85rem; color:inherit; text-decoration:none; }
/* item aktif: <a class="page-link"> langsung, beri padding sendiri */
.hk-pagination .page-item.active .page-link {
	display:block; padding:.5rem .85rem; background:#1a73e8; border-color:#1a73e8; color:#fff;
}
.hk-pagination .page-link:hover { background:#eef3fc; }
.hk-pagination .page-item.active .page-link:hover { background:#1a73e8; }

@media (max-width:576px) {
	.hk-card { flex-direction:column; gap:1rem; }
	.hk-date { width:100%; flex-direction:row; gap:.5rem; padding:.7rem; }
	.hk-date .lbl { margin-top:0; }
}