/* Banner & kartu memakai .page-banner / .page-card dari custom.css.
   Judul publikasi bisa panjang -> kecilkan sedikit. */
.page-banner h1 { font-size:1.7rem; max-width:900px; }

/* ====== HEADER PUBLIKASI ====== */
.pub-head { display:flex; gap:1.6rem; }
.pub-head .cover {
	flex-shrink:0; width:180px; border-radius:12px; overflow:hidden; border:1px solid #edf0f6; background:#f0f2f7;
}
.pub-head .cover img { width:100%; height:auto; display:block; }
.pub-head .info { flex:1; min-width:0; }
.pub-head .info h2 { font-size:1.3rem; font-weight:700; color:#16213e; line-height:1.4; margin:0 0 .5rem; }
.pub-head .info .tgl { font-size:.85rem; color:#9aa3b5; margin-bottom:1rem; }
.pub-head .info .tgl i { color:#7da2e8; }

.pub-sec-title { font-size:.78rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#1a73e8; margin:1.4rem 0 .6rem; }
.pub-desc { font-size:.95rem; color:#39435a; line-height:1.85; text-align:justify; }

.pub-link {
	display:inline-flex; align-items:center; gap:.5rem; background:#eef3fc; border:1px solid #d4e2fb;
	border-radius:10px; padding:.7rem 1rem; color:#0d47a1; font-size:.88rem; font-weight:600;
	text-decoration:none; word-break:break-all; transition:background .15s;
}
.pub-link:hover { background:#dde8fb; color:#0d47a1; text-decoration:none; }
.pub-link i { flex-shrink:0; }

hr.pub-divider { border-color:#eef0f5; margin:1.6rem 0; }

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

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

@media (max-width:576px) {
	.pub-head { flex-direction:column; }
	.pub-head .cover { width:100%; max-width:220px; }
}