/* Kotak statistik views/downloads di ringkasan artikel (setara kustomisasi 3.3 article_summary.tpl). */
.my-striped-box {
	padding: 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
}

/* CSS jurnal menaruh DOI dan tombol PDF di satu sel grid, jadi keduanya bertabrakan bila ruangnya kurang. Awalan body: CSS jurnal dimuat sesudah berkas ini. */
body .obj_article_summary {
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas: "title title" "stats stats" "meta meta" "doi galleys";
	column-gap: 0;
}
body .obj_article_summary .galleys_links {
	grid-area: galleys;
}
.obj_article_summary .doiInSummary a {
	min-width: 0;
	overflow-wrap: anywhere;
}
@media (max-width: 767.98px) {
	body .obj_article_summary {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "title" "stats" "meta" "doi" "galleys";
	}
	body .obj_article_summary .galleys_links {
		justify-self: start;
		flex-wrap: wrap;
		border-top: 0;
		padding-top: 0;
		margin-top: 0;
	}
	/* Kembali ke satu statistik per baris; tata letak flex CSS jurnal memecah teksnya. */
	body .obj_article_summary .my-striped-box {
		display: block;
	}
	/* Margin negatif CSS jurnal melebarkan halaman di layar sempit. */
	body .current_issue h2,
	body .additional_content h3 {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Judul menu tampil sesuai yang tersimpan; CSS jurnal memaksa huruf besar di tiap kata ("Fokus Dan Ruang Lingkup"). */
body .pkp_navigation_primary li a {
	text-transform: none !important;
}

/* Berkas terbitan utuh, gambar beranda, dan URL panjang di isi halaman tidak boleh melebihi lebar layar. */
.obj_issue_toc .galleys .galleys_links {
	flex-wrap: wrap;
}
.homepage_image {
	max-width: 100%;
}
.pkp_structure_main {
	overflow-wrap: break-word;
}

/* Menu ponsel: baris menu selebar layar menghilangkan jarak tepi, sedangkan ikon dan submenu perlu sejajar agar jenjangnya terbaca. */
@media (max-width: 991.98px) {
	.pkp_site_nav_menu .pkp_navigation_primary {
		padding: 0 16px;
	}
	.pkp_site_nav_menu .pkp_navigation_primary a {
		display: block;
		padding: 7px 0;
	}
	.pkp_site_nav_menu .pkp_navigation_primary > li > a {
		padding: 10px 0;
		font-weight: 600;
	}
	.pkp_site_nav_menu .pkp_navigation_primary > li > a > .fa {
		width: 22px;
		margin-right: 6px;
		text-align: center;
	}
	.pkp_site_nav_menu .pkp_navigation_primary > li > a:not(:has(> .fa)) {
		padding-left: 28px;
	}
	.pkp_site_nav_menu .pkp_navigation_primary ul {
		padding-left: 28px;
	}
	.pkp_site_nav_menu .pkp_navigation_search_wrapper {
		padding-left: 16px;
		padding-right: 16px;
	}
}