/* Banner memakai .page-banner dari custom.css.
   Judul artikel bisa panjang -> kecilkan sedikit khusus halaman ini. */
.page-banner h1 { font-size:1.7rem; max-width:900px; }

/* ====== CONTENT CARD ====== */
.hk-detail {
	background:#fff; border:1px solid #edf0f6; border-radius:14px;
	box-shadow:0 10px 30px rgba(8,32,92,.08); margin-top:-3rem; position:relative; z-index:5;
	padding:1.8rem;
}
.hk-detail .sec-title {
	font-size:.78rem; font-weight:700; letter-spacing:1px; text-transform:uppercase;
	color:#1a73e8; margin-bottom:.6rem;
}
.hk-detail .abs-text { font-size:.95rem; color:#39435a; line-height:1.85; text-align:justify; }
.hk-detail hr { border-color:#eef0f5; margin:1.6rem 0; }

/* ====== PDF VIEWER ====== */
.hk-pdf-wrap { border:1px solid #e3e7ef; border-radius:10px; overflow:hidden; }
.hk-pdf-wrap embed { display:block; width:100%; height:600px; }
.hk-pdf-bar {
	display:flex; align-items:center; justify-content:space-between;
	background:#f5f7fb; padding:.7rem 1rem; border-bottom:1px solid #e3e7ef;
}
.hk-pdf-bar .name { font-size:.85rem; font-weight:600; color:#16213e; }
.hk-pdf-bar .name i { color:#e3463c; margin-right:.4rem; }
.hk-pdf-bar a { font-size:.8rem; font-weight:700; color:#1a73e8; text-decoration:none; }
.hk-pdf-bar a:hover { text-decoration:underline; }

/* ====== SIDEBAR ====== */
.hk-side { margin-top:-3rem; position:relative; z-index:5; }
.hk-widget {
	background:#fff; border:1px solid #edf0f6; border-radius:14px;
	box-shadow:0 4px 16px rgba(20,33,62,.05); padding:1.3rem; margin-bottom:1.5rem;
}
.hk-widget h4 {
	font-size:.85rem; font-weight:700; letter-spacing:.6px; text-transform:uppercase;
	color:#16213e; margin:0 0 1rem; padding-bottom:.7rem; border-bottom:2px solid #eef0f5;
	display:flex; align-items:center; gap:.5rem;
}
.hk-widget h4 i { color:#1a73e8; }
.hk-widget .embed-responsive { border-radius:10px; overflow:hidden; }
.hk-gal-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.5rem; }
.hk-gal-grid img {
	width:100%; height:72px; object-fit:cover; border-radius:8px; cursor:pointer;
	transition:transform .2s ease, box-shadow .2s ease;
}
.hk-gal-grid img:hover { transform:scale(1.05); box-shadow:0 4px 12px rgba(20,33,62,.18); }

/* ====== BACK BUTTON ====== */
.hk-back {
	display:inline-flex; align-items:center; gap:.4rem; font-size:.85rem; font-weight:700;
	color:#1a73e8; text-decoration:none; margin-top:1.5rem;
}
.hk-back:hover { color:#0d47a1; text-decoration:none; }