/**
 * Lifelong Education Journal (LEJ) UI
 *
 * Komponen bersama (pill, chip, judul seksi, panel, DOI) dan penyelarasan
 * halaman arsip, beranda, detail artikel, pengumuman, pencarian & halaman statis
 * dengan kartu terbitan (issue_toc.tpl) dan kartu artikel (article_summary.tpl).
 */

:root {
	--lej-ink: #0f172a;
	--lej-text: #334155;
	--lej-muted: #64748b;
	--lej-line: #e2e8f0;
	--lej-soft: #f8fafc;
	--lej-blue: #005691;
	--lej-sky: #0284c7;
	--lej-rainbow: linear-gradient(90deg, #005691 0%, #0284c7 35%, #2563eb 60%, #ef4444 80%, #10b981 100%);
	--lej-card-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.06), 0 1px 3px rgba(15, 23, 42, 0.04);
	--lej-card-shadow-hover: 0 10px 24px -8px rgba(15, 23, 42, 0.18);
}

/* =========================================================
   KOMPONEN DASAR
   ========================================================= */

/* Pill bergradien (status, akreditasi) */
.lej_pill {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 0.7rem;
	font-weight: 600;
	padding: 0.2rem 0.5rem;
	white-space: nowrap;
	border-radius: 6px;
	line-height: 1.25;
	letter-spacing: 0.01em;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
	text-decoration: none !important;
}
.lej_pill:hover { transform: translateY(-1px); }
.lej_pill_gradient_blue    { background: linear-gradient(135deg, #005691 0%, #0284c7 100%); color: #fff !important; box-shadow: 0 2px 6px rgba(0, 86, 145, 0.25); }
.lej_pill_gradient_cyan    { background: linear-gradient(135deg, #0284c7 0%, #06b6d4 100%); color: #fff !important; box-shadow: 0 2px 6px rgba(2, 132, 199, 0.25); }
.lej_pill_gradient_emerald { background: linear-gradient(135deg, #059669 0%, #10b981 100%); color: #fff !important; box-shadow: 0 2px 6px rgba(5, 150, 105, 0.25); }
.lej_pill_light            { background: var(--lej-soft); color: var(--lej-text) !important; border: 1px solid var(--lej-line); }
.lej_pill_sinta            { background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%); color: #fff !important; box-shadow: 0 2px 6px rgba(37, 99, 235, 0.35); font-weight: 700; }
.lej_pill_sinta:hover      { background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%); box-shadow: 0 4px 10px rgba(37, 99, 235, 0.45); }
.lej_pill_garuda           { background: linear-gradient(135deg, #991b1b 0%, #ef4444 100%); color: #fff !important; box-shadow: 0 2px 6px rgba(239, 68, 68, 0.35); font-weight: 700; }
.lej_pill_garuda:hover     { background: linear-gradient(135deg, #b91c1c 0%, #f87171 100%); box-shadow: 0 4px 10px rgba(239, 68, 68, 0.45); }

/* Chip statistik berwarna lembut */
.lej_chip {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.2rem 0.55rem;
	font-size: 0.72rem;
	font-weight: 600;
	line-height: 1.3;
	border-radius: 999px;
	white-space: nowrap;
	border: 1px solid transparent;
	transition: transform 0.15s ease;
}
.lej_chip:hover { transform: translateY(-1px); }
.lej_chip strong { font-weight: 800; font-variant-numeric: tabular-nums; }
.lej_chip_emerald { background: #d1fae5; border-color: #a7f3d0; color: #047857; }
.lej_chip_amber   { background: #fef3c7; border-color: #fde68a; color: #b45309; }
.lej_chip_sky     { background: #e0f2fe; border-color: #bae6fd; color: #0369a1; }
.lej_chip_violet  { background: #ede9fe; border-color: #ddd6fe; color: #6d28d9; }
.lej_chip_teal    { background: #ccfbf1; border-color: #99f6e4; color: #0f766e; }
.lej_chip_rose    { background: #ffe4e6; border-color: #fecdd3; color: #be123c; }

/* Gradien ikon */
.lej_g_blue    { background: linear-gradient(135deg, #005691 0%, #0284c7 100%); box-shadow: 0 4px 10px -2px rgba(2, 132, 199, 0.45); }
.lej_g_red     { background: linear-gradient(135deg, #ef4444 0%, #f97316 100%); box-shadow: 0 4px 10px -2px rgba(239, 68, 68, 0.45); }
.lej_g_amber   { background: linear-gradient(135deg, #f59e0b 0%, #f43f5e 100%); box-shadow: 0 4px 10px -2px rgba(245, 158, 11, 0.45); }
.lej_g_emerald { background: linear-gradient(135deg, #059669 0%, #84cc16 100%); box-shadow: 0 4px 10px -2px rgba(5, 150, 105, 0.45); }
.lej_g_violet  { background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%); box-shadow: 0 4px 10px -2px rgba(124, 58, 237, 0.45); }

/* Judul seksi: ikon bergradien + teks tebal */
.lej_sec_title {
	display: flex !important;
	align-items: center;
	gap: 0.6rem;
	margin: 0 0 0.9rem !important;
	padding: 0 0 0.6rem !important;
	border: none !important;
	border-bottom: 2px solid #f1f5f9 !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
	color: var(--lej-ink) !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	position: relative;
}
.lej_sec_title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 64px;
	height: 2px;
	background: var(--lej-rainbow);
	border-radius: 2px;
}
.lej_sec_ico {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	border-radius: 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 0.9rem;
}
.lej_sec_more {
	margin-left: auto;
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--lej-blue) !important;
	text-decoration: none !important;
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.2rem 0.6rem;
	border-radius: 999px;
	background: #f0f7ff;
	transition: background 0.15s ease, transform 0.15s ease;
}
.lej_sec_more:hover { background: #e0f2fe; transform: translateX(2px); }

/* Panel kartu putih dengan garis pelangi */
.lej_panel,
.lej_hero {
	position: relative;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-radius: 12px;
	box-shadow: var(--lej-card-shadow);
	overflow: hidden;
}
.lej_panel::before,
.lej_hero::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--lej-rainbow);
}

/* Tombol bergradien */
.lej_btn_grad,
.pkp_page_index .current_issue .read_more.lej_btn_grad {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: none;
	color: #fff !important;
	text-decoration: none !important;
	background: linear-gradient(135deg, #005691 0%, #0284c7 55%, #06b6d4 100%);
	border-radius: 9px;
	box-shadow: 0 4px 12px -2px rgba(2, 132, 199, 0.45);
	transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}
.lej_btn_grad:hover,
.lej_btn_grad:focus {
	color: #fff !important;
	filter: brightness(1.08) saturate(1.1);
	transform: translateY(-1px);
	box-shadow: 0 8px 18px -4px rgba(2, 132, 199, 0.5);
}

/* DOI + tombol salin (kartu artikel & detail artikel) */
.lej_art_doi,
.lej_doi_box {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.3rem 0.35rem 0.3rem 0.3rem;
	background: #fff7ed;
	border: 1px solid #fed7aa;
	border-radius: 8px;
	font-size: 0.775rem;
	min-width: 0;
}
.lej_art_doi_badge {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.12rem 0.45rem;
	font-size: 0.65rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: #fff;
	background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
	border-radius: 5px;
}
.lej_art_doi_link {
	flex: 1;
	min-width: 0;
	color: #c2410c !important;
	font-weight: 600;
	text-decoration: none !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.lej_art_doi_link:hover { text-decoration: underline !important; }
.lej_art_copy {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	padding: 0.15rem 0.5rem;
	font-size: 0.68rem;
	font-weight: 700;
	color: #c2410c;
	background: #fff;
	border: 1px solid #fdba74;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}
.lej_art_copy:hover { background: #ffedd5; }
.lej_copy_done,
.lej_copy_manual { display: none; }
.lej_art_copy.is-manual { color: #1d4ed8; background: #dbeafe; border-color: #93c5fd; }
.lej_art_copy.is-copied { color: #047857; background: #d1fae5; border-color: #6ee7b7; }
.lej_art_copy.is-manual .lej_copy_idle,
.lej_art_copy.is-copied .lej_copy_idle { display: none; }
.lej_art_copy.is-manual .lej_copy_manual,
.lej_art_copy.is-copied .lej_copy_done { display: inline; }

/* =========================================================
   GLOBAL: BREADCRUMB, JUDUL HALAMAN, PAGINATION, NOTIFIKASI
   ========================================================= */

.pkp_structure_main .cmp_breadcrumbs {
	padding: 1.1rem 0 0.9rem;
	font-size: 0.72rem;
	text-transform: none;
}
.pkp_structure_main .cmp_breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.3rem;
}
.pkp_structure_main .cmp_breadcrumbs li {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
}
.pkp_structure_main .cmp_breadcrumbs li a {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.2rem 0.6rem;
	font-weight: 600;
	color: var(--lej-blue);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	background: #f0f7ff;
	border: 1px solid #dbeafe;
	border-radius: 999px;
	transition: background 0.15s ease, color 0.15s ease;
}
.pkp_structure_main .cmp_breadcrumbs li a:hover {
	background: #e0f2fe;
	color: var(--lej-sky);
}
.pkp_structure_main .cmp_breadcrumbs li:first-child a::before {
	content: "\f015";
	font-family: FontAwesome;
	font-weight: normal;
}
.pkp_structure_main .cmp_breadcrumbs .separator {
	font-size: 0;
	opacity: 1;
	padding: 0;
}
.pkp_structure_main .cmp_breadcrumbs .separator::before {
	content: "\f105";
	font-family: FontAwesome;
	font-size: 0.8rem;
	color: #cbd5e1;
}
.pkp_structure_main .cmp_breadcrumbs .current span {
	display: inline-flex;
	align-items: center;
	padding: 0.2rem 0.6rem;
	font-weight: 700;
	color: var(--lej-text);
	background: var(--lej-soft);
	border: 1px solid var(--lej-line);
	border-radius: 999px;
}

/* Judul halaman (h1) di semua halaman konten */
.pkp_structure_main .page > h1,
.pkp_structure_main .obj_article_details > .page_title {
	position: relative;
	margin: 0.25rem 0 1.25rem;
	padding-bottom: 0.65rem;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.3;
	color: var(--lej-ink);
}
.pkp_structure_main .page > h1::after,
.pkp_structure_main .obj_article_details > .page_title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 72px;
	height: 3px;
	border-radius: 3px;
	background: var(--lej-rainbow);
}

/* Pagination */
.pkp_structure_main .cmp_pagination {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.6rem;
	margin-top: 1.5rem;
	padding: 0.6rem 0.75rem;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-radius: 12px;
	box-shadow: var(--lej-card-shadow);
	text-align: center;
}
.pkp_structure_main .cmp_pagination .current {
	flex: 1;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--lej-muted);
}
.pkp_structure_main .cmp_pagination a {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.4rem 0.85rem;
	font-size: 0.75rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	background: linear-gradient(135deg, #005691 0%, #0284c7 100%);
	border-radius: 8px;
	box-shadow: 0 3px 8px -1px rgba(2, 132, 199, 0.4);
	transition: transform 0.15s ease, filter 0.15s ease;
}
.pkp_structure_main .cmp_pagination a:hover {
	color: #fff;
	filter: brightness(1.08);
	transform: translateY(-1px);
}
.pkp_structure_main .cmp_pagination .prev { float: none; }
.pkp_structure_main .cmp_pagination .next { float: none; margin-left: auto; }

/* Notifikasi */
.pkp_structure_main .cmp_notification {
	border: 1px solid #bae6fd;
	border-left: 4px solid var(--lej-sky);
	border-radius: 10px;
	background: #f0f9ff;
	color: #075985;
	padding: 0.75rem 1rem;
	font-size: 0.85rem;
}
.pkp_structure_main .cmp_notification.warning,
.pkp_structure_main .cmp_notification.notice {
	border-color: #fde68a;
	border-left-color: #f59e0b;
	background: #fffbeb;
	color: #92400e;
}

/* Kotak kosong */
.lej_empty {
	text-align: center;
	padding: 2rem 1rem;
	color: var(--lej-muted);
	background: var(--lej-soft);
	border: 1px dashed #cbd5e1;
	border-radius: 12px;
}
.lej_empty .fa {
	font-size: 2rem;
	color: #94a3b8;
}
.lej_empty p { margin: 0.5rem 0 0; }

/* =========================================================
   HALAMAN ARSIP
   ========================================================= */

.lej_archive { container-type: inline-size; }

.lej_hero {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	padding: 1rem 1.1rem 0.95rem;
	margin: 0.25rem 0 1.4rem;
}
.lej_hero_ico {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: #fff;
	background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
	box-shadow: 0 8px 18px -6px rgba(239, 68, 68, 0.6);
}
.lej_hero_text { min-width: 0; }
.lej_archive .lej_hero_title {
	margin: 0;
	padding: 0;
	font-size: 1.35rem;
	font-weight: 800;
	line-height: 1.25;
	color: var(--lej-ink);
}
.lej_archive .lej_hero_title::after { display: none; }
.lej_hero_sub {
	margin: 0.2rem 0 0.55rem;
	font-size: 0.82rem;
	color: var(--lej-muted);
	line-height: 1.45;
}
.lej_hero_pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

/* Kepala kelompok tahun */
.lej_year_group { margin-bottom: 1.4rem; }
.lej_year_head {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	margin: 0 0 0.75rem;
	font-size: 1rem;
	line-height: 1;
}
.lej_year_badge {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.35rem 0.7rem;
	font-size: 0.85rem;
	font-weight: 800;
	color: #fff;
	font-variant-numeric: tabular-nums;
	background: linear-gradient(135deg, #005691 0%, #2563eb 100%);
	border-radius: 8px;
	box-shadow: 0 4px 10px -2px rgba(37, 99, 235, 0.45);
}
.lej_year_line {
	flex: 1;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, #bfdbfe 0%, rgba(226, 232, 240, 0) 100%);
}
.lej_year_count {
	font-size: 0.72rem;
	font-weight: 700;
	color: var(--lej-muted);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

/* Grid kartu terbitan */
.page_issue_archive .lej_issue_grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}
.page_issue_archive .lej_issue_grid > li {
	padding: 0;
	margin: 0;
	border: none;
	display: flex;
}
/* Warna aksen bergiliran sepanjang halaman (sama dengan kartu artikel) */
.lej_iss.lej_tone_0 { --lej-a1: #ef4444; --lej-a2: #f97316; }
.lej_iss.lej_tone_1 { --lej-a1: #2563eb; --lej-a2: #06b6d4; }
.lej_iss.lej_tone_2 { --lej-a1: #059669; --lej-a2: #84cc16; }
.lej_iss.lej_tone_3 { --lej-a1: #f59e0b; --lej-a2: #f43f5e; }
.lej_iss.lej_tone_4 { --lej-a1: #7c3aed; --lej-a2: #ec4899; }
.lej_iss.lej_tone_5 { --lej-a1: #0891b2; --lej-a2: #6366f1; }

/* Kartu terbitan */
.obj_issue_summary.lej_iss {
	position: relative;
	flex: 1;
	display: flex;
	gap: 0.8rem;
	padding: 0.75rem;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-left: 4px solid var(--lej-a1, #ef4444);
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.obj_issue_summary.lej_iss::before,
.obj_issue_summary.lej_iss::after { display: none; }
.obj_issue_summary.lej_iss:hover {
	border-color: #cbd5e1;
	border-left-color: var(--lej-a1, #ef4444);
	box-shadow: var(--lej-card-shadow-hover);
	transform: translateY(-2px);
}
.obj_issue_summary.lej_iss.is-current {
	background: linear-gradient(180deg, #fffbeb 0%, #ffffff 60%);
}

.lej_iss_cover {
	position: relative;
	flex-shrink: 0;
	width: 84px;
	align-self: flex-start;
	display: block;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
	text-decoration: none !important;
}
.lej_iss_cover img {
	display: block;
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.lej_iss:hover .lej_iss_cover img { transform: scale(1.05); }

/* Sampul pengganti bila terbitan tak punya gambar sampul */
.lej_iss_ph {
	aspect-ratio: 3 / 4;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	gap: 0.05rem;
	padding: 0.5rem;
	color: #fff;
	background:
		radial-gradient(circle at 85% 12%, rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0) 38%),
		linear-gradient(150deg, var(--lej-a1, #ef4444) 0%, var(--lej-a2, #f97316) 100%);
	font-variant-numeric: tabular-nums;
	line-height: 1.15;
}
.lej_iss_ph_brand {
	margin-bottom: auto;
	font-size: 1rem;
	font-weight: 900;
	letter-spacing: 0.06em;
}
.lej_iss_ph_line { font-size: 0.72rem; font-weight: 700; }
.lej_iss_ph_year {
	margin-top: 0.2rem;
	font-size: 0.62rem;
	font-weight: 700;
	opacity: 0.85;
}

.lej_iss_top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem;
}
.lej_iss_ribbon {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.1rem 0.45rem;
	font-size: 0.6rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);
	border-radius: 5px;
	box-shadow: 0 2px 6px rgba(239, 68, 68, 0.45);
}

.lej_iss_body {
	min-width: 0;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.4rem;
}
.lej_iss_edition {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	font-size: 0.68rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--lej-a1, #ef4444);
}
.obj_issue_summary.lej_iss .lej_iss_title {
	margin: 0;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.3;
}
.obj_issue_summary.lej_iss .lej_iss_title a {
	color: var(--lej-ink);
	text-decoration: none;
	transition: color 0.15s ease;
}
.obj_issue_summary.lej_iss .lej_iss_title a:hover,
.obj_issue_summary.lej_iss .lej_iss_title a:focus { color: var(--lej-a1, #ef4444); }

.lej_iss_chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.lej_iss_chips li { margin: 0; }

.lej_iss_btn {
	margin-top: auto;
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.32rem 0.75rem;
	font-size: 0.72rem;
	font-weight: 700;
	color: #fff !important;
	text-decoration: none !important;
	background: linear-gradient(135deg, var(--lej-a1, #ef4444) 0%, var(--lej-a2, #f97316) 100%);
	border-radius: 8px;
	box-shadow: 0 3px 8px -2px var(--lej-a1, #ef4444);
	transition: transform 0.15s ease, filter 0.15s ease;
}
.lej_iss_btn:hover,
.lej_iss_btn:focus {
	filter: brightness(1.08) saturate(1.1);
	transform: translateY(-1px);
}
.lej_iss_btn_arrow { transition: transform 0.15s ease; }
.lej_iss:hover .lej_iss_btn_arrow { transform: translateX(3px); }

@container (max-width: 560px) {
	.page_issue_archive .lej_issue_grid { grid-template-columns: minmax(0, 1fr); }
	.lej_hero { align-items: flex-start; }
	.lej_hero_ico { width: 42px; height: 42px; font-size: 1.15rem; border-radius: 12px; }
}

/* =========================================================
   BERANDA
   ========================================================= */

.lej_home .homepage_about.lej_panel {
	margin: 1.25rem 0;
	padding: 1rem 1.1rem 0.9rem;
}
.lej_home .lej_panel_body {
	font-size: 0.875rem;
	line-height: 1.65;
	color: var(--lej-text);
	text-align: justify;
}
.lej_home .lej_panel_body p:first-child { margin-top: 0; }
.lej_home .lej_panel_body p:last-child { margin-bottom: 0; }
.lej_home .lej_panel_body a {
	color: var(--lej-blue);
	font-weight: 600;
	text-decoration: none;
	border-bottom: 1px dashed #93c5fd;
}
.lej_home .lej_panel_body a:hover { color: var(--lej-sky); border-bottom-style: solid; }

/* Pengumuman beranda */
.pkp_page_index .lej_home .cmp_announcements.lej_home_ann {
	margin: 1.25rem 0;
	padding: 0;
	border: none;
}
.lej_home_ann .lej_ann_grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	align-items: start;
	gap: 0.75rem;
}
.pkp_page_index .lej_home .cmp_announcements > h2.lej_sec_title {
	position: relative !important;
	clip: auto !important;
	left: auto !important;
	top: auto !important;
	width: auto !important;
	height: auto !important;
	overflow: visible !important;
}
.lej_home_ann .lej_ann_grid > .obj_announcement_summary,
.lej_home_ann .lej_ann_grid > .more {
	width: auto !important;
	float: none !important;
	margin: 0 !important;
}
.lej_home_ann .lej_ann_grid > .more {
	padding: 0 !important;
	border: none !important;
}
.lej_home_ann .lej_ann_grid > .obj_announcement_summary::before,
.lej_home_ann .lej_ann_grid > .more::before { display: none !important; }
.lej_home_ann .lej_ann_grid > .more {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}
.lej_home_ann .lej_ann_grid > .more:empty { display: none; }
@media (max-width: 767px) {
	.lej_home_ann .lej_ann_grid { grid-template-columns: minmax(0, 1fr); }
}

/* Terbitan terkini di beranda */
.pkp_page_index .lej_home .current_issue { margin-top: 1.5rem; }
.pkp_page_index .lej_home .current_issue h2.lej_sec_title { display: flex !important; }
.pkp_page_index .lej_home .current_issue .current_issue_title {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0 0 0.75rem;
	padding: 0.35rem 0.8rem;
	font-size: 0.95rem;
	font-weight: 800;
	color: #b91c1c;
	background: #fef2f2;
	border: 1px solid #fecaca;
	border-radius: 8px;
}
.pkp_page_index .lej_home .current_issue .current_issue_title::before {
	content: "\f02d";
	font-family: FontAwesome;
	font-weight: normal;
	color: #ef4444;
}
.pkp_page_index .lej_home .current_issue .read_more.lej_btn_grad { margin-top: 0.5rem; }

/* =========================================================
   PENGUMUMAN (beranda & halaman pengumuman)
   ========================================================= */

.pkp_structure_main .obj_announcement_summary {
	position: relative;
	padding: 0.85rem 1rem 0.85rem 1.1rem !important;
	margin: 0 0 0.75rem;
	background: #fff;
	border: 1px solid var(--lej-line) !important;
	border-left: 4px solid #f59e0b !important;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.pkp_structure_main .obj_announcement_summary:hover {
	box-shadow: var(--lej-card-shadow-hover);
	transform: translateY(-2px);
}
.pkp_structure_main .lej_ann_grid .more .obj_announcement_summary { border-left-color: #0284c7 !important; }
.pkp_structure_main .lej_ann_grid .more .obj_announcement_summary:nth-child(2n) { border-left-color: #7c3aed !important; }
.pkp_structure_main .obj_announcement_summary h2,
.pkp_structure_main .obj_announcement_summary h3,
.pkp_structure_main .obj_announcement_summary h4 {
	margin: 0;
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.4;
}
.pkp_structure_main .obj_announcement_summary h2 a,
.pkp_structure_main .obj_announcement_summary h3 a,
.pkp_structure_main .obj_announcement_summary h4 a {
	color: var(--lej-ink);
	text-decoration: none;
}
.pkp_structure_main .obj_announcement_summary h2 a:hover,
.pkp_structure_main .obj_announcement_summary h3 a:hover,
.pkp_structure_main .obj_announcement_summary h4 a:hover { color: #ea580c; }
.pkp_structure_main .obj_announcement_summary .date {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	margin-top: 0.4rem;
	padding: 0.15rem 0.55rem;
	font-size: 0.7rem;
	font-weight: 600;
	color: #0369a1;
	background: #e0f2fe;
	border: 1px solid #bae6fd;
	border-radius: 999px;
}
.pkp_structure_main .obj_announcement_summary .date::before {
	content: "\f073";
	font-family: FontAwesome;
	color: #0284c7 !important;
	margin: 0 !important;
	position: static !important;
}
.pkp_structure_main .obj_announcement_summary .summary {
	margin-top: 0.55rem;
	font-size: 0.84rem;
	line-height: 1.6;
	color: var(--lej-text);
}
.pkp_structure_main .obj_announcement_summary .summary p:first-child { margin-top: 0; }
.pkp_structure_main .obj_announcement_summary .read_more {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	margin-top: 0.35rem;
	padding: 0.28rem 0.7rem;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: none;
	color: #fff !important;
	text-decoration: none;
	background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
	border-radius: 8px;
	box-shadow: 0 3px 8px -2px rgba(234, 88, 12, 0.5);
}
.pkp_structure_main .obj_announcement_summary .read_more::after {
	content: "\f105";
	font-family: FontAwesome;
}
.page_announcements .cmp_announcements { border: none; margin: 0; }
.page_announcements .cmp_announcements > li { border: none; padding: 0; }
.page_announcements .cmp_announcements > li:nth-child(5n+2) .obj_announcement_summary { border-left-color: #0284c7 !important; }
.page_announcements .cmp_announcements > li:nth-child(5n+3) .obj_announcement_summary { border-left-color: #059669 !important; }
.page_announcements .cmp_announcements > li:nth-child(5n+4) .obj_announcement_summary { border-left-color: #7c3aed !important; }
.page_announcements .cmp_announcements > li:nth-child(5n+5) .obj_announcement_summary { border-left-color: #ef4444 !important; }

/* Detail pengumuman */
.page_announcement .obj_announcement_full {
	padding: 1rem 1.1rem;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-radius: 12px;
	box-shadow: var(--lej-card-shadow);
	font-size: 0.88rem;
	line-height: 1.65;
	color: var(--lej-text);
}

/* =========================================================
   DETAIL ARTIKEL
   ========================================================= */

.lej_detail_section {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.25rem;
	padding: 0.18rem 0.6rem;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(135deg, #ef4444 0%, #f97316 100%);
	border-radius: 6px;
	box-shadow: 0 3px 8px -2px rgba(239, 68, 68, 0.5);
}
.lej_detail_section + .page_title { margin-top: 0.55rem !important; }
.lej_detail > .subtitle {
	margin: -0.6rem 0 1.1rem;
	font-size: 1rem;
	font-weight: 500;
	color: #475569;
}

/* Label kolom utama: ikon + garis pelangi */
.lej_detail .main_entry .item > .label,
.lej_detail .main_entry .author_bios > .label {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin: 0 0 0.75rem;
	padding: 0 0 0.45rem;
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: var(--lej-ink);
	border-bottom: 3px solid transparent;
	border-image: var(--lej-rainbow) 1;
}
.lej_detail .main_entry .item > .label .fa { color: #ef4444; }
.lej_detail .main_entry .item { margin-bottom: 1.4rem; }

/* Penulis */
.lej_detail .main_entry .authors ul.authors {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.lej_detail .main_entry .authors ul.authors > li {
	display: flex;
	align-items: flex-start;
	gap: 0.6rem;
	margin: 0;
	padding: 0.6rem 0.75rem;
	background: var(--lej-soft);
	border: 1px solid var(--lej-line);
	border-radius: 10px;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.lej_detail .main_entry .authors ul.authors > li:hover {
	background: #fff;
	border-color: #cbd5e1;
}
.lej_detail .main_entry .authors ul.authors > li:nth-child(4n+1) .lej_author_ico { background: linear-gradient(135deg, #ef4444, #f97316); }
.lej_detail .main_entry .authors ul.authors > li:nth-child(4n+2) .lej_author_ico { background: linear-gradient(135deg, #2563eb, #06b6d4); }
.lej_detail .main_entry .authors ul.authors > li:nth-child(4n+3) .lej_author_ico { background: linear-gradient(135deg, #059669, #84cc16); }
.lej_detail .main_entry .authors ul.authors > li:nth-child(4n+4) .lej_author_ico { background: linear-gradient(135deg, #7c3aed, #ec4899); }
.lej_author_ico {
	flex-shrink: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 0.85rem;
}
.lej_author_text {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.1rem;
}
.lej_detail .authors .name {
	font-size: 0.9rem;
	font-weight: 800;
	color: var(--lej-ink);
}
.lej_detail .authors .affiliation {
	font-size: 0.76rem;
	line-height: 1.45;
	color: var(--lej-muted);
}
.lej_detail .authors .affiliation .fa { color: #94a3b8; margin-right: 0.15rem; }

/* Kotak DOI & abstrak sejajar dengan isi item lain (tema induk: padding item 20px / 30px) */
.lej_detail .main_entry .item.lej_doi_box,
.lej_detail .main_entry .item.abstract,
.lej_detail .main_entry .item.lej_dl {
	margin-left: 0;
	margin-right: 0;
}
.lej_detail .main_entry .item.lej_doi_box {
	padding: 0.3rem 0.35rem 0.3rem 0.3rem;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.lej_detail .main_entry .item.abstract {
	padding: 0.9rem 1rem;
}
.lej_detail .main_entry .item.abstract > .label { margin-bottom: 0.5rem; }
.lej_detail .main_entry .item.abstract > .label + p { margin-top: 0; }
@media (min-width: 768px) {
	.lej_detail .main_entry .item.lej_doi_box,
	.lej_detail .main_entry .item.abstract,
	.lej_detail .main_entry .item.lej_dl {
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media (min-width: 992px) {
	.lej_detail .main_entry .item.lej_doi_box,
	.lej_detail .main_entry .item.abstract,
	.lej_detail .main_entry .item.lej_dl {
		margin-left: 30px;
		margin-right: 30px;
	}
}
.lej_detail .main_entry .lej_doi_box > .label {
	display: inline-flex;
	margin: 0;
	padding: 0;
	border: none;
	font-size: inherit;
}
.lej_detail .main_entry .lej_doi_box > .value {
	flex: 1;
	min-width: 0;
	display: flex;
}

/* Kata kunci sebagai chip */
.lej_detail .main_entry .keywords > .label {
	display: flex;
	border-bottom: none;
	padding: 0;
	margin-bottom: 0.45rem;
	font-size: 0.78rem;
}
.lej_kw_list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.lej_kw {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.2rem 0.6rem;
	font-size: 0.74rem;
	font-weight: 600;
	color: #6d28d9;
	background: #ede9fe;
	border: 1px solid #ddd6fe;
	border-radius: 999px;
}
.lej_kw::before {
	content: "#";
	font-weight: 800;
	opacity: 0.6;
}
.lej_kw:nth-child(4n+2) { color: #0369a1; background: #e0f2fe; border-color: #bae6fd; }
.lej_kw:nth-child(4n+3) { color: #047857; background: #d1fae5; border-color: #a7f3d0; }
.lej_kw:nth-child(4n+4) { color: #b45309; background: #fef3c7; border-color: #fde68a; }

/* Abstrak & referensi */
.lej_detail .main_entry .abstract {
	padding: 0.9rem 1rem;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-left: 4px solid var(--lej-blue);
	border-radius: 12px;
	box-shadow: var(--lej-card-shadow);
	font-size: 0.88rem;
	line-height: 1.7;
	color: var(--lej-text);
}
/* Referensi: kartu bernomor */
.lej_refs > .label { position: relative; }
.lej_refs_count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.6rem;
	padding: 0.05rem 0.45rem;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0;
	color: #fff;
	background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);
	border-radius: 999px;
	box-shadow: 0 3px 8px -2px rgba(124, 58, 237, 0.5);
}
.lej_refs_tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 0.75rem;
	margin-bottom: 0.7rem;
}
.lej_refs_search {
	position: relative;
	flex: 1 1 220px;
	max-width: 340px;
	margin: 0;
}
.lej_refs_search .fa {
	position: absolute;
	left: 0.7rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.75rem;
	color: #94a3b8;
	pointer-events: none;
}
.lej_refs_search input {
	width: 100%;
	box-sizing: border-box;
	height: 2.1rem;
	padding: 0 0.75rem 0 2rem;
	font-size: 0.8rem;
	color: var(--lej-ink);
	background: var(--lej-soft);
	border: 1px solid #cbd5e1;
	border-radius: 999px;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.lej_refs_search input:focus {
	outline: none;
	background: #fff;
	border-color: #7c3aed;
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
}
.lej_refs_status {
	font-size: 0.72rem;
	font-weight: 700;
	color: #6d28d9;
}
.lej_detail .main_entry .lej_refs_list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.lej_ref {
	--lej-r1: #ef4444;
	--lej-r2: #f97316;
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	margin: 0;
	padding: 0.6rem 0.75rem;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-left: 3px solid var(--lej-r1);
	border-radius: 10px;
	transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}
.lej_ref[hidden] { display: none; }
.lej_ref:hover {
	border-color: #cbd5e1;
	border-left-color: var(--lej-r1);
	box-shadow: var(--lej-card-shadow-hover);
	transform: translateY(-1px);
}
.lej_ref:nth-child(6n+2) { --lej-r1: #2563eb; --lej-r2: #06b6d4; }
.lej_ref:nth-child(6n+3) { --lej-r1: #059669; --lej-r2: #84cc16; }
.lej_ref:nth-child(6n+4) { --lej-r1: #f59e0b; --lej-r2: #f43f5e; }
.lej_ref:nth-child(6n+5) { --lej-r1: #7c3aed; --lej-r2: #ec4899; }
.lej_ref:nth-child(6n+6) { --lej-r1: #0891b2; --lej-r2: #6366f1; }
.lej_ref_num {
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7rem;
	font-weight: 800;
	color: #fff;
	font-variant-numeric: tabular-nums;
	background: linear-gradient(135deg, var(--lej-r1) 0%, var(--lej-r2) 100%);
	box-shadow: 0 3px 8px -2px var(--lej-r1);
}
.lej_ref_body {
	flex: 1;
	min-width: 0;
}
.lej_ref_text {
	font-size: 0.8rem;
	line-height: 1.6;
	color: var(--lej-text);
	overflow-wrap: anywhere;
}
.lej_ref_year {
	display: inline-block;
	padding: 0 0.35rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	color: #b45309;
	background: #fef3c7;
	border: 1px solid #fde68a;
	border-radius: 5px;
	line-height: 1.45;
}
.lej_ref_text a {
	padding: 0 0.3rem;
	font-weight: 600;
	color: #1d4ed8;
	text-decoration: none;
	background: #eff6ff;
	border: 1px solid #dbeafe;
	border-radius: 5px;
	word-break: break-all;
}
.lej_ref_text a[href*="doi.org"] {
	color: #c2410c;
	background: #fff7ed;
	border-color: #fed7aa;
}
.lej_ref_text a:hover { text-decoration: underline; }
.lej_ref_tools {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.35rem;
}
.lej_refs_none {
	margin: 0;
	padding: 0.75rem;
	font-size: 0.8rem;
	color: var(--lej-muted);
	text-align: center;
	background: var(--lej-soft);
	border: 1px dashed #cbd5e1;
	border-radius: 10px;
}
.lej_refs_none[hidden],
.lej_refs_more[hidden] { display: none; }
.lej_refs.is-collapsed .lej_refs_list { position: relative; }
.lej_refs.is-collapsed .lej_refs_list::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 48px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 90%);
	border-radius: 0 0 10px 10px;
	pointer-events: none;
}
.lej_refs_more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	width: 100%;
	margin-top: 0.6rem;
	padding: 0.55rem 1rem;
	font-size: 0.78rem;
	font-weight: 700;
	color: #6d28d9;
	background: #f5f3ff;
	border: 1px dashed #c4b5fd;
	border-radius: 10px;
	cursor: pointer;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.lej_refs_more:hover { background: #ede9fe; border-color: #a78bfa; }
.lej_refs_more .lej_refs_more_close,
.lej_refs_more[aria-expanded="true"] .lej_refs_more_open { display: none; }
.lej_refs_more[aria-expanded="true"] .lej_refs_more_close { display: inline; }

/* Statistik unduhan (plugin usageStats) */
.lej_detail .main_entry .item.lej_dl {
	position: relative;
	container-type: inline-size;
	padding: 0.9rem 1rem 1rem;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-radius: 12px;
	box-shadow: var(--lej-card-shadow);
	overflow: hidden;
}
.lej_detail .main_entry .item.lej_dl::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--lej-rainbow);
}
.lej_detail .main_entry .item.lej_dl > .label {
	margin-bottom: 0.8rem;
	padding-right: 6.5rem;
}
.lej_dl_live {
	position: absolute;
	top: 0.95rem;
	right: 1rem;
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0.12rem 0.5rem;
	font-size: 0.62rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-transform: none;
	color: #047857;
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	border-radius: 999px;
}
.lej_dl_live_dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #10b981;
	animation: lejDlPulse 1.8s infinite;
}
@keyframes lejDlPulse {
	0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
	70% { box-shadow: 0 0 0 5px rgba(16, 185, 129, 0); }
	100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}
.lej_dl_tiles {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.5rem;
	margin: 0 0 0.75rem;
	padding: 0;
	list-style: none;
}
.lej_dl_tile {
	--lej-t1: #7c3aed;
	--lej-t2: #ec4899;
	--lej-tbg: #f5f3ff;
	--lej-tline: #ddd6fe;
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	min-width: 0;
	margin: 0;
	padding: 0.6rem 0.65rem;
	background: var(--lej-tbg);
	border: 1px solid var(--lej-tline);
	border-radius: 10px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.lej_dl_tile:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px -8px var(--lej-t1);
}
.lej_dl_t_red     { --lej-t1: #dc2626; --lej-t2: #f97316; --lej-tbg: #fef2f2; --lej-tline: #fecaca; }
.lej_dl_t_emerald { --lej-t1: #059669; --lej-t2: #84cc16; --lej-tbg: #ecfdf5; --lej-tline: #a7f3d0; }
.lej_dl_t_amber   { --lej-t1: #d97706; --lej-t2: #f43f5e; --lej-tbg: #fffbeb; --lej-tline: #fde68a; }
.lej_dl_ico {
	width: 28px;
	height: 28px;
	margin-bottom: 0.25rem;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	color: #fff;
	background: linear-gradient(135deg, var(--lej-t1) 0%, var(--lej-t2) 100%);
	box-shadow: 0 4px 10px -3px var(--lej-t1);
}
.lej_dl_num {
	font-size: 1.1rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--lej-t1);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.lej_dl_name {
	font-size: 0.64rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: var(--lej-muted);
	line-height: 1.3;
}
.lej_dl_chart {
	padding: 0.65rem 0.75rem 0.5rem;
	background: var(--lej-soft);
	border: 1px solid var(--lej-line);
	border-radius: 10px;
}
.lej_dl_chart_head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.3rem 0.75rem;
	margin-bottom: 0.5rem;
	font-size: 0.72rem;
}
.lej_dl_chart_title {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-weight: 700;
	color: var(--lej-text);
}
.lej_dl_chart_title .fa { color: #0284c7; }
.lej_dl_chart_total {
	font-weight: 800;
	color: #0369a1;
}
.lej_dl_chart_total:empty { display: none; }
.lej_dl_canvas {
	position: relative;
	width: 100%;
}
.lej_dl_canvas canvas {
	display: block;
	max-width: 100%;
}
.lej_dl_empty {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	padding: 1rem;
	font-size: 0.8rem;
	color: var(--lej-muted);
}
.lej_dl_empty .fa { color: #94a3b8; font-size: 1rem; }
@container (max-width: 460px) {
	.lej_dl_tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Info berkas di bawah tombol PDF */
.lej_gal_meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.3rem 0.6rem;
	margin-top: 0.4rem;
	font-size: 0.68rem;
	font-weight: 600;
	color: var(--lej-muted);
}
.lej_gal_meta span {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
}
.lej_gal_meta .fa-unlock-alt { color: #059669; }
.lej_gal_meta .fa-cloud-download { color: #0d9488; }
.lej_gal_meta strong { color: var(--lej-ink); font-variant-numeric: tabular-nums; }

/* Lencana Dimensions di samping label Kata Kunci */
.lej_detail .main_entry .keywords .__dimensions_badge_embed__ {
	float: right;
	margin: 0 0 0.4rem 0.6rem;
}

/* Kolom samping: tombol PDF & kartu info */
.lej_detail .entry_details .item.galleys { background: transparent; box-shadow: none; margin-top: 0; }
.lej_detail .entry_details .galleys_links .obj_galley_link,
.lej_detail .entry_details .supplementary_galleys_links .obj_galley_link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.6rem 1rem;
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.03em;
	color: #fff;
	background: linear-gradient(135deg, #dc2626 0%, #f97316 100%);
	border: none;
	border-radius: 10px;
	box-shadow: 0 6px 14px -4px rgba(220, 38, 38, 0.55);
	transition: transform 0.15s ease, filter 0.15s ease;
}
.lej_detail .entry_details .galleys_links .obj_galley_link:hover,
.lej_detail .entry_details .galleys_links .obj_galley_link:focus {
	color: #fff;
	filter: brightness(1.08) saturate(1.1);
	transform: translateY(-2px);
}
.lej_detail .entry_details .item.lej_side {
	--lej-side: #0284c7;
	--lej-side-bg: #e0f2fe;
	position: relative;
	margin: 0.9rem 0;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-top: 3px solid var(--lej-side);
	border-radius: 12px;
	box-shadow: var(--lej-card-shadow);
	overflow: hidden;
}
.lej_side_sky     { --lej-side: #0284c7 !important; --lej-side-bg: #f0f9ff !important; }
.lej_side_violet  { --lej-side: #7c3aed !important; --lej-side-bg: #f5f3ff !important; }
.lej_side_emerald { --lej-side: #059669 !important; --lej-side-bg: #ecfdf5 !important; }
.lej_side_amber   { --lej-side: #d97706 !important; --lej-side-bg: #fffbeb !important; }
.lej_side_teal    { --lej-side: #0d9488 !important; --lej-side-bg: #f0fdfa !important; }
.lej_detail .entry_details .lej_side .label,
.lej_detail .entry_details .lej_side .sub_item:not(:first-child) .label {
	display: flex !important;
	align-items: center;
	gap: 0.4rem;
	margin: 0 !important;
	padding: 0.5rem 0.85rem !important;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	color: var(--lej-side) !important;
	background: var(--lej-side-bg) !important;
	border: none !important;
	border-radius: 0 !important;
}
.lej_detail .entry_details .lej_side .sub_item + .sub_item { border-top: 1px solid #f1f5f9; }
.lej_detail .entry_details .lej_side .value {
	padding: 0.65rem 0.85rem !important;
	font-size: 0.8rem;
	line-height: 1.55;
	color: var(--lej-text);
	word-break: break-word;
}
.lej_detail .entry_details .lej_side .value a { color: var(--lej-blue); font-weight: 600; }
.lej_detail .entry_details .lej_side .value p:first-child { margin-top: 0; }
.lej_detail .entry_details .lej_side .value p:last-child { margin-bottom: 0; }
.lej_detail .entry_details .citation_formats_button {
	width: 100%;
	margin-top: 0.55rem;
	padding: 0.35rem 0.7rem;
	font-size: 0.74rem;
	font-weight: 700;
	color: #6d28d9;
	background: #f5f3ff;
	border: 1px solid #ddd6fe;
	border-radius: 8px;
}
.lej_detail .entry_details .citation_formats_button:hover { background: #ede9fe; }
.lej_detail .entry_details .cover_image img {
	border-radius: 10px;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.15);
}

/* =========================================================
   PENCARIAN
   ========================================================= */

.page_search .cmp_form {
	position: relative;
	padding: 1rem 1.1rem;
	margin-bottom: 1.25rem;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-radius: 12px;
	box-shadow: var(--lej-card-shadow);
	overflow: hidden;
}
.page_search .cmp_form::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: var(--lej-rainbow);
}
.page_search .cmp_form input[type="text"],
.page_search .cmp_form select {
	border: 1px solid #cbd5e1;
	border-radius: 8px;
	padding: 0.45rem 0.65rem;
	background: var(--lej-soft);
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.page_search .cmp_form input[type="text"]:focus,
.page_search .cmp_form select:focus {
	outline: none;
	background: #fff;
	border-color: #0284c7;
	box-shadow: 0 0 0 3px rgba(2, 132, 199, 0.15);
}
.page_search .cmp_form .search_advanced {
	margin-top: 0.75rem;
	padding: 0.75rem 0 0;
	border: none;
	border-top: 1px dashed var(--lej-line);
}
.page_search .cmp_form .search_advanced legend {
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--lej-muted);
}
.page_search .cmp_form .label {
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--lej-text);
}
.page_search .cmp_form button.submit {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.5rem 1.1rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: #fff;
	background: linear-gradient(135deg, #005691 0%, #0284c7 55%, #06b6d4 100%);
	border: none;
	border-radius: 9px;
	box-shadow: 0 4px 12px -2px rgba(2, 132, 199, 0.45);
	cursor: pointer;
	transition: transform 0.15s ease, filter 0.15s ease;
}
.page_search .cmp_form button.submit::before {
	content: "\f002";
	font-family: FontAwesome;
	position: static;
	width: auto;
	height: auto;
	line-height: inherit;
	background: none;
	border: none;
	color: inherit;
}
.page_search .cmp_form button.submit::after { display: none; }
.page_search .cmp_form button.submit:hover {
	filter: brightness(1.08);
	transform: translateY(-1px);
}

/* =========================================================
   HALAMAN STATIS (Tentang, Kontak, Penyerahan, dll.)
   ========================================================= */

.page_about,
.page_submissions,
.page_contact,
.page_privacy,
.page_editorial_team,
.page_static {
	font-size: 0.9rem;
	line-height: 1.7;
	color: var(--lej-text);
}
.page_about h2,
.page_submissions h2,
.page_contact h2,
.page_privacy h2,
.page_editorial_team h2,
.page_static h2 {
	position: relative;
	margin: 1.5rem 0 0.75rem;
	padding: 0 0 0.45rem 0.85rem;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--lej-ink);
	border-bottom: 2px solid #f1f5f9;
}
.page_about h2::before,
.page_submissions h2::before,
.page_contact h2::before,
.page_privacy h2::before,
.page_editorial_team h2::before,
.page_static h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.15em;
	bottom: 0.6rem;
	width: 4px;
	border-radius: 4px;
	background: linear-gradient(180deg, #ef4444 0%, #f97316 100%);
}
.page_submissions .submission_checklist,
.page_submissions .author_guidelines,
.page_submissions .copyright_notice,
.page_submissions .privacy_statement {
	padding: 0.5rem 1rem 0.75rem;
	margin-bottom: 1rem;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-radius: 12px;
	box-shadow: var(--lej-card-shadow);
}
.page_contact .contact {
	padding: 0.85rem 1rem;
	margin-bottom: 0.75rem;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-left: 4px solid #0284c7;
	border-radius: 12px;
	box-shadow: var(--lej-card-shadow);
}

/* =========================================================
   DAFTAR ISI TERBITAN: judul seksi "Artikel"
   ========================================================= */

.lej_compact_toc .sections .section > h2,
.lej_compact_toc .sections .section > h3 {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0 0 0.5rem;
	border-bottom: 2px solid #f1f5f9;
	position: relative;
	font-size: 1rem;
	font-weight: 800;
	color: var(--lej-ink);
}
.lej_compact_toc .sections .section > h2::before,
.lej_compact_toc .sections .section > h3::before {
	content: "\f0ca";
	font-family: FontAwesome;
	font-weight: normal;
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
	color: #fff;
	background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);
	box-shadow: 0 4px 10px -2px rgba(124, 58, 237, 0.45);
}
.lej_compact_toc .sections .section > h2::after,
.lej_compact_toc .sections .section > h3::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 64px;
	height: 2px;
	background: var(--lej-rainbow);
	border-radius: 2px;
}

/* =========================================================
   WIDGET SIDEBAR
   Blok kustom berasal dari pengaturan jurnal & memakai style inline,
   jadi beberapa aturan memerlukan !important.
   ========================================================= */

.pkp_structure_sidebar .pkp_block {
	position: relative;
	box-sizing: border-box;
	padding: 0;
	margin: 0 0 1rem;
	font-size: 0.85rem;
}
.pkp_structure_sidebar .pkp_block img,
.pkp_structure_sidebar .pkp_block iframe {
	max-width: 100% !important;
}
.pkp_structure_sidebar .pkp_block img {
	height: auto !important;
}
.pkp_structure_sidebar .pkp_block p:empty { display: none; }
.pkp_structure_sidebar #histats_counter {
	margin: 0;
	font-size: 0;
	line-height: 0;
}

/* Kartu widget */
.pkp_structure_sidebar .block_custom:not(#customblock-MENU) {
	padding: 0.85rem;
	background: linear-gradient(90deg, #005691 0%, #0284c7 35%, #2563eb 60%, #ef4444 80%, #10b981 100%) top / 100% 3px no-repeat, #fff;
	border: 1px solid var(--lej-line);
	border-radius: 14px;
	box-shadow: var(--lej-card-shadow);
	overflow: hidden;
}
.pkp_structure_sidebar .block_custom .content p { margin: 0; }
.pkp_structure_sidebar .block_custom .content p + p { margin-top: 0.5rem; }

/* Judul widget */
.pkp_structure_sidebar #customblock-THMPLATE::before,
.pkp_structure_sidebar #customblock-GSO::before,
.pkp_structure_sidebar #customblock-kerjasama::before {
	display: block;
	margin: 0 0 0.7rem;
	padding: 0 0 0.5rem;
	font-family: FontAwesome, Montserrat, sans-serif;
	font-size: 0.74rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--lej-ink);
	border-bottom: 2px solid #f1f5f9;
	background: var(--lej-rainbow) left bottom / 48px 2px no-repeat;
}
.pkp_structure_sidebar #customblock-THMPLATE::before { content: "\f080\00a0\00a0 Statistik & Template"; }
.pkp_structure_sidebar #customblock-GSO::before      { content: "\f0ac\00a0\00a0 Terindeks di"; }
.pkp_structure_sidebar #customblock-kerjasama::before { content: "\f2b5\00a0\00a0 Kerja Sama"; }

/* Iframe statistik (Google Sheets) */
.pkp_structure_sidebar .block_custom iframe {
	display: block;
	width: 100% !important;
	margin: 0 auto;
	border: 1px solid var(--lej-line) !important;
	border-radius: 10px;
	background: var(--lej-soft);
}

/* Kotak gambar abu-abu bawaan konten (template, logo indeks) */
.pkp_structure_sidebar .block_custom p[style*="EDEEF0" i] {
	padding: 0.55rem !important;
	background: var(--lej-soft) !important;
	border: 1px solid var(--lej-line);
	border-radius: 10px;
	text-align: center !important;
	line-height: 0 !important;
	transition: background 0.15s ease, border-color 0.15s ease;
}
.pkp_structure_sidebar .block_custom p[style*="EDEEF0" i]:hover {
	background: #fff !important;
	border-color: #cbd5e1;
}
.pkp_structure_sidebar .block_custom p[style*="EDEEF0" i] img {
	display: inline-block !important;
	width: auto !important;
	max-height: 56px;
	margin: 0 auto !important;
}

/* Petak indeks (Crossref, Garuda, Sinta, dst.) */
.pkp_structure_sidebar #customblock-GSO > .content {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
	gap: 0.5rem;
}
.pkp_structure_sidebar .block_custom > .content:has(> .content + .content) {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(104px, 1fr));
	gap: 0.5rem;
}
.pkp_structure_sidebar #customblock-GSO > .content > #histats_counter,
.pkp_structure_sidebar #customblock-GSO > .content > noscript { grid-column: 1 / -1; }
.pkp_structure_sidebar .block_custom .content > .content {
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: #fff;
	border: 1px solid var(--lej-line);
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.pkp_structure_sidebar .block_custom .content > .content:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px -8px rgba(15, 23, 42, 0.35);
}
.pkp_structure_sidebar .block_custom .content > .content > p:first-child {
	padding: 0.3rem 0.4rem !important;
	font-family: inherit !important;
	font-size: 0.64rem !important;
	line-height: 1.3 !important;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-align: center !important;
	color: #fff !important;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, rgba(0, 0, 0, 0.08) 100%) !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.pkp_structure_sidebar .block_custom .content > .content > p + p {
	flex: 1;
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0.45rem !important;
	background: #fff !important;
	border: none;
	border-radius: 0;
}
.pkp_structure_sidebar .block_custom .content > .content > p + p img {
	max-height: 34px;
}

.lej_img_fallback {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 0 0.5rem;
	font-size: 0.72rem;
	font-weight: 800;
	line-height: 1.2;
	color: var(--lej-text);
	text-align: center;
}

/* Hubungi Kami (WhatsApp) */
.pkp_structure_sidebar #customblock-Hubungi .content > .content {
	border: none;
	background: transparent;
}
.pkp_structure_sidebar #customblock-Hubungi .content > .content > p:first-child {
	border-radius: 8px;
	font-size: 0.72rem !important;
	padding: 0.45rem !important;
}
.pkp_structure_sidebar #customblock-Hubungi .content > .content > p + p img {
	max-height: none;
	width: 100% !important;
	border-radius: 10px;
}
.pkp_structure_sidebar #customblock-kerjasama img {
	display: block;
	width: 100% !important;
	border-radius: 10px;
	margin: 0 !important;
}

/* Tombol Masukkan Naskah */
.pkp_structure_sidebar .block_make_submission .block_make_submission_link {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	font-size: 0.85rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #fff !important;
	background: linear-gradient(135deg, #dc2626 0%, #f97316 100%);
	border: none;
	border-radius: 12px;
	box-shadow: 0 8px 18px -6px rgba(220, 38, 38, 0.6);
	transition: transform 0.15s ease, filter 0.15s ease;
}
.pkp_structure_sidebar .block_make_submission .block_make_submission_link::before {
	content: "\f1d8";
	font-family: FontAwesome;
	font-weight: normal;
}
.pkp_structure_sidebar .block_make_submission .block_make_submission_link:hover,
.pkp_structure_sidebar .block_make_submission .block_make_submission_link:focus {
	filter: brightness(1.08) saturate(1.1);
	transform: translateY(-2px);
}

/* Desktop: kolom samping 300px */
@media (min-width: 992px) {
	.pkp_structure_sidebar {
		box-sizing: border-box;
		padding: 1.5rem 1.1rem 1.5rem;
	}
}
/* Tablet: widget dua kolom di bawah konten */
@media (min-width: 600px) and (max-width: 991px) {
	.pkp_structure_sidebar {
		columns: 2;
		column-gap: 1rem;
		padding: 1rem 1.25rem;
	}
	.pkp_structure_sidebar .pkp_block {
		break-inside: avoid;
		display: inline-block;
		width: 100%;
	}
}
/* Ponsel: satu kolom penuh */
@media (max-width: 599px) {
	.pkp_structure_sidebar { padding: 1rem; }
}