/*!
 * Elkuator Scholar Pro Theme v1.1.0
 * Copyright (C) 2026 CV. Elkuator Research and Publication
 * Portions derived from Open Journal Systems / PKP.
 * License: GNU GPL v3 or later. See LICENSE.
 * Build date: 2026-07-26
 */
/* ==========================================================================
   Elkuator Scholar Pro Theme - Production CSS
   Build: 2026-06-29 / production-clean v17
   Target: OJS 3.4.x
   Scope: journal frontend theme only. Do not edit OJS core.

   Structure
   01. Design tokens and reset
   02. Header, user menu, navigation, breadcrumb, hero
   03. Layout, homepage, issues, archive, about, article detail
   04. Sidebar, footer, forms, responsive rules
   05. Universal/static-page components and plugin integrations
   06. Article contributor modal and article enhancements
   07. Dark mode and floating controls

   Production notes
   - Brand colors remain controlled by CSS variables injected from theme options.
   - Cascade order is intentionally preserved for stable production behavior.
   - Conflicting dark-mode header/footer declarations have been consolidated.
   - OJS user-menu icons are applied with scoped CSS, not by hardcoding menu items.
   ========================================================================== */

:root{
	/* Journal managers configure only these three brand seeds. */
	--els-primary: #0788B6;
	--els-primary-dark: #066D92;
	--els-primary-hover: #066D92;
	--els-primary-active: #055B79;
	--els-primary-link: #067095;
	--els-primary-soft: #EBF6F9;
	--els-primary-border: #B0D8E5;
	--els-primary-contrast: #FFFFFF;
	--els-primary-overlay: rgba(255, 255, 255, .12);
	--els-primary-overlay-strong: rgba(255, 255, 255, .22);
	--els-accent: #F5821F;
	--els-accent-dark: #CE6D1A;
	--els-accent-hover: #CE6D1A;
	--els-accent-active: #B66017;
	--els-accent-soft: #FEF4EC;
	--els-accent-border: #F9B983;
	--els-accent-contrast: #17202A;
	--els-accent-dark-contrast: #17202A;
	--els-accent-active-contrast: #FFFFFF;
	--els-focus-ring: rgba(245, 130, 31, .28);
	--els-deep: #1C2529;
	--els-dark: var(--els-deep);
	--els-deep-contrast: #FFFFFF;
	--els-dark-contrast: var(--els-deep-contrast);

	/* Neutral interface palette: stable across journal brands. */
	--els-bg: #F3F7F9;
	--els-surface: #FFFFFF;
	--els-surface-alt: #F8FBFC;
	--els-text: #24313B;
	--els-heading: #17232C;
	--els-muted: #667783;
	--els-border: #D7E2E7;
	--els-border-soft: #E7EEF1;
	--els-white: #FFFFFF;

	/* Semantic states are not brand colours. */
	--els-success: #217A55;
	--els-warning: #A96614;
	--els-danger: #B93B3B;
	--els-info: var(--els-primary);

	/* Functional roles. */
	--els-link: var(--els-primary-link);
	--els-link-hover: var(--els-primary-hover);
	--els-button-bg: var(--els-primary-link);
	--els-button-hover-bg: var(--els-primary-hover);
	--els-button-active-bg: var(--els-primary-active);
	--els-button-text: var(--els-primary-contrast);
	--els-submit-bg: var(--els-accent);
	--els-submit-hover-bg: var(--els-accent-hover);
	--els-submit-active-bg: var(--els-accent-active);
	--els-submit-border: var(--els-submit-bg);
	--els-submit-text: var(--els-accent-contrast);
	--els-submit-hover-text: var(--els-accent-dark-contrast);
	--els-submit-active-text: var(--els-accent-active-contrast);
	--els-focus: var(--els-accent);
	--els-footer-bg: var(--els-deep);
	--els-copyright-bg: var(--els-deep);
	--els-prehero-bg: var(--els-primary-dark);

	/* Dark mode fallback; header.tpl injects journal-derived values. */
	--els-dark-page: #0D1113;
	--els-dark-surface: #13191C;
	--els-dark-surface-soft: #101518;
	--els-dark-surface-2: #2E363A;
	--els-dark-surface-3: #41484B;
	--els-dark-border: #5B6164;
	--els-dark-border-soft: #454D50;
	--els-dark-link: #75BDD4;
	--els-dark-link-hover: #A7D7E6;
	--els-dark-heading: #F7FAFC;
	--els-dark-text: #E8EFF4;
	--els-dark-text-soft: #C7D2DA;
	--els-dark-text-muted: #9AAAB5;
	--els-dark-primary-soft: #284652;
	--els-dark-accent-soft: #5A4030;
	--els-dark-control: #161D20;
	--els-dark-control-hover: #394145;
	--els-dark-focus-ring: rgba(245, 130, 31, .38);

	/* Layout and effects. */
	--els-radius: 6px;
	--els-shadow: 0 3px 14px rgba(0, 0, 0, .04);
	--els-shadow-md: 0 10px 28px rgba(15, 41, 51, .06);
	--els-container: 1280px;
	--els-page-gutter: 96px;
	--els-page-inset: 96px;
	--els-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--els-heading-font: var(--els-font);
	--els-body-font: var(--els-font);
}

*,
*::before,
*::after{
	box-sizing: border-box;
}

html{
	scroll-behavior: smooth;
}

body{
	margin: 0;
	background: var(--els-bg);
	color: var(--els-text);
	font-family: var(--els-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
	font-size: 15px;
	line-height: 1.65;
}

a{
	color: var(--els-link, var(--els-primary));
	text-decoration: none;
}

a:hover,
a:focus{
	color: var(--els-link-hover, var(--els-accent));
}

img{
	max-width: 100%;
	height: auto;
}

button,
input,
select,
textarea{
	font-family: inherit;
}

.pkp_screen_reader,
.els_skip{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.els_skip:focus-within{
	position: static;
	width: auto;
	height: auto;
	padding: 8px;
	background: #fff;
}

.els_container,
.els_topbar_inner,
.els_prehero_nav_inner,
.els_breadcrumb_inner,
.els_posthero_nav_inner,
.els_hero_inner{
	width: min(var(--els-container), calc(100% - 96px));
	margin-left: auto;
	margin-right: auto;
}

main .cmp_breadcrumbs,
main .breadcrumbs,
main .breadcrumb,
main ol.cmp_breadcrumbs,
main ol.breadcrumb,
main .pkp_breadcrumbs,
.pkp_structure_main > .cmp_breadcrumbs,
.pkp_structure_main > .breadcrumbs,
.pkp_structure_main > .breadcrumb,
.pkp_structure_main > ol.cmp_breadcrumbs,
.pkp_structure_main > ol.breadcrumb,
.pkp_structure_main > ol:first-child,
.pkp_structure_main > ol:first-of-type,
.pkp_structure_main > nav:first-child.cmp_breadcrumbs,
.pkp_structure_main > nav:first-of-type.cmp_breadcrumbs,
.pkp_structure_main > .cmp_breadcrumbs:first-child,
.pkp_structure_main > .breadcrumbs:first-child{
	display: none !important;
}

/* Header */
.els_topbar{
	background: #fff;
}

.els_topbar_inner{
	min-height: 56px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.els_brand,
.els_brand_mandala{
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--els-primary-dark, var(--els-primary));
	font-weight: 800;
	text-decoration: none;
}

.els_brand_mandala_img,
.els_brand img{
	display: block;
	width: 44px;
	height: 44px;
	max-width: 44px;
	max-height: 44px;
	object-fit: contain;
	flex: 0 0 44px;
}

.els_brand_text,
.els_brand span{
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .01em;
}

.els_user_nav,
.els_user_nav a{
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
}

/* User menu: OJS-generated items; icons are added safely by scoped CSS. */
.els_user_menu,
#navigationUser,
#navigationUser ul{
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_user_menu li,
#navigationUser li{
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.els_user_menu a,
#navigationUser a{
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.els_user_menu a:hover,
.els_user_menu a:focus,
#navigationUser a:hover,
#navigationUser a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

.els_user_nav #navigationUser a::before,
.els_user_nav .els_user_menu a::before{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	flex: 0 0 14px;
	font-family: FontAwesome;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	color: currentColor;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

/* Dashboard */
.els_user_nav #navigationUser a[href*="/dashboard"]::before,
.els_user_nav #navigationUser a[href*="dashboard"]::before,
.els_user_nav #navigationUser a[href*="/tasks"]::before,
.els_user_nav #navigationUser a[href*="tasks"]::before,
.els_user_nav #navigationUser a[href*="/submissions"]::before,
.els_user_nav #navigationUser a[href*="submissions"]::before,
.els_user_nav .els_user_menu a[href*="/dashboard"]::before,
.els_user_nav .els_user_menu a[href*="dashboard"]::before,
.els_user_nav .els_user_menu a[href*="/tasks"]::before,
.els_user_nav .els_user_menu a[href*="tasks"]::before,
.els_user_nav .els_user_menu a[href*="/submissions"]::before,
.els_user_nav .els_user_menu a[href*="submissions"]::before{
	content: "";
}

/* Dashboard fallback:
   Saat user login, item pertama biasanya Dashboard.
   Jangan diterapkan ke Register/Login ketika belum login. */
.els_user_nav #navigationUser > li:first-child > a:not([href*="register"]):not([href*="login"])::before,
.els_user_nav .els_user_menu > li:first-child > a:not([href*="register"]):not([href*="login"])::before{
	content: "";
}

/* Administration */
.els_user_nav #navigationUser a[href*="/admin"]::before,
.els_user_nav #navigationUser a[href*="admin"]::before,
.els_user_nav .els_user_menu a[href*="/admin"]::before,
.els_user_nav .els_user_menu a[href*="admin"]::before{
	content: "";
}

/* View Profile / Profile */
.els_user_nav #navigationUser a[href*="/user/profile"]::before,
.els_user_nav #navigationUser a[href*="user/profile"]::before,
.els_user_nav #navigationUser a[href*="/profile"]::before,
.els_user_nav .els_user_menu a[href*="/user/profile"]::before,
.els_user_nav .els_user_menu a[href*="user/profile"]::before,
.els_user_nav .els_user_menu a[href*="/profile"]::before{
	content: "";
}

/* Register */
.els_user_nav #navigationUser a[href*="/user/register"]::before,
.els_user_nav #navigationUser a[href*="user/register"]::before,
.els_user_nav #navigationUser a[href*="/register"]::before,
.els_user_nav .els_user_menu a[href*="/user/register"]::before,
.els_user_nav .els_user_menu a[href*="user/register"]::before,
.els_user_nav .els_user_menu a[href*="/register"]::before{
	content: "";
}

/* Login */
.els_user_nav #navigationUser a[href*="/login"]::before,
.els_user_nav #navigationUser a[href*="login"]::before,
.els_user_nav .els_user_menu a[href*="/login"]::before,
.els_user_nav .els_user_menu a[href*="login"]::before{
	content: "";
}

/* Logout / Sign out */
.els_user_nav #navigationUser a[href*="/login/signOut"]::before,
.els_user_nav #navigationUser a[href*="signOut"]::before,
.els_user_nav #navigationUser a[href*="logout"]::before,
.els_user_nav .els_user_menu a[href*="/login/signOut"]::before,
.els_user_nav .els_user_menu a[href*="signOut"]::before,
.els_user_nav .els_user_menu a[href*="logout"]::before{
	content: "";
}

/* Dashboard task count badge */
.els_user_nav #navigationUser .task_count,
.els_user_nav .els_user_menu .task_count{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 22px;
	height: 18px;
	margin-left: 2px;
	padding: 0 6px;
	background: var(--els-primary, var(--els-primary));
	border-radius: 999px;
	color: #ffffff !important;
	font-size: 11px;
	font-weight: 900;
	line-height: 1;
}

/* Navigation */
.els_prehero_nav,
.els-prehero-nav{
	background: var(--els-prehero-bg, var(--els-primary)) !important;
	color: #fff;
}

.els_prehero_nav_inner{
	min-height: 56px;
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 28px;
	background: transparent;
}

.els_short_brand{
	justify-self: start;
	min-width: 56px;
	color: #fff !important;
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .02em;
	white-space: nowrap;
	text-decoration: none !important;
}

.els_quick_nav{
	display: flex;
	align-items: stretch;
	justify-self: start;
	gap: 0;
	min-width: 0;
}

.els_quick_nav > a,
.els_menu_item > a,
.els_nav_search_link{
	display: flex;
	align-items: center;
	height: 56px;
	padding: 0 18px;
	color: #fff !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
}

.els_quick_nav > a:hover,
.els_quick_nav > a:focus,
.els_menu_item:hover > a,
.els_menu_item:focus-within > a,
.els_nav_search_link:hover,
.els_nav_search_link:focus{
	background: rgba(255, 255, 255, .12);
	color: #fff !important;
	text-decoration: none !important;
}

.els_menu_item{
	position: relative;
}

.els_fa_nav_chevron{
	margin-left: 5px;
	font-size: 10px;
	vertical-align: 1px;
}

.els_nav_search_link{
	gap: 8px;
}

.els_nav_search_link .fa-search,
.els_fa_search_nav{
	font-size: 18px;
	line-height: 1;
}

.els_dropdown,
.els_dropdown_wide{
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 999;
	display: none;
	min-width: 220px;
	padding: 6px 0;
	background: #fff;
	border: 1px solid var(--els-border);
	box-shadow: 0 8px 18px rgba(0, 0, 0, .15);
	color: var(--els-text);
}

.els_has_dropdown:hover .els_dropdown,
.els_has_dropdown:focus-within .els_dropdown{
	display: block;
}

.els_dropdown_wide{
	min-width: 330px;
}

.els_dropdown a{
	display: block;
	height: auto;
	padding: 11px 18px;
	background: #fff;
	color: var(--els-text) !important;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	white-space: nowrap;
	text-decoration: none !important;
}

.els_dropdown a:hover,
.els_dropdown a:focus{
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-primary) !important;
	text-decoration: none !important;
}

.els_dropdown_help{
	margin: 8px 12px 0;
	padding: 12px 16px;
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.4;
}

.els_dropdown_help strong,
.els_dropdown_help span{
	display: block;
	color: var(--els-text);
}

.els_dropdown_help a{
	padding: 4px 0 0;
	background: transparent;
	color: var(--els-primary) !important;
	font-weight: 700;
}

.els_nav_issn{
	display: inline-flex !important;
	align-items: center !important;
	justify-self: end !important;
	gap: 10px !important;
	min-height: 56px !important;
	margin-left: auto !important;
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	white-space: nowrap !important;
}

.els_nav_issn_label{
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 28px !important;
	padding: 6px 10px !important;
	background: rgba(255, 255, 255, .18) !important;
	border: 1px solid rgba(255, 255, 255, .28) !important;
	border-radius: 4px !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	margin: 0 !important;
}

.els_nav_issn_number{
	display: inline-flex !important;
	align-items: center !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	font-variant-numeric: tabular-nums;
	letter-spacing: .025em !important;
	margin: 0 !important;
}

.els_nav_issn:hover .els_nav_issn_label{
	background: var(--els-primary-overlay-strong) !important;
}

/* Breadcrumb */
.els_breadcrumb_bar{
	background: #fff;
	border-bottom: 1px solid var(--els-border);
}

.els_breadcrumb_inner{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	min-height: 48px;
	color: #64748b;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}

.els_breadcrumb_inner a{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--els-primary);
	text-decoration: none;
}

.els_breadcrumb_inner a:hover,
.els_breadcrumb_inner a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

.els_breadcrumb_inner .fa{
	color: currentColor;
	font-size: 13px;
}

.els_breadcrumb_sep{
	color: #9aa4ad;
	font-weight: 800;
}

.els_breadcrumb_current{
	color: var(--els-text);
	font-weight: 800;
}

/* Hero */
.els_hero{
	position: relative;
	overflow: hidden;
	background: var(--els-primary);
	color: #fff;
	text-align: center;
	isolation: isolate;
}

.els_hero::before,
.els_hero::after{
	content: "";
	position: absolute;
	inset: auto;
	z-index: 0;
	pointer-events: none;
	border-radius: 999px;
	will-change: transform, opacity;
}

.els_hero::before{
	width: 360px;
	height: 360px;
	left: -120px;
	top: -150px;
	background: radial-gradient(circle, rgba(255, 255, 255, .18) 0, rgba(255, 255, 255, .08) 42%, transparent 68%);
	animation: elsHeroGlowOne 18s ease-in-out infinite alternate;
}

.els_hero::after{
	width: 420px;
	height: 420px;
	right: -150px;
	bottom: -220px;
	background: radial-gradient(circle, rgba(255, 255, 255, .16) 0, rgba(255, 255, 255, .07) 44%, transparent 70%);
	animation: elsHeroGlowTwo 22s ease-in-out infinite alternate;
}

.els_pattern{
	position: absolute;
	inset: 0;
	z-index: 1;
	opacity: 1;
	pointer-events: none;
	will-change: transform, background-position;
	animation: elsHeroPatternDrift 28s ease-in-out infinite alternate;
	background-image:
		radial-gradient(circle at 8% 38%, rgba(255, 255, 255, .28) 0 5px, transparent 6px),
		radial-gradient(circle at 18% 22%, rgba(255, 255, 255, .22) 0 9px, transparent 10px),
		radial-gradient(circle at 31% 52%, rgba(255, 255, 255, .20) 0 4px, transparent 5px),
		radial-gradient(circle at 47% 29%, rgba(255, 255, 255, .24) 0 7px, transparent 8px),
		radial-gradient(circle at 70% 40%, rgba(255, 255, 255, .22) 0 8px, transparent 9px),
		radial-gradient(circle at 89% 25%, rgba(255, 255, 255, .24) 0 5px, transparent 6px),
		linear-gradient(18deg, transparent 0 58%, rgba(255, 255, 255, .08) 58.2%, transparent 58.8%);
	background-size: 100% 100%;
}

.els_pattern::before,
.els_pattern::after{
	content: "";
	position: absolute;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	will-change: transform, opacity;
}

.els_pattern::before{
	width: 220px;
	height: 220px;
	left: 8%;
	top: -85px;
	animation: elsHeroRingOne 20s ease-in-out infinite alternate;
}

.els_pattern::after{
	width: 270px;
	height: 270px;
	right: 6%;
	bottom: -145px;
	animation: elsHeroRingTwo 24s ease-in-out infinite alternate;
}

.els_hero_inner{
	position: relative;
	z-index: 2;
	padding: 40px 0 42px;
}

@keyframes elsHeroPatternDrift {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		background-position: 0 0;
	}

	100% {
		transform: translate3d(12px, -10px, 0) scale(1.025);
		background-position: 22px -18px;
	}
}

@keyframes elsHeroGlowOne {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: .72;
	}

	100% {
		transform: translate3d(42px, 28px, 0) scale(1.08);
		opacity: .45;
	}
}

@keyframes elsHeroGlowTwo {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: .64;
	}

	100% {
		transform: translate3d(-36px, -26px, 0) scale(1.1);
		opacity: .42;
	}
}

@keyframes elsHeroRingOne {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg);
		opacity: .8;
	}

	100% {
		transform: translate3d(18px, 20px, 0) rotate(7deg);
		opacity: .52;
	}
}

@keyframes elsHeroRingTwo {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg);
		opacity: .78;
	}

	100% {
		transform: translate3d(-22px, -18px, 0) rotate(-6deg);
		opacity: .5;
	}
}

@media (prefers-reduced-motion: reduce) {
	.els_hero::before,
.els_hero::after,
.els_pattern,
.els_pattern::before,
.els_pattern::after{
		animation: none !important;
	}
}

.els_hero h1{
	margin: 0 0 12px;
	color: #fff;
	font-size: 35px;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: .01em;
}

.els_tagline{
	max-width: 780px;
	margin: 0 auto 20px;
	color: rgba(255, 255, 255, .95);
	font-size: 16px;
	line-height: 1.45;
}

.els_hero_search{
	display: flex;
	max-width: 620px;
	height: 40px;
	margin: 20px auto 10px;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, .9);
	box-shadow: none;
}

.els_hero_search input{
	flex: 1 1 auto;
	min-width: 0;
	padding: 0 14px;
	border: 0;
	outline: 0;
	color: var(--els-text);
	font-size: 14px;
}

.els_hero_search button{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	border: 0;
	background: var(--els-primary-dark, var(--els-primary));
	color: #fff;
	cursor: pointer;
}

.els_fa_search_hero{
	color: #fff;
	font-size: 19px;
	line-height: 1;
}

.els_hero_actions{
	margin-top: 0;
}

.els_advanced{
	color: #fff !important;
	font-size: 14px;
}

.els_hero_submit_wrap{
	margin-top: 10px;
}

.els_submit{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: var(--els-submit-bg, var(--els-accent));
	border: 1px solid var(--els-submit-border, var(--els-submit-bg, var(--els-accent)));
	border-radius: 2px;
	color: #fff !important;
	font-size: 13px;
	font-weight: 700;
	text-decoration: none !important;
}

.els_submit:hover,
.els_submit:focus{
	background: var(--els-submit-hover-bg, var(--els-accent));
	color: #fff !important;
	text-decoration: none !important;
}

.els_addtoany_share{
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 40;
	display: flex;
	align-items: center;
	gap: 6px;
}

.els_addtoany_rss,
.els_addtoany_toggle{
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px !important;
	height: 38px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: rgba(255, 255, 255, .12) !important;
	border: 1px solid rgba(255, 255, 255, .8) !important;
	border-radius: 0 !important;
	color: #fff !important;
	font-size: 19px !important;
	line-height: 1 !important;
	text-decoration: none !important;
	transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.els_addtoany_rss:hover,
.els_addtoany_rss:focus,
.els_addtoany_toggle:hover,
.els_addtoany_toggle:focus{
	background: rgba(255, 255, 255, .22) !important;
	border-color: #fff !important;
	color: #fff !important;
	text-decoration: none !important;
	transform: translateY(-1px);
}

.els_addtoany_kit{
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.els_addtoany_kit .a2a_svg,
.els_addtoany_kit .a2a_count{
	display: none !important;
}

.els_addtoany_kit .a2a_dd{
	background-image: none !important;
}

/* Primary menu under hero */
.els_navbar{
	display: none !important;
}

.els_posthero_nav{
	background: #fff;
	border-bottom: 1px solid var(--els-border);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.els_posthero_nav_inner{
	min-height: 52px;
	display: flex;
	align-items: center;
}

.els_posthero_nav .els_primary_nav{
	width: 100%;
}

.els_primary_menu,
.els_posthero_nav #navigationPrimary{
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap;
	gap: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: #fff;
}

.els_primary_menu > li,
.els_posthero_nav #navigationPrimary > li{
	position: relative !important;
	display: inline-flex !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_primary_menu > li > a,
.els_posthero_nav #navigationPrimary > li > a{
	display: block !important;
	padding: 17px 19px !important;
	background: #fff !important;
	color: #333 !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-decoration: none !important;
}

.els_primary_menu > li > a:hover,
.els_primary_menu > li > a:focus,
.els_posthero_nav #navigationPrimary > li > a:hover,
.els_posthero_nav #navigationPrimary > li > a:focus{
	background: #f5f8fa !important;
	color: var(--els-primary) !important;
	text-decoration: none !important;
}

.els_primary_menu ul,
.els_posthero_nav #navigationPrimary ul{
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;
	z-index: 999 !important;
	display: none !important;
	min-width: 220px !important;
	margin: 0 !important;
	padding: 8px 0 !important;
	background: #fff !important;
	border: 1px solid var(--els-border) !important;
	box-shadow: 0 12px 24px rgba(0, 0, 0, .14) !important;
	list-style: none !important;
}

.els_primary_menu li:hover > ul,
.els_primary_menu li:focus-within > ul,
.els_posthero_nav #navigationPrimary li:hover > ul,
.els_posthero_nav #navigationPrimary li:focus-within > ul{
	display: block !important;
}

.els_primary_menu ul a,
.els_posthero_nav #navigationPrimary ul a{
	display: block !important;
	padding: 8px 14px !important;
	background: #fff !important;
	color: var(--els-text) !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	white-space: nowrap !important;
	text-decoration: none !important;
}

.els_primary_menu ul a:hover,
.els_posthero_nav #navigationPrimary ul a:hover{
	background: #f5f8fa !important;
	color: var(--els-primary) !important;
}

/* Layout */
.els_content,
.pkp_structure_content.els_content{
	width: min(1280px, calc(100% - 96px));
	max-width: 1280px;
	margin: 0 auto;
	padding: 28px 0 26px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 32px;
	align-items: start;
}

.els_content_no_sidebar,
body:not(.pkp_page_index) .pkp_structure_content.els_content{
	display: block;
	grid-template-columns: minmax(0, 1fr) !important;
}

.els_content_no_sidebar .els_main,
.els_content_no_sidebar .pkp_structure_main,
body:not(.pkp_page_index) .pkp_structure_main{
	width: 100%;
	max-width: none;
}

.els_main,
.pkp_structure_main{
	min-width: 0;
	max-width: none;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.pkp_page_index.pkp_op_index .els_main{
	width: auto;
	max-width: none;
	margin: 0;
}

.pkp_page_index.pkp_op_index .els_sidebar,
.pkp_page_index.pkp_op_index .pkp_structure_sidebar{
	width: 100%;
	max-width: 320px;
	grid-column: 2;
	align-self: start;
}

.pkp_page_index:not(.pkp_op_index) .els_sidebar,
.pkp_page_issue .els_sidebar,
.pkp_page_article .els_sidebar,
.pkp_page_announcement .els_sidebar,
.pkp_page_announcements .els_sidebar,
.pkp_page_about .els_sidebar,
.pkp_page_search .els_sidebar{
	display: none !important;
}

/* Common cards */
.els_home,
.page_index_journal.els_home,
.els_issue_page,
.els_archive,
.els_about_page{
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.els_intro_card,
.els_current_issue,
.els_issue_layout,
.els_archive,
.els_about_layout,
.els_announcements_page,
.els_article_center,
.els_article_right{
	background: #fff;
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
}

/* Homepage */
.els_intro_card{
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	gap: 28px;
	align-items: center;
	margin: 0 0 24px;
	padding: 26px 34px;
}

.els_intro_cover img{
	display: block;
	width: 150px;
	max-width: 150px;
	max-height: 230px;
	object-fit: cover;
	border: 1px solid var(--els-border);
}

.els_intro_body h2{
	margin: 0 0 12px;
	color: var(--els-primary);
	font-size: 25px;
	line-height: 1.25;
}

.els_badges,
.els_article_badges{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 10px;
}

.els_badges span,
.els_article_badges span,
.els_article_badges a{
	display: inline-flex;
	align-items: center;
	padding: 5px 8px;
	background: #f0f2f3;
	border: 1px solid #d6dde1;
	border-radius: 0;
	color: #555;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.els_badges span:first-child,
.els_article_badges a{
	gap: 2px;
	background: var(--els-accent-soft, #fff8ef);
	border-color: var(--els-accent-border, var(--els-accent));
	color: var(--els-accent);
}

.els_journal_description{
	max-width: 720px;
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.72;
}

.els_intro_actions{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.els_button,
.els_outline_link,
.els_galley,
.els_galleys a,
.els_detail_galleys a,
.cmp_article_galley_link{
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	padding: 5px 9px !important;
	background: #fff !important;
	border: 1px solid var(--els-primary-border, var(--els-border)) !important;
	border-radius: 0 !important;
	color: var(--els-primary) !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.1 !important;
	text-decoration: none !important;
}

.els_button{
	gap: 2px;
	padding: 8px 12px !important;
	background: var(--els-submit-bg) !important;
	border-color: var(--els-submit-bg) !important;
	color: #fff !important;
}

.els_outline_link{
	gap: 2px;
	padding: 7px 12px !important;
	background: #fff !important;
	border-color: var(--els-primary-border, var(--els-border)) !important;
	color: var(--els-primary) !important;
}

.els_current_issue{
	margin-top: 24px;
	padding: 28px 34px;
}

.els_section_head{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 0;
}

.els_section_kicker{
	margin: 0 0 14px;
	color: var(--els-text);
	font-size: 21px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.els_section_kicker::after{
	content: "";
	display: block;
	width: 56px;
	height: 2px;
	margin-top: 4px;
	background: var(--els-primary);
}

.els_section_head h2{
	margin: 0;
	color: var(--els-primary);
	font-size: 21px;
	font-weight: 600;
	line-height: 1.25;
}

.els_section_head h2 a{
	color: var(--els-primary);
	text-decoration: none;
}

.els_section_head h2 a:hover{
	color: var(--els-accent);
}

/* Article summary */
.els_article_grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 34px;
	row-gap: 0;
}

.els_article_summary,
.obj_article_summary{
	min-height: 142px;
	padding: 18px 0 17px;
	border-bottom: 1px solid var(--els-border-soft);
}

.els_article_title,
.obj_article_summary .title{
	margin: 0 0 7px;
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 15px;
	line-height: 1.25;
}

.els_article_title a,
.obj_article_summary .title a{
	color: var(--els-primary);
	font-weight: 700;
	text-decoration: none;
}

.els_article_title a:hover,
.obj_article_summary .title a:hover{
	color: var(--els-accent);
}

.els_article_authors,
.obj_article_summary .authors{
	margin: 4px 0;
	color: var(--els-text);
	font-size: 13px;
}


/* Article-summary author marker: keep the ORCID iD icon inline and compact. */
.els_author_orcid_marker{
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	margin-left: 3px;
	line-height: 1;
	vertical-align: -4px;
}

.els_author_orcid_marker img{
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	max-width: 18px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	object-fit: contain;
}

.els_article_meta,
.obj_article_summary .meta{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	color: #7b8790;
	font-size: 11px;
}

.els_galleys,
.els_detail_galleys{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 7px 0 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_galleys li,
.els_detail_galleys li{
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_article_actions{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}

.els_article_stats{
	display: inline-flex !important;
	align-items: center;
	gap: 18px;
	margin-left: 8px;
	color: #8b949e;
	font-size: 13px;
	vertical-align: middle;
}

.els_article_stats span{
	display: inline-flex;
	align-items: center;
	gap: 2px;
}

.els_fa_eye,
.els_fa_download{
	margin-right: 5px;
	color: #999;
	font-size: 15px;
	vertical-align: -1px;
}

/* PDF icon */
.els_pdf_link::before,
.obj_galley_link.pdf::before{
	display: none !important;
	content: none !important;
}

/* Issue and archive */
.els_issue_layout{
	display: grid;
	grid-template-columns: 230px minmax(0, 1fr);
	gap: 34px;
	padding: 28px 34px;
}

.els_issue_cover_col img{
	display: block;
	width: 150px;
	max-width: 150px;
	max-height: 222px;
	object-fit: cover;
	border: 1px solid var(--els-border);
}

.els_issue_date{
	margin-top: 15px;
	color: var(--els-muted);
	font-size: 12px;
}

.els_issue_date strong,
.els_issue_date span{
	display: block;
}

.els_issue_nav{
	display: grid;
	gap: 8px;
	margin-top: 17px;
}

.els_issue_nav a{
	display: block;
	padding: 9px 12px;
	background: #f2f6f8;
	border-left: 3px solid var(--els-accent);
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 700;
}

.els_issue_articles h1{
	max-width: 790px;
	margin: 4px 0 22px;
	color: var(--els-primary);
	font-size: 26px;
	line-height: 1.35;
}

.els_issue_description{
	margin: 20px 0 28px;
	padding: 16px 18px;
	background: #f7fbfd;
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-accent);
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.65;
}

.els_issue_description p{
	margin: 0 0 12px;
	color: var(--els-text);
}

.els_issue_description p:last-child{
	margin-bottom: 0;
}

.els_issue_description strong{
	color: var(--els-text);
	font-weight: 800;
}

.els_issue_description img{
	display: inline-block;
	width: 42px;
	height: 28px;
	margin: 8px 8px 0 0;
	object-fit: cover;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 3px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
	vertical-align: middle;
	transition: transform .18s ease, box-shadow .18s ease;
}

.els_issue_description img:hover{
	box-shadow: 0 5px 12px rgba(0, 0, 0, .18);
	transform: translateY(-2px);
}

.els_issue_section_title{
	margin: 22px 0 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--els-border);
	color: var(--els-primary);
	font-size: 15px;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.els_issue_article_list .els_article_summary{
	min-height: auto;
	padding: 22px 0;
}

.els_issue_back{
	margin: 0 0 22px;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.els_issue_back a,
.els_back_link{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	padding: 8px 13px;
	background: #fff;
	border: 1px solid var(--els-border);
	border-radius: 3px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .035);
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.els_back_link{
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 800;
}

.els_issue_back a:hover,
.els_issue_back a:focus,
.els_back_link:hover,
.els_back_link:focus{
	background: var(--els-primary);
	border-color: var(--els-primary);
	color: #fff;
	text-decoration: none;
}

.els_issue_back a::before{
	content: "";
	font-family: FontAwesome;
	font-size: 12px;
	font-weight: normal;
	line-height: 1;
}

.els_archive{
	padding: 30px 34px;
}

.els_archive h1{
	margin: 0 0 26px;
	font-size: 28px;
}

.els_issue_grid{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.els_issue_card{
	min-height: 235px;
	text-align: center;
	padding: 22px;
	background: #fafafa;
	border: 1px solid var(--els-border);
	transition: .18s ease;
}

.els_issue_card:hover{
	box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
	transform: translateY(-2px);
}

.els_issue_card img{
	display: block;
	width: 105px;
	height: 150px;
	margin: 0 auto 16px;
	object-fit: cover;
}
/* =========================================================
   Archive Cover Full Image - No White Frame
   Cover tetap kontras tanpa padding/frame putih
   ========================================================= */

.els_archive .els_issue_card img{
	display: block;
	width: 105px;
	height: 150px;
	margin: 0 auto 18px;
	padding: 0 !important;
	background: transparent !important;
	border: 1px solid rgba(28, 37, 41, 0.22);
	box-shadow: 0 8px 20px rgba(15, 41, 51, 0.18);
	object-fit: cover;
	object-position: center;
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.els_archive .els_issue_card a:hover img,
.els_archive .els_issue_card a:focus img{
	border-color: var(--els-accent, var(--els-accent));
	box-shadow: 0 12px 28px rgba(15, 41, 51, 0.24);
	transform: translateY(-2px);
}

.els_issue_card h2{
	margin: 0 0 6px;
	color: var(--els-primary);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.55;
}

.els_issue_card p{
	margin: 0;
	color: #333;
	font-size: 13px;
}

/* Announcements */
.pkp_page_announcement .els_content,
.pkp_page_announcements .els_content{
	display: block !important;
	width: min(1280px, calc(100% - 96px)) !important;
	padding-top: 26px !important;
}

.els_announcements_page{
	width: 100%;
	min-height: 620px;
	padding: 24px 26px 42px;
}

.els_announcements_page h1{
	margin: 0 0 18px;
	color: #2b2f33;
	font-size: 31px;
	font-weight: 700;
	line-height: 1.2;
}

.els_announcement_intro{
	margin: 0 0 24px;
	padding: 15px 18px;
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.7;
}

.els_announcement_item{
	margin: 0 0 30px;
	padding: 0;
	border: 0;
}

.els_announcement_item h2{
	margin: 0 0 8px;
	font-size: 17px;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: .01em;
	text-transform: uppercase;
}

.els_announcement_item h2 a{
	color: var(--els-primary);
	text-decoration: none;
}

.els_announcement_item h2 a:hover{
	color: var(--els-accent);
}

.els_announcement_date,
.page_announcements .date,
.page_announcement .date{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin-bottom: 12px;
	padding: 3px 7px;
	background: #eef1f3;
	border-radius: 2px;
	color: #333;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.2;
}

.els_announcement_summary,
.page_announcements .description_short,
.page_announcements .description,
.page_announcement .description{
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.72;
}

.els_announcement_summary img{
	display: block;
	max-width: 210px !important;
	height: auto !important;
	margin: 12px 0 16px;
	background: transparent !important;
	border: 1px solid rgba(28, 37, 41, 0.22);
	box-shadow: 0 8px 20px rgba(15, 41, 51, 0.18);
	object-fit: cover;
	object-position: center;
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

/* About pages */
.els_about_page > h1{
	margin: 0 0 18px;
	font-size: 28px;
}

.els_about_layout{
	display: grid;
	grid-template-columns: 290px minmax(0, 1fr);
	align-items: stretch;
}

.els_about_nav{
	background: #f1f1f1;
	border-right: 1px solid #d7dee3;
}

.els_about_nav_group{
	border-bottom: 1px solid #d7dee3;
}

.els_about_nav_group h2,
.els_about_nav details.els_about_nav_group summary{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 16px 18px;
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
	user-select: none;
}

.els_about_nav details.els_about_nav_group{
	background: #f1f1f1;
	border-bottom: 1px solid var(--els-border);
}

.els_about_nav details.els_about_nav_group:last-child{
	border-bottom: 0;
}

.els_about_nav details.els_about_nav_group summary{
	cursor: pointer;
	list-style: none;
}

.els_about_nav details.els_about_nav_group summary::-webkit-details-marker,
.els_about_nav details.els_about_nav_group summary::marker{
	display: none;
	content: "";
}

.els_about_nav details.els_about_nav_group summary .fa{
	color: currentColor;
	font-size: 11px;
	font-weight: normal;
	transition: transform .2s ease;
}

.els_about_nav details.els_about_nav_group[open] summary .fa{
	transform: rotate(180deg);
}

.els_about_nav_group a,
.els_about_nav details.els_about_nav_group a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 28px;
	background: #f1f1f1;
	color: #333;
	font-size: 14px;
	line-height: 1.35;
	text-decoration: none;
}

.els_about_nav_group a:hover,
.els_about_nav_group a:focus,
.els_about_nav details.els_about_nav_group a:hover,
.els_about_nav details.els_about_nav_group a:focus{
	background: #fff;
	color: var(--els-primary);
	text-decoration: none;
}

.els_about_nav_group a.is_active,
.els_about_nav details.els_about_nav_group a.is_active{
	background: #fff;
	color: var(--els-primary);
	font-weight: 800;
}

.els_about_nav details.els_about_nav_group a .fa{
	flex: 0 0 auto;
	color: currentColor;
	font-size: 11px;
	font-weight: normal;
	opacity: .75;
}

.els_about_nav details.els_about_nav_group a:hover .fa,
.els_about_nav details.els_about_nav_group a:focus .fa,
.els_about_nav details.els_about_nav_group a.is_active .fa{
	opacity: 1;
}

.els_about_content{
	padding: 24px 30px 30px;
}

.els_about_identity{
	display: grid;
	grid-template-columns: 130px minmax(0, 1fr);
	gap: 22px;
	margin-bottom: 22px;
}

.els_about_identity img{
	width: 120px;
	max-height: 170px;
	object-fit: cover;
}

.els_about_identity h2{
	margin: 0 0 12px;
	font-size: 24px;
	color: var(--els-primary);
}

.els_about_text{
	font-size: 15px;
	line-height: 1.85;
}

/* Article detail */
.els_article_shell{
	display: grid;
	grid-template-columns: 190px minmax(0, 1fr) 300px;
	gap: 32px;
	align-items: start;
	width: min(1280px, calc(100% - 96px));
	margin: 36px auto 56px;
}

.pkp_page_article.pkp_op_view .els_article_shell_two_columns{
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 34px;
	align-items: start;
	max-width: 1180px;
	margin: 36px auto 56px;
}

.els_article_left,
.pkp_page_article.pkp_op_view .els_article_left{
	position: sticky;
	top: 24px;
	align-self: start;
	width: auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--els-text);
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}

.els_article_left,
.els_article_left *,
.els_article_left *::before,
.els_article_left *::after{
	box-sizing: border-box;
}

.els_article_cover_link,
.pkp_page_article.pkp_op_view .els_article_cover_link{
	display: block !important;
	max-width: 250px;
	margin: 0 auto 22px;
	padding: 10px !important;
	background: #fff !important;
	border: 1px solid #dce8ec !important;
	box-shadow: 0 12px 28px rgba(15, 41, 51, .08) !important;
	text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.els_article_cover_link:hover,
.els_article_cover_link:focus,
.pkp_page_article.pkp_op_view .els_article_cover_link:hover,
.pkp_page_article.pkp_op_view .els_article_cover_link:focus{
	border-color: var(--els-primary) !important;
	box-shadow: 0 16px 34px rgba(15, 41, 51, .12) !important;
	text-decoration: none !important;
	transform: translateY(-2px);
}

.els_article_issue_cover,
.pkp_page_article.pkp_op_view .els_article_issue_cover{
	display: block !important;
	width: 100%;
	height: auto;
	max-width: 230px;
	margin: 0 auto;
	background: #fff !important;
	object-fit: cover;
	opacity: 1 !important;
	filter: none !important;
	mix-blend-mode: normal !important;
}

.els_article_contents_title,
.pkp_page_article.pkp_op_view .els_article_contents_title{
	position: relative;
	margin: 0 0 14px !important;
	padding: 0 0 12px !important;
	background: transparent !important;
	color: #1f2933;
	font-size: 22px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

.els_article_contents_title::after,
.pkp_page_article.pkp_op_view .els_article_contents_title::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 3px;
	background: var(--els-accent);
	border-radius: 999px;
}

.els_article_side_nav,
.pkp_page_article.pkp_op_view .els_article_side_nav{
	display: block !important;
	margin: 0 0 22px !important;
	padding: 0 !important;
	background: #fff !important;
	border: 1px solid #dce8ec !important;
	box-shadow: 0 10px 26px rgba(15, 41, 51, .06) !important;
	overflow: hidden;
	counter-reset: articleNav;
}

.els_article_side_nav a,
.pkp_page_article.pkp_op_view .els_article_side_nav a{
	counter-increment: articleNav;
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	margin: 0 !important;
	padding: 13px 16px 13px 18px !important;
	background: #fff !important;
	border: 0 !important;
	border-bottom: 1px solid #e4eef2 !important;
	color: var(--els-primary) !important;
	font-size: 14px !important;
	font-weight: 850 !important;
	line-height: 1.35 !important;
	text-decoration: none !important;
	transition: background .18s ease, color .18s ease, padding-left .18s ease;
}

.els_article_side_nav a:last-child,
.pkp_page_article.pkp_op_view .els_article_side_nav a:last-child{
	border-bottom: 0 !important;
}

.els_article_side_nav a::before,
.pkp_page_article.pkp_op_view .els_article_side_nav a::before{
	content: counter(articleNav) ".";
	flex: 0 0 auto;
	color: currentColor;
	font-weight: 900;
}

.els_article_side_nav a::after,
.pkp_page_article.pkp_op_view .els_article_side_nav a::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--els-accent);
	opacity: 0;
	transition: opacity .18s ease;
}

.els_article_side_nav a:hover,
.els_article_side_nav a:focus,
.pkp_page_article.pkp_op_view .els_article_side_nav a:hover,
.pkp_page_article.pkp_op_view .els_article_side_nav a:focus{
	padding-left: 22px !important;
	background: var(--els-primary) !important;
	color: #fff !important;
	text-decoration: none !important;
}

.els_article_side_nav a:hover::after,
.els_article_side_nav a:focus::after,
.pkp_page_article.pkp_op_view .els_article_side_nav a:hover::after,
.pkp_page_article.pkp_op_view .els_article_side_nav a:focus::after{
	opacity: 1;
}

.els_article_center,
.pkp_page_article.pkp_op_view .els_article_center{
	min-width: 0;
	width: 100%;
	padding: 34px 38px;
	background: #fff;
	border: 1px solid #dce8ec;
	box-shadow: var(--els-shadow-md);
}

.els_article_detail_title{
	margin: 0 0 16px;
	color: var(--els-text);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.22;
}

.els_detail_authors{
	margin: 0 0 16px;
	color: var(--els-primary);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
}

.els_detail_authors a{
	color: var(--els-primary);
	text-decoration: none;
}

.els_orcid{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	margin-left: 4px;
	background: #a6ce39;
	border-radius: 999px;
	color: #fff !important;
	font-size: 11px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none !important;
}

.els_detail_meta{
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	margin: 0 0 20px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--els-border);
	color: #64748b;
	font-size: 13px;
	line-height: 1.5;
}

.els_detail_meta a{
	color: var(--els-primary);
	text-decoration: none;
}

.els_detail_meta a:hover,
.els_detail_meta a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

.els_detail_galleys{
	gap: 10px;
	margin: 0 0 20px !important;
}

.els_detail_tabs{
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 0;
	margin: 0 0 32px;
	border-bottom: 4px solid var(--els-primary);
}

.els_detail_tabs a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	background: #f7fbfd;
	border: 1px solid var(--els-border);
	border-bottom: 0;
	color: var(--els-primary);
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
}

.els_detail_tabs a + a{
	margin-left: 6px;
}

.els_detail_tabs a:hover,
.els_detail_tabs a:focus{
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-primary);
	text-decoration: none;
}

.els_detail_tabs a.is_active{
	background: var(--els-primary);
	border-color: var(--els-primary);
	color: #fff;
}

.els_detail_section{
	margin: 0 0 34px;
	padding: 0 0 30px;
	border-bottom: 1px solid var(--els-border);
}

.els_detail_section:last-child{
	padding-bottom: 0;
	border-bottom: 0;
}

.els_detail_section h2{
	margin: 0 0 16px;
	color: var(--els-text);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.35;
}

.els_detail_section p,
.els_detail_section div{
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.78;
}

.els_abstract p{
	margin-top: 0;
	margin-bottom: 14px;
	text-align: justify;
}

.els_keywords{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.els_keywords span{
	display: inline-flex;
	align-items: center;
	padding: 7px 11px;
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
}

.els_article_copyright{
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.els_article_copyright h2{
	margin: 0 0 16px;
}

.els_article_copyright p{
	margin: 0 0 10px;
}

.els_article_copyright p:last-child{
	margin-bottom: 0;
}

.els_article_copyright img{
	display: block;
	width: auto;
	max-width: 96px;
	height: auto;
	margin: 8px 0 10px;
}

.els_article_copyright strong{
	color: var(--els-text);
	font-weight: 700;
}

.els_article_copyright a{
	color: var(--els-link);
	font-weight: 650;
	text-decoration: none;
}

.els_article_copyright a:hover,
.els_article_copyright a:focus{
	color: var(--els-link-hover);
	text-decoration: none;
}

.els_references{
	word-break: normal;
	overflow-wrap: anywhere;
}

.els_references div{
	font-size: 14px;
	line-height: 1.72;
	text-align: justify;
}

.els_article_sidebox,
.pkp_page_article.pkp_op_view .els_article_sidebox{
	margin-top: 18px;
	padding: 18px;
	background: #fff;
	border: 1px solid #dce8ec;
	box-shadow: 0 10px 26px rgba(15, 41, 51, .06);
}

.els_article_sidebox h2,
.pkp_page_article.pkp_op_view .els_article_sidebox h2{
	position: relative;
	margin: 0 0 14px;
	padding-bottom: 10px;
	color: var(--els-primary);
	font-size: 14px;
	font-weight: 900;
	line-height: 1.35;
	letter-spacing: .02em;
}

.els_article_sidebox h2::after,
.pkp_page_article.pkp_op_view .els_article_sidebox h2::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 36px;
	height: 2px;
	background: var(--els-accent);
}

.els_article_sidebox p,
.pkp_page_article.pkp_op_view .els_article_sidebox p{
	margin: 0 0 10px;
	color: #1f2933;
	font-size: 13px;
	line-height: 1.55;
}

.els_article_sidebox p:last-child,
.pkp_page_article.pkp_op_view .els_article_sidebox p:last-child{
	margin-bottom: 0;
}

.els_article_status_box,
.pkp_page_article.pkp_op_view .els_article_status_box{
	padding: 16px 18px;
}

.els_open_access,
.pkp_page_article.pkp_op_view .els_open_access{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--els-primary);
	font-size: 14px;
	font-weight: 900;
	line-height: 1.4;
}

.els_fa_open_access{
	color: var(--els-accent);
}

.els_article_right{
	padding: 28px 24px;
}

.els_sidebar_box{
	margin: 0;
	padding: 22px 0;
	border-top: 1px solid var(--els-border);
}

.els_sidebar_box:first-of-type{
	padding-top: 0;
	border-top: 0;
}

.els_sidebar_box h2{
	margin: 0 0 16px;
	color: var(--els-primary-dark, var(--els-primary));
	font-size: 17px;
	font-weight: 800;
	line-height: 1.35;
}

.els_sidebar_box p{
	margin: 0 0 12px;
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.65;
}

.els_sidebar_box p:last-child{
	margin-bottom: 0;
}

.els_sidebar_box .fa{
	width: 18px;
	margin-right: 8px;
	color: #9aa4ad;
	text-align: center;
}

/* OJS citation and related articles */






















.pkp_page_article.pkp_op_view .els_related_articles{
	margin-top: 36px;
	padding-top: 28px;
	border-top: 1px solid #dce8ec;
}

.pkp_page_article.pkp_op_view .els_related_articles_heading{
	margin-bottom: 18px;
}

.pkp_page_article.pkp_op_view .els_related_articles_heading h2{
	margin: 0;
	color: #1f2933;
	font-size: 22px;
	font-weight: 900;
	line-height: 1.3;
}

.pkp_page_article.pkp_op_view .els_related_articles_heading p{
	margin: 6px 0 0;
	color: #6b7c86;
	font-size: 14px;
	line-height: 1.5;
}

.pkp_page_article.pkp_op_view .els_related_articles_grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.pkp_page_article.pkp_op_view .els_related_card{
	padding: 18px;
	background: #f7fbfc;
	border: 1px solid #dce8ec;
}

.pkp_page_article.pkp_op_view .els_related_card h3{
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
}

.pkp_page_article.pkp_op_view .els_related_card h3 a{
	color: var(--els-primary);
	text-decoration: none;
}

.pkp_page_article.pkp_op_view .els_related_card h3 a:hover,
.pkp_page_article.pkp_op_view .els_related_card h3 a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

.pkp_page_article.pkp_op_view .els_related_authors{
	margin-bottom: 8px;
	color: #1f2933;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
}

.pkp_page_article.pkp_op_view .els_related_meta{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 14px;
	margin-bottom: 14px;
	color: #6b7c86;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.45;
}

.pkp_page_article.pkp_op_view .els_related_read{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.pkp_page_article.pkp_op_view .els_related_read:hover,
.pkp_page_article.pkp_op_view .els_related_read:focus{
	color: var(--els-accent);
	text-decoration: none;
}

/* Sidebar blocks */
.els_sidebar,
.pkp_structure_sidebar{
	padding: 18px;
	background: #fff;
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
}

.els_sidebar .pkp_block,
.els_sidebar .block_custom,
.els_sidebar [class*="block_"]{
	margin: 0 0 18px;
	padding: 0;
	background: transparent;
	border: 0;
}

.els_sidebar .pkp_block:last-child,
.els_sidebar .block_custom:last-child,
.els_sidebar [class*="block_"]:last-child{
	margin-bottom: 0;
}

.els_sidebar .title,
.els_sidebar .pkp_block .title,
.els_sidebar h2,
.els_sidebar h3{
	display: block;
	margin: 0 0 14px;
	padding: 14px 16px;
	background: var(--els-primary);
	border-radius: 6px;
	color: #fff !important;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

.els_sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.els_sidebar li{
	margin: 0;
	padding: 10px 0;
	border-bottom: 1px solid var(--els-border);
}

.els_sidebar li:last-child{
	border-bottom: 0;
}

.els_sidebar a{
	color: var(--els-primary);
	text-decoration: none;
}

.els_sidebar a:hover,
.els_sidebar a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

.els_sidebar p{
	margin: 0 0 12px;
	line-height: 1.6;
}

.els_sidebar img{
	max-width: 100%;
	height: auto;
}

/* Footer */
.els_footer{
	display: none !important;
}

.els-dashboard-footer{
	padding: 46px 0 42px;
	background: var(--els-footer-bg, var(--els-primary)) !important;
	color: #fff;
}

.els-dashboard-footer__inner,
.els-site-copyright__inner{
	width: min(1280px, calc(100% - 96px));
	margin: 0 auto;
}

.els-dashboard-footer,
.els-dashboard-footer p,
.els-dashboard-footer li,
.els-dashboard-footer span,
.els-dashboard-footer div,
.els-dashboard-footer h1,
.els-dashboard-footer h2,
.els-dashboard-footer h3,
.els-dashboard-footer h4,
.els-dashboard-footer h5{
	color: #fff;
}

.els-dashboard-footer a{
	color: #fff;
	text-decoration: none;
}

.els-dashboard-footer a:hover,
.els-dashboard-footer a:focus{
	color: #fff;
	text-decoration: none;
	text-decoration-color: var(--els-accent);
	text-underline-offset: 4px;
}

.els-dashboard-footer .els-footer-grid,
.els-dashboard-footer .els-footer-old{
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 56px;
	align-items: start;
}

.els-dashboard-footer .els-footer-col,
.els-dashboard-footer .els-footer-old__col{
	min-width: 0;
}

.els-dashboard-footer .els-footer-col h3,
.els-dashboard-footer .els-footer-old h3{
	position: relative;
	margin: 0 0 18px;
	padding-bottom: 12px;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.35;
}

.els-dashboard-footer .els-footer-col h3::after,
.els-dashboard-footer .els-footer-old h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 42px;
	height: 3px;
	background: var(--els-accent);
	border-radius: 999px;
}

.els-dashboard-footer .els-footer-col p,
.els-dashboard-footer .els-footer-old p{
	margin: 0 0 1px;
	color: #fff;
	font-size: 15px;
	line-height: 1.75;
}

.els-dashboard-footer .els-footer-col ul,
.els-dashboard-footer .els-footer-old ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.els-dashboard-footer .els-footer-col li,
.els-dashboard-footer .els-footer-old li{
	margin: 0 0 7px;
	padding: 0;
	color: #fff;
	font-size: 15px;
	line-height: 1.5;
}

.els-dashboard-footer .els-footer-col a,
.els-dashboard-footer .els-footer-old a{
	color: #fff;
	font-size: 15px;
	line-height: 1.5;
	text-decoration: none;
	transition: padding-left .2s ease;
}

.els-dashboard-footer .els-footer-col a:hover,
.els-dashboard-footer .els-footer-col a:focus,
.els-dashboard-footer .els-footer-old a:hover,
.els-dashboard-footer .els-footer-old a:focus{
	padding-left: 4px;
	color: #fff;
	text-decoration: none;
}

.els-dashboard-footer .els-footer-note{
	margin-top: 34px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .9);
	font-size: 14px;
	line-height: 1.6;
}

.els-dashboard-footer .els-footer-note p{
	margin: 0;
	color: rgba(255, 255, 255, .9);
}

.els-footer-old__license img{
	display: block;
	width: 88px;
	height: auto;
	padding: 4px 6px;
	background: #fff;
	border-radius: 5px;
}

.els-footer-old__license p{
	margin: 0 !important;
	color: rgba(255, 255, 255, .92);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.55;
}

.els-footer-old__license a{
	color: #fff;
	text-decoration: none;
}

.els-footer-old__license a:hover,
.els-footer-old__license a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

.els-site-copyright{
	padding: 20px 0;
	background: var(--els-copyright-bg, var(--els-deep));
	color: #fff;
	font-size: 13px;
	text-align: center;
}

/* Forms and buttons */
.cmp_button,
.cmp_form .buttons button,
button.submit,
input[type="submit"]{
	padding: 8px 14px;
	background: var(--els-accent);
	border: 0;
	border-radius: 3px;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
button.submit:hover,
input[type="submit"]:hover{
	background: var(--els-primary);
	color: #fff;
}

/* Standalone OJS PDF.js galley viewer.
 * The official pdfJsViewer display.tpl remains untouched. Theme assets and
 * journal palette are supplied through ThemePlugin::addStyle/addScript. */
.pkp_page_article.pkp_op_view > .header_view{
	z-index: 20;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: grid;
	grid-template-columns: 142px minmax(0, 1fr) 142px;
	height: 52px;
	background: var(--els-primary-dark, var(--els-primary));
	border-bottom: 3px solid var(--els-accent);
	box-sizing: border-box;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .20);
	font-family: var(--els-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif);
}

.pkp_page_article.pkp_op_view > .header_view a{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 49px;
	box-sizing: border-box;
	text-decoration: none !important;
	transition: background-color .18s ease, color .18s ease;
}

.pkp_page_article.pkp_op_view > .header_view .return{
	grid-column: 1;
	grid-row: 1;
	width: 52px;
	background: var(--els-surface);
	border-right: 1px solid var(--els-primary-border);
	color: var(--els-primary-link);
}

.pkp_page_article.pkp_op_view > .header_view .return::before{
	font-family: FontAwesome;
	content: "\f060";
	font-size: 17px;
	line-height: 1;
}

.pkp_page_article.pkp_op_view > .header_view .title{
	grid-column: 2;
	grid-row: 1;
	justify-content: center;
	overflow: hidden;
	padding: 0 18px;
	color: var(--els-primary-contrast);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pkp_page_article.pkp_op_view > .header_view .download{
	grid-column: 3;
	grid-row: 1;
	gap: 8px;
	min-width: 142px;
	padding: 0 20px;
	background: var(--els-surface);
	border-left: 1px solid var(--els-primary-border);
	color: var(--els-primary-link);
	font-weight: 700;
}

.pkp_page_article.pkp_op_view > .header_view .download::before{
	font-family: FontAwesome;
	content: "\f019";
	font-size: 15px;
	line-height: 1;
}

.pkp_page_article.pkp_op_view > .header_view .return:hover,
.pkp_page_article.pkp_op_view > .header_view .return:focus-visible,
.pkp_page_article.pkp_op_view > .header_view .download:hover,
.pkp_page_article.pkp_op_view > .header_view .download:focus-visible{
	background: var(--els-primary-soft);
	color: var(--els-primary-hover);
	outline: 3px solid var(--els-focus-ring);
	outline-offset: -3px;
}

.pkp_page_article.pkp_op_view > .header_view .title:hover,
.pkp_page_article.pkp_op_view > .header_view .title:focus-visible{
	background: var(--els-primary-hover);
	color: var(--els-primary-contrast);
	outline: 3px solid var(--els-focus-ring);
	outline-offset: -3px;
}

.pkp_page_article.pkp_op_view > .galley_view{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	background: #2b2b2b;
}

.pkp_page_article.pkp_op_view > .galley_view > iframe{
	display: block;
	width: 100%;
	height: 100%;
	min-height: 0 !important;
	padding-top: 52px;
	border: 0;
	box-sizing: border-box;
	background: #2b2b2b;
}

.pkp_page_article.pkp_op_view > .galley_view.galley_view_with_notice > iframe{
	padding-top: 148px;
}

.pkp_page_article.pkp_op_view > .galley_view .galley_view_notice{
	z-index: 5;
	position: absolute;
	top: 52px;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 96px;
	padding: 14px 24px;
	background: var(--els-warning);
	box-sizing: border-box;
	color: #fff;
	font-weight: 700;
	text-align: center;
}

.pkp_page_article.pkp_op_view > .galley_view .galley_view_notice_message{
	position: static;
	width: auto;
	transform: none;
	color: inherit;
}

.pkp_page_article.pkp_op_view > .galley_view .galley_view_notice a{
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 2px;
}

@media (max-width: 600px){
	.pkp_page_article.pkp_op_view > .header_view{
		grid-template-columns: 48px minmax(0, 1fr) 48px;
		height: 50px;
	}

	.pkp_page_article.pkp_op_view > .header_view a{
		height: 47px;
	}

	.pkp_page_article.pkp_op_view > .header_view .return{
		width: 48px;
	}

	.pkp_page_article.pkp_op_view > .header_view .title{
		padding: 0 10px;
		font-size: 12.5px;
		line-height: 1.2;
	}

	.pkp_page_article.pkp_op_view > .header_view .download{
		min-width: 48px;
		width: 48px;
		padding: 0;
	}

	.pkp_page_article.pkp_op_view > .header_view .download .label{
		display: none;
	}

	.pkp_page_article.pkp_op_view > .galley_view > iframe{
		padding-top: 50px;
	}

	.pkp_page_article.pkp_op_view > .galley_view.galley_view_with_notice > iframe{
		padding-top: 146px;
	}

	.pkp_page_article.pkp_op_view > .galley_view .galley_view_notice{
		top: 50px;
		min-height: 96px;
		padding: 12px 16px;
		font-size: 12px;
	}
}

.els_mobile_bar,
.els_mobile_drawer{
	display: none;
}

/* Responsive */
@media (max-width: 1180px) {
	.els_article_shell{
		grid-template-columns: 160px minmax(0, 1fr);
		width: min(100% - 48px, 100%);
		gap: 24px;
	}

	.els_article_right{
		grid-column: 2;
	}

	.els_article_cover_link,
.els_article_issue_cover{
		max-width: 190px;
	}
}

@media (max-width: 1100px) {
	.els_content,
.pkp_structure_content.els_content{
		width: min(100% - 48px, 100%);
		grid-template-columns: 1fr;
	}

	.pkp_page_index.pkp_op_index .els_sidebar,
.pkp_page_index.pkp_op_index .pkp_structure_sidebar{
		max-width: none;
		grid-column: 1;
	}

	.els_issue_layout,
.els_intro_card,
.els_about_layout,
.els_about_identity{
		grid-template-columns: 1fr;
	}

	.els_issue_grid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 991px) {
	.pkp_page_article.pkp_op_view .els_article_shell_two_columns{
		display: block;
		max-width: 100%;
	}

	.pkp_page_article.pkp_op_view .els_article_left{
		position: static;
		margin-bottom: 24px;
	}

	.pkp_page_article.pkp_op_view .els_article_cover_link{
		max-width: 230px;
		margin-left: auto;
		margin-right: auto;
	}

	.pkp_page_article.pkp_op_view .els_article_contents_title{
		text-align: left;
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav{
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav a{
		border-right: 1px solid #e4eef2 !important;
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav a:nth-child(2n){
		border-right: 0 !important;
	}

	.pkp_page_article.pkp_op_view .els_article_center{
		padding: 26px 22px;
	}

	.pkp_page_article.pkp_op_view .els_related_articles_grid{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.els_container,
.els_topbar_inner,
.els_prehero_nav_inner,
.els_breadcrumb_inner,
.els_posthero_nav_inner,
.els_hero_inner,
.els-dashboard-footer__inner,
.els-site-copyright__inner{
		width: min(100% - 36px, 100%);
	}

	.els_topbar_inner{
		flex-direction: column;
		align-items: flex-start;
		padding: 12px 0;
	}

	.els_article_grid{
		grid-template-columns: 1fr;
	}

	.els-dashboard-footer .els-footer-grid,
.els-dashboard-footer .els-footer-old{
		grid-template-columns: 1fr;
		gap: 28px;
	}

	.els-dashboard-footer{
		padding: 36px 0;
	}

	.els_article_shell{
		display: block;
		width: min(100% - 32px, 100%);
		margin-top: 28px;
	}

	.els_article_left{
		position: static;
		width: 100% !important;
		margin-bottom: 24px;
	}

	.els_article_cover_link,
.els_article_issue_cover{
		max-width: 180px;
		margin-left: 0;
		margin-right: 0;
	}

	.els_article_side_nav{
		max-width: 420px;
	}

	.els_article_center{
		margin-bottom: 24px;
		padding: 24px;
	}

	.els_article_right{
		padding: 24px;
	}

	.els_article_detail_title{
		font-size: 24px;
	}

	.els_detail_tabs{
		border-bottom-width: 3px;
	}

	.els_detail_tabs a{
		min-height: 42px;
		padding: 0 13px;
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	html,
body{
		overflow-x: hidden;
	}

	.els_topbar .els_user_nav{
		display: none !important;
	}

	.els_topbar{
		display: none !important;
	}

	.els_page{
		padding-top: 68px;
	}

	.els_mobile_bar{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1200;
		display: grid;
		grid-template-columns: 48px minmax(0, 1fr) 48px;
		align-items: center;
		gap: 10px;
		min-height: 68px;
		padding: 10px 14px;
		background: var(--els-primary);
		border-bottom: 1px solid var(--els-primary-overlay-strong);
		box-shadow: 0 6px 18px rgba(15, 23, 42, .16);
		color: var(--els-primary-contrast);
	}

	.els_mobile_toggle,
	.els_mobile_user{
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0;
		background: var(--els-primary-contrast);
		border: 1px solid var(--els-primary-overlay-strong);
		border-radius: 7px;
		box-shadow: none;
		color: var(--els-primary-link);
		font-size: 20px;
		line-height: 1;
		text-decoration: none;
		cursor: pointer;
	}

	.els_mobile_toggle:hover,
	.els_mobile_toggle:focus-visible,
	.els_mobile_user:hover,
	.els_mobile_user:focus-visible{
		background: var(--els-primary-soft);
		border-color: var(--els-primary-border);
		color: var(--els-link-hover);
		text-decoration: none;
	}

	.els_mobile_journal{
		display: flex;
		align-items: center;
		justify-content: center;
		min-width: 0;
		min-height: 44px;
		overflow: hidden;
		color: var(--els-primary-contrast);
		font-size: 18px;
		font-weight: 900;
		line-height: 1.2;
		text-align: center;
		text-decoration: none;
		text-overflow: ellipsis;
		text-transform: uppercase;
		white-space: nowrap;
	}

	.els_mobile_journal:hover,
	.els_mobile_journal:focus-visible{
		color: var(--els-primary-contrast);
		text-decoration: none;
	}

	.els_prehero_nav,
	.els_posthero_nav{
		display: none !important;
	}

	.els_mobile_drawer[hidden]{
		display: none !important;
	}

	.els_mobile_drawer.is_open{
		display: block !important;
	}

	.els_mobile_drawer{
		position: fixed;
		top: 68px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1190;
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		background: var(--els-primary-dark);
		color: var(--els-primary-contrast);
		box-shadow: 0 18px 36px rgba(15, 23, 42, .24);
	}

	body.els_mobile_menu_open{
		overflow: hidden;
	}

	body.els_mobile_menu_open .els_back_to_top,
	body.els_mobile_menu_open .els_theme_toggle{
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.els_mobile_drawer_inner{
		width: 100%;
		max-width: 560px;
		min-height: 100%;
		margin: 0 auto;
		padding: 0 0 calc(28px + env(safe-area-inset-bottom));
	}

	.els_mobile_drawer_portal{
		display: grid;
		grid-template-columns: 1fr;
		background: color-mix(in srgb, var(--els-deep) 22%, transparent);
	}

	.els_mobile_all_journals,
	.els_mobile_drawer_home,
	.els_mobile_user_menu > li > a,
	.els_mobile_primary_menu > li > a{
		display: flex !important;
		align-items: center !important;
		gap: 11px !important;
		width: 100% !important;
		min-height: 50px !important;
		margin: 0 !important;
		padding: 13px 18px !important;
		background: transparent !important;
		border: 0 !important;
		border-bottom: 1px solid var(--els-primary-overlay-strong) !important;
		border-radius: 0 !important;
		color: var(--els-primary-contrast) !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		line-height: 1.4 !important;
		text-align: left !important;
		text-decoration: none !important;
	}

	.els_mobile_all_journals:hover,
	.els_mobile_all_journals:focus-visible,
	.els_mobile_drawer_home:hover,
	.els_mobile_drawer_home:focus-visible,
	.els_mobile_user_menu > li > a:hover,
	.els_mobile_user_menu > li > a:focus-visible,
	.els_mobile_primary_menu > li > a:hover,
	.els_mobile_primary_menu > li > a:focus-visible{
		background: var(--els-primary-overlay) !important;
		color: var(--els-primary-contrast) !important;
	}

	.els_mobile_primary_nav,
	.els_mobile_primary_menu,
	.els_mobile_user_menu{
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent !important;
		list-style: none !important;
	}

	.els_mobile_primary_menu li,
	.els_mobile_user_menu li{
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.els_mobile_primary_menu ul,
	.els_mobile_user_menu ul{
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		background: color-mix(in srgb, var(--els-deep) 16%, transparent);
		list-style: none !important;
	}

	.els_mobile_primary_menu ul a,
	.els_mobile_user_menu ul a{
		display: flex !important;
		align-items: center !important;
		min-height: 44px !important;
		padding: 10px 18px 10px 46px !important;
		background: transparent !important;
		border: 0 !important;
		border-bottom: 1px solid var(--els-primary-overlay) !important;
		color: var(--els-primary-contrast) !important;
		font-size: 14px !important;
		font-weight: 700 !important;
		text-decoration: none !important;
	}

	.els_mobile_drawer_actions{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin: 16px 14px;
		overflow: hidden;
		border: 1px solid var(--els-primary-overlay-strong);
		border-radius: 7px;
	}

	.els_mobile_drawer_actions a{
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		min-height: 50px !important;
		padding: 13px 16px !important;
		background: transparent !important;
		border: 0 !important;
		color: var(--els-primary-contrast) !important;
		font-size: 14px !important;
		font-weight: 800 !important;
		line-height: 1.35 !important;
		text-align: center !important;
		text-decoration: none !important;
	}

	.els_mobile_drawer_actions a:hover,
	.els_mobile_drawer_actions a:focus-visible{
		background: var(--els-primary-overlay) !important;
		color: var(--els-primary-contrast) !important;
	}

	.els_mobile_drawer_actions a + a{
		border-left: 1px solid var(--els-primary-overlay-strong) !important;
	}

	.els_mobile_drawer_meta{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		margin: 0 14px 16px;
		padding: 12px 14px;
		background: var(--els-primary-overlay);
		border: 1px solid var(--els-primary-overlay-strong);
		border-radius: 7px;
		color: var(--els-primary-contrast);
	}

	.els_mobile_drawer_meta .els_issn_link,
	.els_mobile_drawer_meta .els_issn_link:visited{
		color: var(--els-primary-contrast) !important;
	}

	.els_mobile_user_nav{
		display: block !important;
		width: 100% !important;
		margin: 16px 0 0 !important;
		padding: 0 !important;
		border-top: 1px solid var(--els-primary-overlay-strong);
	}

	body[data-theme="dark"] .els_mobile_bar{
		background: var(--els-dm-surface-2);
		border-bottom-color: var(--els-dm-border);
	}

	body[data-theme="dark"] .els_mobile_drawer{
		background: var(--els-dm-surface);
		color: var(--els-dm-heading);
	}

	body[data-theme="dark"] .els_mobile_toggle,
	body[data-theme="dark"] .els_mobile_user{
		background: var(--els-dm-surface-3);
		border-color: var(--els-dm-border);
		color: var(--els-dm-heading);
	}

	body[data-theme="dark"] .els_mobile_all_journals,
	body[data-theme="dark"] .els_mobile_drawer_home,
	body[data-theme="dark"] .els_mobile_drawer_actions a,
	body[data-theme="dark"] .els_mobile_user_menu > li > a,
	body[data-theme="dark"] .els_mobile_primary_menu > li > a,
	body[data-theme="dark"] .els_mobile_primary_menu ul a,
	body[data-theme="dark"] .els_mobile_user_menu ul a{
		border-color: var(--els-dm-border) !important;
		color: var(--els-dm-heading) !important;
	}

	.els_nav_issn_label{
		min-height: 24px !important;
		padding: 5px 8px !important;
		font-size: 11px !important;
	}

	.els_nav_issn_number{
		font-size: 14px !important;
	}

	.els_breadcrumb_bar{
		display: none !important;
	}

	.els_hero{
		padding: 42px 18px 48px !important;
		text-align: center !important;
	}

	.els_hero h1{
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		font-size: 30px !important;
		line-height: 1.18 !important;
		text-align: center !important;
	}

	.els_tagline{
		max-width: 92% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		font-size: 15px !important;
		line-height: 1.55 !important;
		text-align: center !important;
	}

	.els_hero_search{
		display: grid !important;
		grid-template-columns: 1fr 48px !important;
		width: min(100%, 280px) !important;
		height: auto !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.els_hero_search input{
		width: 100% !important;
		height: 44px !important;
		padding: 0 12px !important;
		border-radius: 0 !important;
		font-size: 14px !important;
	}

	.els_hero_search button{
		width: 48px !important;
		height: 44px !important;
		padding: 0 !important;
		background: rgba(0, 0, 0, .18) !important;
		border-radius: 0 !important;
		color: #fff !important;
	}

	.els_advanced{
		display: block !important;
		margin-top: 12px !important;
		color: #fff !important;
		font-size: 13px !important;
		text-align: center !important;
		text-decoration: none !important;
	}

	.els_hero_submit_wrap{
		text-align: center !important;
	}

	.els_submit,
.els_hero_submit{
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		min-height: 44px !important;
		margin: 22px auto 0 !important;
		padding: 12px 20px !important;
		background: var(--els-submit-bg, var(--els-accent)) !important;
		border: 1px solid var(--els-submit-border, var(--els-submit-bg, var(--els-accent))) !important;
		border-radius: 2px !important;
		box-shadow: none !important;
		color: #fff !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		text-align: center !important;
		text-decoration: none !important;
	}

	.els_submit:hover,
.els_submit:focus,
.els_hero_submit:hover,
.els_hero_submit:focus{
		background: var(--els-submit-hover-bg, var(--els-primary)) !important;
		color: #fff !important;
		text-decoration: none !important;
	}

	.els_addtoany_share{
		position: static;
		justify-content: center;
		margin: 18px 0 0;
	}
}

@media (max-width: 640px) {
	.els_container,
.els_topbar_inner,
.els_prehero_nav_inner,
.els_breadcrumb_inner,
.els_posthero_nav_inner,
.els_hero_inner,
.els_content,
.pkp_structure_content.els_content{
		width: min(100% - 28px, 100%);
	}

	.els_hero h1{
		font-size: 30px;
	}

	.els_tagline{
		font-size: 15px;
	}

	.els_intro_card,
.els_current_issue,
.els_issue_layout,
.els_archive,
.els_announcements_page,
.els_about_content,
.els_article_center,
.els_article_right{
		padding: 16px;
	}

	.els_issue_grid{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.els_topbar_inner,
.els_prehero_nav_inner,
.els_breadcrumb_inner,
.els_posthero_nav_inner,
.els_hero_inner{
		width: calc(100% - 32px) !important;
	}

	.els_article_center,
.els_article_right{
		padding: 20px;
	}

	.els_detail_tabs{
		display: block;
		border-bottom: 0;
	}

	.els_detail_tabs a{
		display: flex;
		width: 100%;
		margin: 0 0 6px !important;
		border: 1px solid var(--els-border);
	}

	.els_article_copyright{
		padding: 18px !important;
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav{
		grid-template-columns: 1fr;
	}

	.pkp_page_article.pkp_op_view .els_article_side_nav a{
		border-right: 0 !important;
	}
}
/* Published Author Demographics */
.page_index_journal .els_author_demographics{
	background: #fff;
	border: 1px solid var(--els-border);
	box-shadow: 0 3px 14px rgba(0, 0, 0, .04);
	margin: 0 0 30px;
	padding: 26px 30px;
}

.page_index_journal .els_author_demographics .els_section_head{
	margin: 0 0 22px;
}

.page_index_journal .els_author_demographics .els_section_kicker{
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.page_index_journal .els_author_demographics h2{
	color: #1b2630;
	font-size: 24px;
	line-height: 1.25;
	margin: 0;
}

.page_index_journal .els_demographics_grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.page_index_journal .els_demographics_panel{
	background: #f8fbfc;
	border: 1px solid #e5edf1;
	border-radius: 10px;
	padding: 18px 20px;
}

.page_index_journal .els_demographics_panel h3{
	color: #1b2630;
	font-size: 17px;
	font-weight: 800;
	margin: 0 0 14px;
}

.page_index_journal .els_demographics_items{
	display: grid;
	gap: 10px;
}

.page_index_journal .els_demographics_item{
	align-items: center;
	background: #fff;
	border: 1px solid #e5edf1;
	border-radius: 8px;
	display: flex;
	gap: 14px;
	justify-content: space-between;
	padding: 10px 12px;
}

.page_index_journal .els_demographics_item span{
	color: #1f2933;
	font-size: 14px;
	font-weight: 700;
}

.page_index_journal .els_demographics_item strong{
	color: var(--els-primary);
	font-size: 22px;
	font-weight: 900;
	line-height: 1;
}

.page_index_journal .els_demographics_note{
	color: #6b7280;
	font-size: 13px;
	line-height: 1.5;
	margin: 16px 0 0;
}

@media (max-width: 800px) {
	.page_index_journal .els_author_demographics{
		padding: 20px;
	}

	.page_index_journal .els_demographics_grid{
		grid-template-columns: 1fr;
	}
}
/* =========================================================
   Journal Milestone Timeline
   ========================================================= */

.els-timeline{
	position: relative;
	margin: 22px 0;
	padding-left: 28px;
}

.els-timeline::before{
	content: "";
	position: absolute;
	top: 6px;
	bottom: 6px;
	left: 8px;
	width: 2px;
	background: #dde6ea;
}

.els-timeline__item{
	position: relative;
	margin: 0 0 18px;
	padding: 16px 18px;
	background: #ffffff;
	border: 1px solid var(--els-border);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
}

.els-timeline__item:last-child{
	margin-bottom: 0;
}

.els-timeline__item::before{
	content: "";
	position: absolute;
	top: 20px;
	left: -26px;
	width: 14px;
	height: 14px;
	background: var(--els-primary);
	border: 3px solid #ffffff;
	box-shadow: 0 0 0 2px var(--els-primary);
	border-radius: 999px;
}

.els-timeline__date{
	display: inline-block;
	margin: 0 0 10px;
	padding: 5px 10px;
	background: var(--els-primary-soft);
	color: var(--els-primary);
	font-size: 13px;
	font-weight: 900;
	line-height: 1.3;
}

.els-timeline__content p{
	margin: 0;
	color: var(--els-text, #1f2933);
	font-size: 14px;
	line-height: 1.7;
}

.els-timeline__content a{
	font-weight: 800;
	text-decoration: none;
}

.els-timeline__content a:hover,
.els-timeline__content a:focus{
	text-decoration: none;
}

@media (max-width: 640px) {
	.els-timeline{
		padding-left: 22px;
	}

	.els-timeline::before{
		left: 6px;
	}

	.els-timeline__item{
		padding: 14px;
	}

	.els-timeline__item::before{
		left: -22px;
		width: 12px;
		height: 12px;
	}

	.els-timeline__date{
		font-size: 12px;
	}
}

/* ==========================================================================
   Elkuator Scholar Pro Universal Components
   These rules are safe for all journals because they use --els-* tokens.
   Journal-specific effects should remain opt-in by journal stylesheet classes, for example .els_hero_custom.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Editorial Team
   -------------------------------------------------------------------------- */
.editorial-team{
	width: 100%;
	margin: 0;
	padding: 0;
}

.editorial-section{
	margin: 0 0 34px;
	padding: 0;
}

.editorial-section:last-child{
	margin-bottom: 0;
}

.editorial-section-title{
	position: relative;
	margin: 0 0 22px;
	padding: 14px 18px;
	background: var(--els-primary);
	border-left: 5px solid var(--els-accent);
	color: var(--els-surface);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.35;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.editorial-members-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	align-items: stretch;
}

.editorial-grid-featured{
	grid-template-columns: minmax(0, 1fr);
}

.editorial-member-card{
	display: grid;
	grid-template-columns: 110px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
	min-height: 160px;
	padding: 18px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-radius: var(--els-radius);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.editorial-member-card:hover{
	border-color: var(--els-primary-border);
	box-shadow: 0 10px 26px rgba(15, 40, 55, 0.09);
	transform: translateY(-2px);
}

.editorial-photo{
	display: block;
	width: 110px !important;
	height: 140px !important;
	object-fit: cover;
	object-position: center;
	background: #f4f8fa;
	border: 1px solid var(--els-border);
	border-radius: 5px;
	box-shadow: 0 4px 12px rgba(15, 40, 55, 0.08);
}

.editorial-member-info{
	min-width: 0;
}

.editorial-member-name{
	margin: 0 0 8px;
	color: var(--els-text);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.35;
}

.editorial-member-name strong{
	font-weight: 800;
}

.editorial-member-affiliation{
	margin: 0 0 14px;
	color: #5f6f7a;
	font-size: 14px;
	line-height: 1.55;
}

.editorial-member-links{
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	align-items: center;
}

.editorial-link-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 6px 10px;
	background: var(--els-surface);
	border: 1px solid currentColor;
	border-radius: 3px;
	color: var(--els-primary);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.editorial-link-btn:hover,
.editorial-link-btn:focus{
	color: var(--els-surface);
	text-decoration: none;
}

.editorial-scopus{
	color: #e9711c;
}

.editorial-scopus:hover,
.editorial-scopus:focus{
	background: #e9711c;
	border-color: #e9711c;
}

.editorial-scholar{
	color: #1a73e8;
}

.editorial-scholar:hover,
.editorial-scholar:focus{
	background: #1a73e8;
	border-color: #1a73e8;
}

.editorial-orcid{
	color: #8cc63f;
}

.editorial-orcid:hover,
.editorial-orcid:focus{
	background: #8cc63f;
	border-color: #8cc63f;
}

.editorial-sinta{
	color: #0f9d58;
}

.editorial-sinta:hover,
.editorial-sinta:focus{
	background: #0f9d58;
	border-color: #0f9d58;
}

@media (max-width: 980px) {
	.editorial-members-grid{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.editorial-section-title{
		padding: 12px 14px;
		font-size: 15px;
	}

	.editorial-member-card{
		grid-template-columns: 82px minmax(0, 1fr);
		gap: 14px;
		padding: 14px;
	}

	.editorial-photo{
		width: 82px !important;
		height: 104px !important;
	}

	.editorial-member-name{
		font-size: 15px;
	}

	.editorial-member-affiliation{
		font-size: 13px;
	}

	.editorial-link-btn{
		min-height: 28px;
		padding: 5px 8px;
		font-size: 11px;
	}
}

/* --------------------------------------------------------------------------
   2. Abstracting and Indexing custom block
   -------------------------------------------------------------------------- */
.els-indexing-block{
	padding: 14px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-radius: var(--els-radius);
	box-shadow: var(--els-shadow);
}

.els-indexing-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.els-indexing-item{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	padding: 10px;
	background: var(--els-primary-soft);
	border: 1px solid var(--els-border);
	border-radius: var(--els-radius);
	text-decoration: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background 0.18s ease;
}

.els-indexing-item:hover,
.els-indexing-item:focus{
	background: var(--els-surface);
	border-color: var(--els-primary);
	box-shadow: 0 6px 14px rgba(15, 40, 55, 0.08);
	transform: translateY(-2px);
	text-decoration: none;
}

.els-indexing-item img{
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 34px;
	height: auto;
	margin: 0;
	object-fit: contain;
}

.els-indexing-item span{
	display: none !important;
}

@media (max-width: 560px) {
	.els-indexing-block{
		padding: 12px;
	}

	.els-indexing-grid{
		gap: 8px;
	}

	.els-indexing-item{
		min-height: 66px;
		padding: 8px;
	}

	.els-indexing-item img{
		max-height: 30px;
	}
}

/* --------------------------------------------------------------------------
   3. Visitor Statistics custom block
   -------------------------------------------------------------------------- */
.png_visitor{
	text-align: center;
}

.flagcounter_link{
	display: block;
	line-height: 1;
	text-decoration: none;
}

.flagcounter_link img,
.png_visitor img{
	max-width: 100%;
	height: auto;
}

.png_statcounter{
	margin-top: 8px;
	text-align: center;
}

.statcounter_counter{
	display: inline-block;
	line-height: 1;
	text-decoration: none;
}

.statcounter_counter img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.statcounter_public_link{
	display: block;
	width: fit-content;
	margin: 8px auto 0;
	padding: 6px 12px;
	background: var(--els-primary-soft);
	border: 1px solid var(--els-border);
	border-radius: 4px;
	color: var(--els-primary);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.3;
	text-decoration: none;
}

.statcounter_public_link:hover,
.statcounter_public_link:focus{
	background: var(--els-primary);
	border-color: var(--els-primary);
	color: var(--els-surface);
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   5. Footer license
   -------------------------------------------------------------------------- */
.els-footer-old__license img{
	width: 100px;
	height: auto;
	padding: 4px;
	background: var(--els-surface);
	border-radius: 5px;
}

/* --------------------------------------------------------------------------
   6. Static page/table helpers
   -------------------------------------------------------------------------- */
/* Reusable content table */
table.table2{
	width: 100%;
	margin: 18px 0 24px;
	caption-side: bottom;
	border-collapse: collapse;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	font-size: 14px;
	line-height: 1.6;
}

.table2 th,
.table2 td{
	padding: 12px 14px !important;
	border: 1px solid var(--els-border);
	vertical-align: top;
}

.table2 th{
	background: var(--els-primary);
	color: var(--els-surface);
	font-weight: 800;
	text-align: left;
}

.table2 tbody tr:nth-child(even){
	background: var(--els-primary-soft);
}

.table2 td:first-child{
	width: 32%;
	color: var(--els-text);
	font-weight: 800;
}

.table2 p{
	margin: 0 0 8px;
}

.table2 p:last-child,
.table2 ul:last-child,
.table2 ol:last-child{
	margin-bottom: 0;
}

.table2 ul,
.table2 ol{
	margin: 0;
	padding-left: 20px;
}

.table2 li{
	margin: 0 0 4px;
	padding: 0;
}
.table2-note{
	margin: 18px 0 0;
	padding: 14px 16px;
	background: #f8fcfd;
	border-left: 4px solid var(--els-primary);
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}
.table2-quote{
	margin: 12px 0 0;
	padding: 12px 14px;
	background: #f8fcfd;
	border-left: 4px solid var(--els-primary);
	color: #34444c;
	font-size: 14px;
	font-style: italic;
	line-height: 1.6;
}
@media (max-width: 640px) {
	table.table2,
.table2 tbody,
.table2 tr,
.table2 td,
.table2 th{
		display: block;
		width: 100% !important;
	}

	.table2 thead{
		display: none;
	}

	.table2 tr{
		margin-bottom: 12px;
		border: 1px solid var(--els-border);
		background: none !important;
	}

	.table2 td,
.table2 th{
		border: 0;
		border-bottom: 1px solid var(--els-border);
	}

	.table2 td:last-child,
.table2 th:last-child{
		border-bottom: 0;
	}

	.table2 td:first-child{
		background: var(--els-primary-soft);
	}
}

/* --------------------------------------------------------------------------
   7. Shariff Share Plugin - Article Detail Styling
   -------------------------------------------------------------------------- */
.pkp_page_article.pkp_op_view .item.shariffblock{
	margin-top: 34px;
	padding: 28px;
	background: var(--els-primary-soft);
	border: 1px solid #dce8ec;
	box-shadow: var(--els-shadow-md);
}

.pkp_page_article.pkp_op_view .item.shariffblock h2,
.pkp_page_article.pkp_op_view .item.shariffblock .label{
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 12px;
	color: var(--els-text);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.3;
}

.pkp_page_article.pkp_op_view .item.shariffblock h2::after,
.pkp_page_article.pkp_op_view .item.shariffblock .label::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 46px;
	height: 3px;
	background: var(--els-accent);
	border-radius: 999px;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff{
	margin: 0;
	padding: 0;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff ul{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff li{
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff a{
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 40px;
	padding: 9px 14px !important;
	background: var(--els-primary) !important;
	border: 1px solid transparent !important;
	border-radius: 0 !important;
	color: var(--els-surface) !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff a:hover,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff a:focus{
	background: var(--els-accent) !important;
	color: var(--els-surface) !important;
	transform: translateY(-1px);
	text-decoration: none !important;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff .fa,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff .fab,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff .fas,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff .share_text{
	color: inherit !important;
}

.pkp_page_article.pkp_op_view .item.shariffblock .shariff .orientation-horizontal li,
.pkp_page_article.pkp_op_view .item.shariffblock .shariff .orientation-vertical li{
	display: inline-flex !important;
	float: none !important;
	clear: none !important;
}

@media (max-width: 640px) {
	.pkp_page_article.pkp_op_view .item.shariffblock{
		padding: 22px 18px;
	}

	.pkp_page_article.pkp_op_view .item.shariffblock .shariff ul{
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.pkp_page_article.pkp_op_view .item.shariffblock .shariff a{
		width: 100%;
		padding: 10px 12px !important;
	}
}

/* --------------------------------------------------------------------------
   8. Collaboration logo image only
   -------------------------------------------------------------------------- */
.png-assosiate{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
	padding: 14px 12px;
	background: var(--els-surface);
	border: 1px solid #dce8ec;
	box-shadow: var(--els-shadow-md);
}

.png-assosiate a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-decoration: none;
}

.png-assosiate img{
	display: block;
	width: auto;
	max-width: 100px !important;
	max-height: 150px;
	height: auto;
	object-fit: contain;
	transition: transform 0.18s ease, filter 0.18s ease;
}

.png-assosiate a:hover img,
.png-assosiate a:focus img{
	transform: translateY(-2px);
	filter: drop-shadow(0 8px 14px rgba(15, 41, 51, 0.14));
}

/* --------------------------------------------------------------------------
   9. Citation Analytics
   -------------------------------------------------------------------------- */
.els_sidebar .custom_block .els-citation-bars,
.els_sidebar .pkp_block .els-citation-bars{
	padding: 0;
}

.els-citation-bars__loading{
	padding: 14px 0;
	color: #6b7c86;
	font-size: 13px;
	line-height: 1.45;
}

.els-citation-bars__content{
	display: block;
}

.els-citation-bars__item{
	margin-bottom: 16px;
}

.els-citation-bars__label{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 8px;
}

.els-citation-bars__label span{
	color: var(--els-muted);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.25;
	text-transform: uppercase;
	letter-spacing: 0.025em;
}

.els-citation-bars__label strong{
	color: var(--els-primary);
	font-size: 24px;
	font-weight: 900;
	line-height: 1;
	text-align: right;
}

.els-citation-bars__bar{
	position: relative;
	width: 100%;
	height: 9px;
	overflow: hidden;
	background: var(--els-border-soft);
	border-radius: 999px;
}

.els-citation-bars__bar span{
	display: block;
	width: 0;
	height: 100%;
	background: var(--els-primary);
	border-radius: 999px;
	transition: width 0.35s ease;
}

/* Manual and automatic source metrics use one unified visual system */
.els-citation-manual,
.els-citation-sources{
	margin: 18px 0;
	background: #f8fcfd;
	border: 1px solid #dce8ec;
}

.els-citation-manual{
	display: block;
}

.els-citation-manual__item,
.els-citation-source{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 12px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid #dce8ec;
}

.els-citation-manual__item:last-child,
.els-citation-source:last-child{
	border-bottom: 0;
}

.els-citation-manual__item{
	border-left: 3px solid var(--els-primary);
}

.els-citation-manual__item span,
.els-citation-source span{
	color: #34444c;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.3;
}

.els-citation-manual__item strong,
.els-citation-source strong{
	min-width: 28px;
	color: var(--els-primary);
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
	text-align: right;
}

.els-citation-bars__notice{
	margin: 0 0 16px;
	padding: 13px 14px;
	background: #fff8ef;
	border-left: 4px solid var(--els-accent);
	color: #44545d;
	font-size: 13px;
	line-height: 1.5;
}

.els-citation-bars__meta{
	padding-top: 14px;
	border-top: 1px solid #e4eef1;
}

.els-citation-bars__meta div{
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 7px;
	color: #6b7c86;
	font-size: 12px;
	line-height: 1.4;
}

.els-citation-bars__meta div:last-child{
	margin-bottom: 0;
}

.els-citation-bars__meta span{
	font-weight: 700;
}

.els-citation-bars__meta strong{
	color: var(--els-text);
	font-weight: 800;
	text-align: right;
}

@media (max-width: 560px) {
	.els-citation-bars__label strong{
		font-size: 22px;
	}

	.els-citation-manual__item,
.els-citation-source{
		padding: 9px 10px;
	}

	.els-citation-manual__item span,
.els-citation-source span{
		font-size: 12px;
	}
}
/* Policy figure / workflow diagram */
.els-policy-figure{
	margin: 24px 0 0;
	padding: 18px;
	background: #f8fcfd;
	border: 1px solid var(--els-border);
	text-align: center;
}

.els-policy-figure p{
	margin: 0 0 14px;
	color: #34444c;
	font-size: 14px;
	line-height: 1.6;
}

.els-policy-figure p:last-child{
	margin: 14px 0 0;
	font-size: 13px;
}

.els-policy-figure img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.06);
}
/* =========================================================
   Abstracting and Indexing Page List
   ========================================================= */

.els-indexing-list{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	margin: 22px 0;
}

.els-indexing-list__item{
	display: block;
	padding: 16px 18px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	text-decoration: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.els-indexing-list__item:hover,
.els-indexing-list__item:focus{
	border-color: var(--els-primary);
	box-shadow: 0 10px 24px rgba(15, 40, 55, 0.08);
	transform: translateY(-2px);
	text-decoration: none;
}

.els-indexing-list__item strong{
	display: block;
	margin-bottom: 7px;
	color: var(--els-primary);
	font-size: 15px;
	font-weight: 900;
	line-height: 1.35;
}

.els-indexing-list__item span{
	display: block;
	color: #44545d;
	font-size: 14px;
	line-height: 1.6;
}

@media (max-width: 720px) {
	.els-indexing-list{
		grid-template-columns: 1fr;
	}
}
/* Simple policy card */
.els-policy-card{
	margin: 18px 0;
	padding: 18px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.65;
}

.els-policy-card p{
	margin: 0 0 10px;
}

.els-policy-card p:last-child{
	margin-bottom: 0;
}

.els-policy-card ul,
.els-policy-card ol{
	margin: 10px 0;
	padding-left: 22px;
}

.els-policy-card li{
	margin: 0 0 5px;
}
/* Open access policy logo */
.els-open-access-logo{
	margin: 0 0 16px;
	text-align: left;
}

.els-open-access-logo img{
	display: inline-block;
	max-width: 150px;
	height: auto;
	padding: 6px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	box-shadow: 0 4px 12px rgba(15, 40, 55, 0.05);
}
/* Journal template preview */
.els-template-preview{
	position: relative;
	width: 100%;
	margin: 16px 0;
	background: #f8fcfd;
	border: 1px solid var(--els-border);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	overflow: hidden;
}

.els-template-preview iframe{
	display: block;
	width: 100%;
	height: 520px;
	border: 0;
	background: var(--els-surface);
}

@media (max-width: 640px) {
	.els-template-preview iframe{
		height: 420px;
	}
}
/* Call for editors / reviewers box */
.els-call-box{
	margin: 18px 0;
	padding: 16px 18px;
	background: #f8fcfd;
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-primary);
}

.els-call-box h3{
	margin: 0 0 12px;
	color: var(--els-primary);
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
}

.els-call-box p{
	margin: 0;
}

.els-signature-box{
	margin-top: 22px;
	padding-top: 16px;
	border-top: 1px solid var(--els-border);
}

.els-signature-box p{
	margin: 0;
	line-height: 1.7;
}
/* =========================================================
   Submissions Page - Revised Layout
   ========================================================= */

.page_submissions{
	width: 100%;
	max-width: none;
	margin: 0;
	color: var(--els-text);
}

.page_submissions .cmp_breadcrumbs{
	display: none;
}

.page_submissions > h1{
	position: relative;
	margin: 0 0 22px;
	padding-bottom: 12px;
	color: var(--els-dark, var(--els-text));
	font-size: 32px;
	font-weight: 900;
	line-height: 1.25;
}

.page_submissions > h1::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 3px;
	background: var(--els-primary);
}

.page_submissions .cmp_notification{
	margin: 0 0 24px;
	padding: 16px 20px;
	background: #f8fcfd;
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-primary);
	color: #34444c;
	font-size: 14px;
	line-height: 1.6;
}

.page_submissions .cmp_notification a{
	color: var(--els-primary);
	font-weight: 900;
	text-decoration: none;
}

.page_submissions .cmp_notification a:hover,
.page_submissions .cmp_notification a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

.page_submissions .author_guidelines,
.page_submissions .submission_checklist,
.page_submissions .section_policy,
.page_submissions .privacy_statement{
	margin: 0 0 24px;
	padding: 24px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
}

.page_submissions .author_guidelines h2,
.page_submissions .submission_checklist h2,
.page_submissions .section_policy h2,
.page_submissions .privacy_statement h2{
	position: relative;
	margin: 0 0 18px;
	padding-bottom: 10px;
	color: var(--els-dark, var(--els-text));
	font-size: 24px;
	font-weight: 900;
	line-height: 1.3;
}

.page_submissions .author_guidelines h2::after,
.page_submissions .submission_checklist h2::after,
.page_submissions .section_policy h2::after,
.page_submissions .privacy_statement h2::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 52px;
	height: 2px;
	background: var(--els-primary);
}

.page_submissions p{
	margin: 0 0 13px;
	color: #34444c;
	font-size: 15px;
	line-height: 1.75;
	text-align: left;
}

.page_submissions p:last-child{
	margin-bottom: 0;
}

.page_submissions ul,
.page_submissions ol{
	margin: 12px 0 0;
	padding-left: 24px;
	color: #34444c;
	font-size: 15px;
	line-height: 1.7;
}

.page_submissions li{
	margin: 0 0 8px;
	padding-left: 2px;
}

.page_submissions li:last-child{
	margin-bottom: 0;
}

.page_submissions a{
	color: var(--els-primary);
	font-weight: 800;
}

.page_submissions a:hover,
.page_submissions a:focus{
	color: var(--els-accent);
}

.page_submissions .cmp_edit_link{
	display: inline-flex;
	align-items: center;
	margin-left: 8px;
	padding: 4px 8px;
	background: var(--els-primary-soft);
	color: var(--els-primary) !important;
	font-size: 12px;
	font-weight: 900;
	line-height: 1.2;
	text-decoration: none !important;
	vertical-align: middle;
}

.page_submissions .cmp_edit_link:hover,
.page_submissions .cmp_edit_link:focus{
	background: var(--els-primary);
	color: var(--els-surface) !important;
}

.page_submissions .section_policy{
	border-left: 4px solid var(--els-accent);
}

.page_submissions .section_policy p a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	margin-top: 8px;
	padding: 10px 15px;
	background: var(--els-primary);
	color: var(--els-surface) !important;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
	text-decoration: none !important;
}

.page_submissions .section_policy p a:hover,
.page_submissions .section_policy p a:focus{
	background: var(--els-accent);
	color: var(--els-surface) !important;
}

.page_submissions .privacy_statement{
	margin-bottom: 0;
}

@media (max-width: 720px) {
	.page_submissions > h1{
		font-size: 28px;
	}

	.page_submissions .author_guidelines,
.page_submissions .submission_checklist,
.page_submissions .section_policy,
.page_submissions .privacy_statement{
		padding: 18px;
	}

	.page_submissions .author_guidelines h2,
.page_submissions .submission_checklist h2,
.page_submissions .section_policy h2,
.page_submissions .privacy_statement h2{
		font-size: 21px;
	}

	.page_submissions p,
.page_submissions ul,
.page_submissions ol{
		font-size: 14px;
	}
}
/* --------------------------------------------------------------------------
   10. Global conflict guards for OJS content blocks
   -------------------------------------------------------------------------- */

/* Keep Font Awesome 4 icons stable when other plugins override .fa/.fas. */
.els_page .fa,
.els_page .fa::before,
.els_header .fa,
.els_header .fa::before,
.els_sidebar .fa,
.els_sidebar .fa::before,
.els_article_summary .fa,
.els_article_summary .fa::before,
.pkp_page_article.pkp_op_view .fa,
.pkp_page_article.pkp_op_view .fa::before{
	font-family: FontAwesome !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Do not let plugin share styles or static page content leak into theme layout. */
.els_page img{
	max-width: 100%;
	height: auto;
}

.els_page iframe,
.els_page object,
.els_page embed{
	max-width: 100%;
}

.els_page .pkp_page_index,
.els_page .pkp_page_about,
.els_page .pkp_page_article,
.els_page .pkp_page_issue{
	box-sizing: border-box;
}

.els_page *,
.els_page *::before,
.els_page *::after{
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   11. Copyright and License / CC BY Policy Block
   -------------------------------------------------------------------------- */

.els-policy-license{
	margin: 18px 0 24px;
	padding: 22px 24px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-primary);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.75;
}

.els-policy-license__image{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 16px;
	padding: 0;
	text-align: left;
}

.els-policy-license__image a{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 9px;
	background: #f8fcfd;
	border: 1px solid var(--els-border);
	text-decoration: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.els-policy-license__image a:hover,
.els-policy-license__image a:focus{
	border-color: var(--els-primary);
	box-shadow: 0 6px 14px rgba(15, 40, 55, 0.08);
	transform: translateY(-1px);
	text-decoration: none;
}

.els-policy-license__image img{
	display: block;
	width: 130px;
	max-width: 100%;
	height: auto;
	margin: 0;
	object-fit: contain;
}

.els-policy-license p{
	margin: 0 0 14px;
	color: #34444c;
	font-size: 15px;
	line-height: 1.75;
	text-align: justify;
}

.els-policy-license p:last-child{
	margin-bottom: 0;
}

.els-policy-license a{
	color: var(--els-primary);
	font-weight: 800;
	text-decoration: none;
}

.els-policy-license a:hover,
.els-policy-license a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

.els-policy-license strong{
	color: var(--els-text);
	font-weight: 900;
}

/* Works inside OJS static pages and article policy sections without breaking other blocks. */
.els_policy_content .els-policy-license,
.page_about .els-policy-license,
.pkp_page_about .els-policy-license,
.pkp_page_article .els-policy-license{
	max-width: 100%;
}

@media (max-width: 640px) {
	.els-policy-license{
		padding: 18px;
		font-size: 14px;
		line-height: 1.7;
	}

	.els-policy-license p{
		font-size: 14px;
		line-height: 1.7;
		text-align: left;
	}

	.els-policy-license__image{
		justify-content: flex-start;
	}

	.els-policy-license__image img{
		width: 120px;
	}
}

/* --------------------------------------------------------------------------
   12. Extra responsive guard for long policy/static-page content
   -------------------------------------------------------------------------- */

.els-policy-card,
.els-policy-license,
.els-policy-figure,
.els-template-preview,
.els-call-box,
.table2-note,
.table2-quote{
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.els-policy-card a,
.els-policy-license a,
.els-policy-figure a,
.els-timeline__content a,
.page_submissions a{
	overflow-wrap: anywhere;
}

@media (max-width: 560px) {
	.els-policy-card,
.els-policy-figure,
.els-call-box,
.table2-note,
.table2-quote{
		padding: 14px;
	}
}
/* =========================================================
   Open Access Policy Page
   ========================================================= */

.els-open-access-policy{
	border-left: 4px solid var(--els-primary);
}

.els-open-access-policy .els-open-access-logo{
	margin: 0 0 18px;
}

.els-open-access-policy .els-open-access-logo img{
	display: block;
	width: 150px;
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 7px 9px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	box-shadow: 0 4px 12px rgba(15, 40, 55, 0.05);
	object-fit: contain;
}

.els-open-access-policy p{
	margin: 0 0 14px;
	color: #34444c;
	font-size: 15px;
	line-height: 1.75;
	text-align: justify;
}

.els-open-access-policy p:last-child{
	margin-bottom: 0;
}

.els-open-access-policy a{
	color: var(--els-primary);
	font-weight: 800;
	text-decoration: none;
}

.els-open-access-policy a:hover,
.els-open-access-policy a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

@media (max-width: 640px) {
	.els-open-access-policy p{
		font-size: 14px;
		line-height: 1.7;
		text-align: left;
	}

	.els-open-access-policy .els-open-access-logo img{
		width: 140px;
	}
}
/* ==========================================================================
   Gateway Pages: LOCKSS / CLOCKSS
   Compatible with OJS 3.4
   ========================================================================== */

.pkp_page_gateway.pkp_op_lockss .els_content,
.pkp_page_gateway.pkp_op_clockss .els_content,
.pkp_page_gateway.pkp_op_lockss .pkp_structure_content.els_content,
.pkp_page_gateway.pkp_op_clockss .pkp_structure_content.els_content{
	display: block !important;
	width: min(1280px, calc(100% - 96px)) !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 28px 0 36px !important;
}

.pkp_page_gateway.pkp_op_lockss .pkp_structure_main,
.pkp_page_gateway.pkp_op_clockss .pkp_structure_main{
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.pkp_page_gateway .page.lockss,
.pkp_page_gateway .page.clockss{
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 34px 38px 42px;
	background: var(--els-surface, #ffffff);
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.72;
}

/* Hilangkan separator bawaan OJS yang terlalu polos */
.pkp_page_gateway .page.lockss .separator,
.pkp_page_gateway .page.clockss .separator{
	display: block;
	width: 100%;
	height: 1px;
	margin: 30px 0;
	background: var(--els-border);
	border: 0;
}

/* Previous / Next navigation */
.pkp_page_gateway .page.lockss > p:first-child,
.pkp_page_gateway .page.clockss > p:first-child{
	margin: 0 0 24px;
	color: var(--els-muted);
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
}

.pkp_page_gateway .page.lockss > p:first-child a,
.pkp_page_gateway .page.clockss > p:first-child a,
.pkp_page_gateway .page.lockss .heading,
.pkp_page_gateway .page.clockss .heading{
	color: var(--els-primary, #1596a8);
	font-weight: 800;
	text-decoration: none;
}

.pkp_page_gateway .page.lockss > p:first-child a:hover,
.pkp_page_gateway .page.lockss > p:first-child a:focus,
.pkp_page_gateway .page.clockss > p:first-child a:hover,
.pkp_page_gateway .page.clockss > p:first-child a:focus{
	color: var(--els-accent, var(--els-accent));
	text-decoration: none;
}

/* Main headings */
.pkp_page_gateway .page.lockss h1,
.pkp_page_gateway .page.clockss h1,
.pkp_page_gateway .page.lockss h2,
.pkp_page_gateway .page.clockss h2,
.pkp_page_gateway .page.lockss h3,
.pkp_page_gateway .page.clockss h3{
	margin: 0 0 16px;
	color: var(--els-heading);
	font-weight: 900;
	line-height: 1.3;
}

.pkp_page_gateway .page.lockss h1,
.pkp_page_gateway .page.clockss h1{
	position: relative;
	margin-bottom: 26px;
	padding-bottom: 14px;
	color: var(--els-primary, #1596a8);
	font-size: 30px;
}

.pkp_page_gateway .page.lockss h1::after,
.pkp_page_gateway .page.clockss h1::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 58px;
	height: 3px;
	background: var(--els-accent, var(--els-accent));
	border-radius: 999px;
}

.pkp_page_gateway .page.lockss h2,
.pkp_page_gateway .page.clockss h2,
.pkp_page_gateway .page.lockss h3,
.pkp_page_gateway .page.clockss h3{
	margin-top: 28px;
	color: var(--els-heading);
	font-size: 19px;
}

/* Paragraphs */
.pkp_page_gateway .page.lockss p,
.pkp_page_gateway .page.clockss p{
	max-width: 920px;
	margin: 0 0 16px;
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.78;
}

/* Lists */
.pkp_page_gateway .page.lockss ul,
.pkp_page_gateway .page.clockss ul,
.pkp_page_gateway .page.lockss ol,
.pkp_page_gateway .page.clockss ol{
	max-width: 920px;
	margin: 0 0 24px 0;
	padding-left: 24px;
	color: var(--els-text);
}

.pkp_page_gateway .page.lockss li,
.pkp_page_gateway .page.clockss li{
	margin: 0 0 8px;
	padding-left: 2px;
	line-height: 1.65;
}

.pkp_page_gateway .page.lockss li::marker,
.pkp_page_gateway .page.clockss li::marker{
	color: var(--els-accent, var(--els-accent));
}

/* Links */
.pkp_page_gateway .page.lockss a,
.pkp_page_gateway .page.clockss a{
	color: var(--els-primary, #1596a8);
	font-weight: 700;
	text-decoration: none;
}

.pkp_page_gateway .page.lockss a:hover,
.pkp_page_gateway .page.lockss a:focus,
.pkp_page_gateway .page.clockss a:hover,
.pkp_page_gateway .page.clockss a:focus{
	color: var(--els-accent, var(--els-accent));
	text-decoration: none;
}

/* Metadata table */
.pkp_page_gateway .page.lockss table,
.pkp_page_gateway .page.clockss table{
	width: min(920px, 100%);
	margin: 18px 0 28px;
	background: #ffffff;
	border: 1px solid var(--els-border);
	border-collapse: collapse;
	box-shadow: 0 3px 14px rgba(0, 0, 0, .035);
}

.pkp_page_gateway .page.lockss table th,
.pkp_page_gateway .page.clockss table th,
.pkp_page_gateway .page.lockss table td,
.pkp_page_gateway .page.clockss table td{
	padding: 11px 14px;
	border-bottom: 1px solid var(--els-border-soft, #e5edf1);
	color: var(--els-text);
	font-size: 14px;
	line-height: 1.55;
	text-align: left;
	vertical-align: top;
}

.pkp_page_gateway .page.lockss table tr:last-child th,
.pkp_page_gateway .page.clockss table tr:last-child th,
.pkp_page_gateway .page.lockss table tr:last-child td,
.pkp_page_gateway .page.clockss table tr:last-child td{
	border-bottom: 0;
}

.pkp_page_gateway .page.lockss table th,
.pkp_page_gateway .page.clockss table th,
.pkp_page_gateway .page.lockss table td:first-child,
.pkp_page_gateway .page.clockss table td:first-child{
	width: 190px;
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-heading);
	font-weight: 800;
}

/* Logo/images on LOCKSS/CLOCKSS pages */
.pkp_page_gateway .page.lockss img,
.pkp_page_gateway .page.clockss img{
	display: block;
	max-width: 170px;
	height: auto;
	margin: 14px 0 20px;
	padding: 10px;
	background: #ffffff;
	border: 1px solid var(--els-border);
	box-shadow: 0 4px 12px rgba(0, 0, 0, .06);
}

/* Rights/logo block spacing */
.pkp_page_gateway .page.lockss p + img,
.pkp_page_gateway .page.clockss p + img,
.pkp_page_gateway .page.lockss img + p,
.pkp_page_gateway .page.clockss img + p{
	margin-top: 12px;
}

/* Make page sections feel grouped */
.pkp_page_gateway .page.lockss > h3,
.pkp_page_gateway .page.clockss > h3{
	position: relative;
	margin-top: 34px;
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--els-border);
	color: var(--els-heading);
	font-size: 20px;
}

.pkp_page_gateway .page.lockss > h3::after,
.pkp_page_gateway .page.clockss > h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 48px;
	height: 2px;
	background: var(--els-accent, var(--els-accent));
}

/* Top disabled navigation generated by OJS */
.pkp_page_gateway .page.lockss .disabled,
.pkp_page_gateway .page.clockss .disabled{
	color: var(--els-muted);
	font-weight: 700;
	opacity: .85;
}

/* Responsive */
@media (max-width: 900px) {
	.pkp_page_gateway.pkp_op_lockss .els_content,
.pkp_page_gateway.pkp_op_clockss .els_content,
.pkp_page_gateway.pkp_op_lockss .pkp_structure_content.els_content,
.pkp_page_gateway.pkp_op_clockss .pkp_structure_content.els_content{
		width: min(100% - 36px, 100%) !important;
		padding: 24px 0 32px !important;
	}

	.pkp_page_gateway .page.lockss,
.pkp_page_gateway .page.clockss{
		padding: 24px 22px 30px;
	}

	.pkp_page_gateway .page.lockss h1,
.pkp_page_gateway .page.clockss h1{
		font-size: 25px;
	}

	.pkp_page_gateway .page.lockss table,
.pkp_page_gateway .page.clockss table{
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

@media (max-width: 560px) {
	.pkp_page_gateway.pkp_op_lockss .els_content,
.pkp_page_gateway.pkp_op_clockss .els_content,
.pkp_page_gateway.pkp_op_lockss .pkp_structure_content.els_content,
.pkp_page_gateway.pkp_op_clockss .pkp_structure_content.els_content{
		width: min(100% - 28px, 100%) !important;
	}

	.pkp_page_gateway .page.lockss,
.pkp_page_gateway .page.clockss{
		padding: 20px 16px 26px;
	}

	.pkp_page_gateway .page.lockss h1,
.pkp_page_gateway .page.clockss h1{
		font-size: 23px;
	}

	.pkp_page_gateway .page.lockss h2,
.pkp_page_gateway .page.clockss h2,
.pkp_page_gateway .page.lockss h3,
.pkp_page_gateway .page.clockss h3{
		font-size: 18px;
	}

	.pkp_page_gateway .page.lockss table th,
.pkp_page_gateway .page.clockss table th,
.pkp_page_gateway .page.lockss table td,
.pkp_page_gateway .page.clockss table td{
		padding: 10px 12px;
		font-size: 13px;
	}

	.pkp_page_gateway .page.lockss img,
.pkp_page_gateway .page.clockss img{
		max-width: 140px;
	}
}
/* ==========================================================================
   About Contact Page
   Compatible with OJS 3.4
   ========================================================================== */

.pkp_page_about.pkp_op_contact .els_content,
.pkp_page_about.pkp_op_contact .pkp_structure_content.els_content{
	display: block !important;
	width: min(1280px, calc(100% - 96px)) !important;
	max-width: 1280px !important;
	margin: 0 auto !important;
	padding: 28px 0 36px !important;
}

.pkp_page_about.pkp_op_contact .pkp_structure_main{
	width: 100% !important;
	max-width: none !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.pkp_page_about.pkp_op_contact .page.page_contact{
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 34px 38px 42px;
	background: var(--els-surface, #ffffff);
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.72;
}

/* Page title */
.pkp_page_about.pkp_op_contact .page_contact h1{
	position: relative;
	margin: 0 0 28px;
	padding-bottom: 14px;
	color: var(--els-primary, #1596a8);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.25;
}

.pkp_page_about.pkp_op_contact .page_contact h1::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 58px;
	height: 3px;
	background: var(--els-accent, var(--els-accent));
	border-radius: 999px;
}

/* Section headings */
.pkp_page_about.pkp_op_contact .page_contact h2,
.pkp_page_about.pkp_op_contact .page_contact h3{
	position: relative;
	margin: 30px 0 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--els-border);
	color: var(--els-heading);
	font-size: 22px;
	font-weight: 900;
	line-height: 1.3;
}

.pkp_page_about.pkp_op_contact .page_contact h2::after,
.pkp_page_about.pkp_op_contact .page_contact h3::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 46px;
	height: 2px;
	background: var(--els-accent, var(--els-accent));
}

/* Text */
.pkp_page_about.pkp_op_contact .page_contact p,
.pkp_page_about.pkp_op_contact .page_contact div{
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.78;
}

.pkp_page_about.pkp_op_contact .page_contact p{
	max-width: 920px;
	margin: 0 0 12px;
}

/* Links */
.pkp_page_about.pkp_op_contact .page_contact a{
	color: var(--els-primary, #1596a8);
	font-weight: 700;
	text-decoration: none;
}

.pkp_page_about.pkp_op_contact .page_contact a:hover,
.pkp_page_about.pkp_op_contact .page_contact a:focus{
	color: var(--els-accent, var(--els-accent));
	text-decoration: none;
}

/* Edit link shown for admins */
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]{
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin: 0 0 14px;
	padding: 7px 12px;
	background: var(--els-primary-soft, #f3f8fa);
	border: 1px solid var(--els-primary-border, var(--els-border));
	border-radius: 3px;
	color: var(--els-primary, #1596a8);
	font-size: 13px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none;
}

.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:hover,
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:focus,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:hover,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:focus{
	background: var(--els-primary, #1596a8);
	border-color: var(--els-primary, #1596a8);
	color: #ffffff;
	text-decoration: none;
}

/* Main contact block */
.pkp_page_about.pkp_op_contact .page_contact .contact_section{
	max-width: 920px;
	margin: 0 0 28px;
	padding: 20px 22px;
	background: #ffffff;
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-accent, var(--els-accent));
	box-shadow: 0 3px 14px rgba(0, 0, 0, .035);
}

/* Some OJS installs output contact sections without clear wrapper.
   These rules improve spacing for the default plain markup. */
.pkp_page_about.pkp_op_contact .page_contact h1 + .cmp_edit_link + .contact_section,
.pkp_page_about.pkp_op_contact .page_contact h1 + a + .contact_section{
	margin-top: 4px;
}

.pkp_page_about.pkp_op_contact .page_contact h2 + p,
.pkp_page_about.pkp_op_contact .page_contact h3 + p{
	margin-top: 0;
}

/* Contact names / email blocks */
.pkp_page_about.pkp_op_contact .page_contact strong,
.pkp_page_about.pkp_op_contact .page_contact b{
	color: var(--els-heading);
	font-weight: 900;
}

.pkp_page_about.pkp_op_contact .page_contact br{
	line-height: 1.9;
}

/* Make email links look intentional */
.pkp_page_about.pkp_op_contact .page_contact a[href^="mailto:"]{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 2px;
	color: var(--els-primary, #1596a8);
	font-weight: 800;
}

.pkp_page_about.pkp_op_contact .page_contact a[href^="mailto:"]::before{
	content: "";
	font-family: FontAwesome;
	font-size: 12px;
	font-weight: normal;
	color: var(--els-accent, var(--els-accent));
}

/* Address links */
.pkp_page_about.pkp_op_contact .page_contact a[href*="maps"],
.pkp_page_about.pkp_op_contact .page_contact a[href*="google.com/maps"]{
	font-weight: 700;
}

/* Optional: turn the principal/support contact area into soft cards
   without changing OJS template. */
.pkp_page_about.pkp_op_contact .page_contact h2,
.pkp_page_about.pkp_op_contact .page_contact h3{
	max-width: 920px;
}

.pkp_page_about.pkp_op_contact .page_contact h2 + p,
.pkp_page_about.pkp_op_contact .page_contact h3 + p,
.pkp_page_about.pkp_op_contact .page_contact h2 + div,
.pkp_page_about.pkp_op_contact .page_contact h3 + div{
	max-width: 920px;
}

/* If OJS uses item/contact classes */
.pkp_page_about.pkp_op_contact .page_contact .item,
.pkp_page_about.pkp_op_contact .page_contact .contact{
	max-width: 920px;
	margin: 0 0 18px;
	padding: 18px 20px;
	background: #ffffff;
	border: 1px solid var(--els-border);
	box-shadow: 0 3px 14px rgba(0, 0, 0, .03);
}

.pkp_page_about.pkp_op_contact .page_contact .label{
	display: block;
	margin: 0 0 6px;
	color: var(--els-heading);
	font-size: 13px;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pkp_page_about.pkp_op_contact .page_contact .value{
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.72;
}

/* Responsive */
@media (max-width: 900px) {
	.pkp_page_about.pkp_op_contact .els_content,
.pkp_page_about.pkp_op_contact .pkp_structure_content.els_content{
		width: min(100% - 36px, 100%) !important;
		padding: 24px 0 32px !important;
	}

	.pkp_page_about.pkp_op_contact .page.page_contact{
		padding: 24px 22px 30px;
	}

	.pkp_page_about.pkp_op_contact .page_contact h1{
		font-size: 26px;
	}

	.pkp_page_about.pkp_op_contact .page_contact h2,
.pkp_page_about.pkp_op_contact .page_contact h3{
		font-size: 20px;
	}
}

@media (max-width: 560px) {
	.pkp_page_about.pkp_op_contact .els_content,
.pkp_page_about.pkp_op_contact .pkp_structure_content.els_content{
		width: min(100% - 28px, 100%) !important;
	}

	.pkp_page_about.pkp_op_contact .page.page_contact{
		padding: 20px 16px 26px;
	}

	.pkp_page_about.pkp_op_contact .page_contact h1{
		font-size: 24px;
	}

	.pkp_page_about.pkp_op_contact .page_contact h2,
.pkp_page_about.pkp_op_contact .page_contact h3{
		font-size: 18px;
	}

	.pkp_page_about.pkp_op_contact .page_contact .contact_section,
.pkp_page_about.pkp_op_contact .page_contact .item,
.pkp_page_about.pkp_op_contact .page_contact .contact{
		padding: 16px;
	}
}
/* =========================================================
   Elkuator Scholar Pro Hero Animation - Production V2
   This override keeps existing layout/colors and only makes
   the default .els_hero motion more visible and reliable.
   ========================================================= */

.els_hero{
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.els_hero::before,
.els_hero::after{
	content: "";
	position: absolute;
	z-index: 0;
	pointer-events: none;
	border-radius: 999px;
	will-change: transform, opacity;
}

.els_hero::before{
	width: 420px;
	height: 420px;
	left: -150px;
	top: -170px;
	background: radial-gradient(circle, rgba(255,255,255,.26) 0, rgba(255,255,255,.12) 42%, transparent 70%);
	animation: elsHeroGlowMoveV2 9s ease-in-out infinite alternate !important;
}

.els_hero::after{
	width: 520px;
	height: 520px;
	right: -190px;
	bottom: -260px;
	background: radial-gradient(circle, rgba(255,255,255,.22) 0, rgba(255,255,255,.10) 45%, transparent 72%);
	animation: elsHeroGlowMoveV2b 11s ease-in-out infinite alternate !important;
}

.els_pattern{
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
	will-change: transform, background-position;
	background-image:
		radial-gradient(circle at 10% 26%, rgba(255,255,255,.30) 0 4px, transparent 5px),
		radial-gradient(circle at 22% 70%, rgba(255,255,255,.20) 0 7px, transparent 8px),
		radial-gradient(circle at 50% 22%, rgba(255,255,255,.18) 0 5px, transparent 6px),
		radial-gradient(circle at 78% 34%, rgba(255,255,255,.24) 0 6px, transparent 7px),
		radial-gradient(circle at 90% 72%, rgba(255,255,255,.16) 0 8px, transparent 9px),
		linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.10) 42.2%, transparent 43%),
		linear-gradient(18deg, transparent 0 60%, rgba(255,255,255,.08) 60.2%, transparent 61%);
	background-size: 120% 120%, 130% 130%, 110% 110%, 125% 125%, 115% 115%, 160% 160%, 150% 150%;
	animation: elsHeroPatternFloatV2 10s ease-in-out infinite alternate !important;
}

.els_pattern::before,
.els_pattern::after{
	content: "";
	position: absolute;
	border: 1px solid rgba(255,255,255,.26);
	border-radius: 999px;
	pointer-events: none;
	will-change: transform, opacity;
}

.els_pattern::before{
	width: 260px;
	height: 260px;
	left: 7%;
	top: -100px;
	animation: elsHeroRingFloatV2 8s ease-in-out infinite alternate !important;
}

.els_pattern::after{
	width: 320px;
	height: 320px;
	right: 5%;
	bottom: -170px;
	animation: elsHeroRingFloatV2b 12s ease-in-out infinite alternate !important;
}

.els_hero_inner{
	position: relative;
	z-index: 2;
}

@keyframes elsHeroPatternFloatV2 {
	0% {
		transform: translate3d(-8px, 0, 0) scale(1);
		background-position: 0 0, 8px 6px, 0 0, 0 0, 0 0, 0 0, 0 0;
	}
	100% {
		transform: translate3d(18px, -14px, 0) scale(1.035);
		background-position: 34px -24px, -28px 20px, 22px 12px, -18px -16px, 18px 22px, 40px -28px, -30px 24px;
	}
}

@keyframes elsHeroGlowMoveV2 {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: .8;
	}
	100% {
		transform: translate3d(70px, 42px, 0) scale(1.13);
		opacity: .48;
	}
}

@keyframes elsHeroGlowMoveV2b {
	0% {
		transform: translate3d(0, 0, 0) scale(1);
		opacity: .72;
	}
	100% {
		transform: translate3d(-62px, -38px, 0) scale(1.12);
		opacity: .44;
	}
}

@keyframes elsHeroRingFloatV2 {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
		opacity: .86;
	}
	100% {
		transform: translate3d(32px, 34px, 0) rotate(10deg) scale(1.04);
		opacity: .48;
	}
}

@keyframes elsHeroRingFloatV2b {
	0% {
		transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
		opacity: .76;
	}
	100% {
		transform: translate3d(-38px, -30px, 0) rotate(-10deg) scale(1.05);
		opacity: .42;
	}
}

@media (prefers-reduced-motion: reduce) {
	.els_hero::before,
.els_hero::after,
.els_pattern,
.els_pattern::before,
.els_pattern::after{
		animation: none !important;
	}
}

/* ==================================================
   Elkuator Scholar Pro Article Contributor Popup
   Final clean version
   OJS 3.4.x
   ================================================== */

.els_contributor_line{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0;
  color: #285aa7;
  font-size: 16px;
  line-height: 1.6;
}

.els_contributor_item{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1.6;
}

.els_contributor_name{
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--els-text);
  font: inherit;
  line-height: 1.6;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.els_contributor_name:hover,
.els_contributor_name:focus{
  color: #173f80;
  outline: none;
}

.els_contributor_separator{
  display: inline;
  margin-right: 5px;
  color: #486a99;
}

.els_corresponding_icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  color: var(--els-heading);
  line-height: 1;
  vertical-align: middle;
}



































.els_author_icon{
  flex: 0 0 auto;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: currentColor;
  stroke: currentColor;
  vertical-align: middle;
}

.els_corresponding_icon .els_author_icon_mail_inline{
  display: block;
  width: 16px;
  height: 16px;
  color: currentColor;
  stroke: currentColor;
  overflow: visible;
}

.els_author_icon_mail{
  color: currentColor;
}

.els_author_icon_search{
  color: currentColor;
}

.els_author_orcid_img{
  flex: 0 0 auto;
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}





















/* ==================================================
   Elkuator Scholar Pro Author Popup - Mobile Refinement
   Final integrated mobile rules
   ================================================== */

@media (max-width: 767px) {
  

  

  

  

  

  

  

  

  

  

  

  .els_author_icon,
.els_author_orcid_img{
    width: 22px;
    height: 22px;
  }

  .els_corresponding_icon .els_author_icon_mail_inline{
    width: 16px;
    height: 16px;
  }

  

  

  

  

  

  

  

  
}



/* ==================================================
   Elkuator Scholar Pro References List Enhancement
   Adds spacing between references and clickable URL styling
   ================================================== */

.els_references{
  word-break: normal;
  overflow-wrap: anywhere;
}

.els_references_list{
  margin: 0;
  padding: 0;
  color: var(--els-text);
  font-size: 14px;
  line-height: 1.78;
  text-align: left;
}

.els_reference_item{
  margin: 0 0 14px;
  padding: 0;
  color: var(--els-text);
  font-size: 14px;
  line-height: 1.78;
  text-align: justify;
  overflow-wrap: anywhere;
}

.els_reference_item:last-child{
  margin-bottom: 0;
}

.els_reference_item a,
.els_reference_item a:visited{
  color: var(--els-primary);
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

.els_reference_item a:hover,
.els_reference_item a:focus{
  color: var(--els-accent);
}

/* ==================================================
   Elkuator Scholar Pro Post-Hero Navigation Icons
   Append-only patch. Paste at the very bottom of elkuator-direct.css
   ================================================== */

.els_posthero_nav #navigationPrimary > li > a,
.els_primary_menu > li > a{
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.els_posthero_nav #navigationPrimary > li > a::before,
.els_primary_menu > li > a::before{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 15px;
  width: 15px;
  color: currentColor;
  font-family: FontAwesome;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  opacity: .92;
}

/* Home */
.els_posthero_nav #navigationPrimary > li > a[href$="/index"]::before,
.els_posthero_nav #navigationPrimary > li > a[href*="/index.php/"][href$="/index"]::before,
.els_posthero_nav #navigationPrimary > li:first-child > a::before,
.els_primary_menu > li > a[href$="/index"]::before,
.els_primary_menu > li:first-child > a::before{
  content: "";
}

/* Current */
.els_posthero_nav #navigationPrimary > li > a[href*="/issue/current"]::before,
.els_primary_menu > li > a[href*="/issue/current"]::before{
  content: "";
}

/* Archives */
.els_posthero_nav #navigationPrimary > li > a[href*="/issue/archive"]::before,
.els_primary_menu > li > a[href*="/issue/archive"]::before{
  content: "";
}

/* Announcements */
.els_posthero_nav #navigationPrimary > li > a[href*="/announcement"]::before,
.els_primary_menu > li > a[href*="/announcement"]::before{
  content: "";
}

/* About */
.els_posthero_nav #navigationPrimary > li > a[href*="/about"]::before,
.els_primary_menu > li > a[href*="/about"]::before{
  content: "";
}

/* =========================================================
   Elkuator Scholar Pro Unified Button Color States - Size Safe
   Final override: color/state only, no padding/min-height/font-size changes.

   Principle:
   - Primary filled buttons keep their existing size.
   - Outline/PDF buttons keep their existing size.
   - Hover/focus/active changes only background, border, text color,
     underline/outline residue, and icon color.
   ========================================================= */

/* Primary filled buttons: normal state */
.els_submit,
.els_submit:visited,
.els_hero_submit,
.els_hero_submit:visited,
.els_button,
.els_button:visited,
.els_button_light,
.els_button_light:visited,
.els_about_ajax_link.els_button,
.els_about_ajax_link.els_button:visited,
.els_intro_actions .els_button,
.els_intro_actions .els_button:visited,
.page_index_journal .els_intro_actions .els_button,
.page_index_journal .els_intro_actions .els_button:visited,
.page_index_journal a[href*="/about/submissions"].els_button,
.page_index_journal a[href*="/about/submissions"].els_button:visited{
  background: var(--els-submit-bg, var(--els-accent)) !important;
  border-color: var(--els-submit-border, var(--els-submit-bg, var(--els-accent))) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Primary filled buttons: hover/focus/active state */
.els_submit:hover,
.els_submit:focus,
.els_submit:focus-visible,
.els_submit:active,
.els_hero_submit:hover,
.els_hero_submit:focus,
.els_hero_submit:focus-visible,
.els_hero_submit:active,
.els_button:hover,
.els_button:focus,
.els_button:focus-visible,
.els_button:active,
.els_button_light:hover,
.els_button_light:focus,
.els_button_light:focus-visible,
.els_button_light:active,
.els_about_ajax_link.els_button:hover,
.els_about_ajax_link.els_button:focus,
.els_about_ajax_link.els_button:focus-visible,
.els_about_ajax_link.els_button:active,
.els_intro_actions .els_button:hover,
.els_intro_actions .els_button:focus,
.els_intro_actions .els_button:focus-visible,
.els_intro_actions .els_button:active,
.page_index_journal .els_intro_actions .els_button:hover,
.page_index_journal .els_intro_actions .els_button:focus,
.page_index_journal .els_intro_actions .els_button:focus-visible,
.page_index_journal .els_intro_actions .els_button:active,
.page_index_journal a[href*="/about/submissions"].els_button:hover,
.page_index_journal a[href*="/about/submissions"].els_button:focus,
.page_index_journal a[href*="/about/submissions"].els_button:focus-visible,
.page_index_journal a[href*="/about/submissions"].els_button:active{
  background: var(--els-submit-hover-bg, var(--els-primary)) !important;
  border-color: var(--els-submit-border, var(--els-submit-bg, var(--els-accent))) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Secondary/outline buttons: normal state */
.els_outline_link,
.els_outline_link:visited,
.els_section_head .els_outline_link,
.els_section_head .els_outline_link:visited,
.els_current_issue .els_outline_link,
.els_current_issue .els_outline_link:visited,
.page_index_journal .els_outline_link,
.page_index_journal .els_outline_link:visited,
.els_issue_back a,
.els_issue_back a:visited,
.els_back_link,
.els_back_link:visited{
  background: #ffffff !important;
  border-color: var(--els-primary-border, var(--els-primary)) !important;
  color: var(--els-primary) !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Secondary/outline buttons: hover/focus/active state */
.els_outline_link:hover,
.els_outline_link:focus,
.els_outline_link:focus-visible,
.els_outline_link:active,
.els_section_head .els_outline_link:hover,
.els_section_head .els_outline_link:focus,
.els_section_head .els_outline_link:focus-visible,
.els_section_head .els_outline_link:active,
.els_current_issue .els_outline_link:hover,
.els_current_issue .els_outline_link:focus,
.els_current_issue .els_outline_link:focus-visible,
.els_current_issue .els_outline_link:active,
.page_index_journal .els_outline_link:hover,
.page_index_journal .els_outline_link:focus,
.page_index_journal .els_outline_link:focus-visible,
.page_index_journal .els_outline_link:active,
.els_issue_back a:hover,
.els_issue_back a:focus,
.els_issue_back a:focus-visible,
.els_issue_back a:active,
.els_back_link:hover,
.els_back_link:focus,
.els_back_link:focus-visible,
.els_back_link:active{
  background: var(--els-submit-hover-bg, var(--els-primary)) !important;
  border-color: var(--els-submit-border, var(--els-submit-bg, var(--els-accent))) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* PDF/Galley buttons: normal state */
.els_galley,
.els_galley:visited,
.els_galleys a,
.els_galleys a:visited,
.els_detail_galleys a,
.els_detail_galleys a:visited,
.els_pdf_link,
.els_pdf_link:visited,
.obj_galley_link,
.obj_galley_link:visited,
.obj_galley_link.pdf,
.obj_galley_link.pdf:visited,
.cmp_article_galley_link,
.cmp_article_galley_link:visited{
  background: #ffffff !important;
  border-color: var(--els-primary-border, var(--els-primary)) !important;
  color: var(--els-primary) !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* PDF/Galley buttons: hover/focus/active state */
.els_galley:hover,
.els_galley:focus,
.els_galley:focus-visible,
.els_galley:active,
.els_galleys a:hover,
.els_galleys a:focus,
.els_galleys a:focus-visible,
.els_galleys a:active,
.els_detail_galleys a:hover,
.els_detail_galleys a:focus,
.els_detail_galleys a:focus-visible,
.els_detail_galleys a:active,
.els_pdf_link:hover,
.els_pdf_link:focus,
.els_pdf_link:focus-visible,
.els_pdf_link:active,
.obj_galley_link:hover,
.obj_galley_link:focus,
.obj_galley_link:focus-visible,
.obj_galley_link:active,
.obj_galley_link.pdf:hover,
.obj_galley_link.pdf:focus,
.obj_galley_link.pdf:focus-visible,
.obj_galley_link.pdf:active,
.cmp_article_galley_link:hover,
.cmp_article_galley_link:focus,
.cmp_article_galley_link:focus-visible,
.cmp_article_galley_link:active{
  background: var(--els-submit-hover-bg, var(--els-primary)) !important;
  border-color: var(--els-submit-border, var(--els-submit-bg, var(--els-accent))) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Generic OJS form buttons: normal state */
.cmp_button,
.cmp_button:visited,
.cmp_form .buttons button,
button.submit,
input[type="submit"],
.page_submissions .section_policy p a,
.page_submissions .section_policy p a:visited,
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link,
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:visited,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"],
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:visited{
  background: var(--els-submit-bg, var(--els-accent)) !important;
  border-color: var(--els-submit-bg, var(--els-accent)) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Generic OJS form buttons: hover/focus/active state */
.cmp_button:hover,
.cmp_button:focus,
.cmp_button:focus-visible,
.cmp_button:active,
.cmp_form .buttons button:hover,
.cmp_form .buttons button:focus,
.cmp_form .buttons button:focus-visible,
.cmp_form .buttons button:active,
button.submit:hover,
button.submit:focus,
button.submit:focus-visible,
button.submit:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:focus-visible,
input[type="submit"]:active,
.page_submissions .section_policy p a:hover,
.page_submissions .section_policy p a:focus,
.page_submissions .section_policy p a:focus-visible,
.page_submissions .section_policy p a:active,
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:hover,
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:focus,
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:focus-visible,
.pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:active,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:hover,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:focus,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:focus-visible,
.pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:active{
  background: var(--els-submit-hover-bg, var(--els-primary)) !important;
  border-color: var(--els-submit-border, var(--els-submit-bg, var(--els-accent))) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Button icons and SVG labels follow text color */
.els_submit .fa,
.els_hero_submit .fa,
.els_button .fa,
.els_outline_link .fa,
.els_galley .fa,
.els_galleys a .fa,
.els_detail_galleys a .fa,
.els_pdf_link .fa,
.obj_galley_link .fa,
.cmp_article_galley_link .fa,
.els_pdf_label{
  color: currentColor !important;
}

/* Do not force Article/DOI badges to behave like buttons. */
.els_article_badges span,
.els_article_badges a,
.obj_article_summary .doi,
.obj_article_summary .doi a{
  box-shadow: none !important;
}
/* =========================================================
   Header Container Width Alignment
   Menyamakan lebar kiri-kanan topbar, nav, breadcrumb, hero, posthero
   ========================================================= */


.els_topbar_inner,
.els_prehero_nav_inner,
.els_breadcrumb_inner,
.els_posthero_nav_inner,
.els_hero_inner{
	width: min(var(--els-container), calc(100% - var(--els-page-gutter))) !important;
	max-width: var(--els-container) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Samakan juga area konten utama agar sejajar dengan header */
.els_content,
.pkp_structure_content.els_content,
.pkp_page_about.pkp_op_contact .els_content,
.pkp_page_about.pkp_op_contact .pkp_structure_content.els_content,
.pkp_page_gateway.pkp_op_lockss .els_content,
.pkp_page_gateway.pkp_op_clockss .els_content,
.pkp_page_gateway.pkp_op_lockss .pkp_structure_content.els_content,
.pkp_page_gateway.pkp_op_clockss .pkp_structure_content.els_content{
	width: min(var(--els-container), calc(100% - var(--els-page-gutter))) !important;
	max-width: var(--els-container) !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Supaya kanan topbar benar-benar rata dengan kanan E-ISSN */
.els_topbar_inner,
.els_prehero_nav_inner{
	box-sizing: border-box !important;
}

/* Mobile/tablet gutter lebih kecil */
@media (max-width: 900px) {
	:root{
		--els-page-gutter: 36px;
	}
}

@media (max-width: 640px) {
	:root{
		--els-page-gutter: 28px;
	}
}
/* =========================================================
   Editorial Board / Editorial Team
   Clean Final CSS - OJS 3.4 compatible
   HTML class: els-eb-*
   Featured cards:
   - Editor-in-Chief full width
   - Managing Editor full width
   Featured profiles:
   - Desktop: 2 rows / 3 columns
   - Tablet: 2 columns
   - Mobile: 1 column
   ========================================================= */

.els-editorial-board{
	width: 100%;
	margin: 0;
	padding: 0;
	color: var(--els-text);
	font-family: inherit;
}

.els-editorial-board *,
.els-editorial-board *::before,
.els-editorial-board *::after{
	box-sizing: border-box;
}

/* =========================================================
   Sections
   ========================================================= */

.els-eb-section{
	margin: 0 0 34px;
	padding: 0;
}

.els-eb-section:last-child{
	margin-bottom: 0;
}

.els-eb-heading{
	position: relative;
	margin: 0 0 18px;
	padding: 0 0 11px;
	color: var(--els-primary);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.35;
}

.els-eb-heading::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 64px;
	height: 3px;
	background: var(--els-accent);
	border-radius: 999px;
}

/* =========================================================
   Featured Cards
   Editor-in-Chief and Managing Editor
   Full-width horizontal card
   ========================================================= */

.els-eb-featured-card{
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	align-items: center;
	gap: 28px;
	width: 100%;
	min-height: 155px;
	margin: 0 0 35px;
	padding: 26px 28px;
	background: var(--els-primary-soft);
	border: 1px solid var(--els-primary-border);
	border-radius: var(--els-radius);
	box-shadow: var(--els-shadow);
}

/* =========================================================
   Grid Cards
   Editors / Reviewers / Assistant / Language Editor
   ========================================================= */

.els-eb-grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 35px;
}

.els-eb-card{
	display: grid;
	grid-template-columns: 70px minmax(0, 1fr);
	align-items: start;
	gap: 15px;
	min-width: 0;
	padding: 15px;
	background: var(--els-surface);
	border: 1px solid var(--els-border-soft);
	border-radius: var(--els-radius);
	box-shadow: 0 4px 12px rgba(15, 41, 51, 0.045);
	transition:
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

.els-eb-card:hover,
.els-eb-card:focus-within{
	border-color: var(--els-primary-border);
	box-shadow: var(--els-shadow-md);
	transform: translateY(-2px);
}

/* =========================================================
   Photos
   ========================================================= */

.els-eb-photo-wrap{
	display: block;
	width: 70px;
	min-width: 0;
	line-height: 0;
}

.els-eb-featured-card .els-eb-photo-wrap{
	width: 120px;
}

.els-eb-photo{
	display: block;
	width: 70px;
	height: 70px;
	min-width: 70px;
	min-height: 70px;
	max-width: 70px;
	max-height: 70px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
	border: 2px solid var(--els-primary-soft);
	border-radius: 50%;
	background: var(--els-primary-soft);
	box-shadow: 0 3px 8px rgba(15, 41, 51, 0.12);
}

.els-eb-photo--featured{
	width: 110px;
	height: 110px;
	min-width: 110px;
	min-height: 110px;
	max-width: 110px;
	max-height: 110px;
	border: 3px solid var(--els-primary);
	box-shadow: 0 3px 8px rgba(15, 41, 51, 0.15);
}

/* =========================================================
   Text
   ========================================================= */

.els-eb-info{
	min-width: 0;
	width: 100%;
	overflow: visible;
}

.els-eb-name{
	display: block;
	margin: 0 0 8px;
	color: var(--els-primary);
	font-weight: 700;
	line-height: 1.35;
	overflow-wrap: anywhere;
}

h5.els-eb-name{
	font-size: 21px;
}

/* =========================================================
   Affiliation
   2 columns:
   column 1 = flag
   column 2 = affiliation text
   ========================================================= */

.els-eb-affiliation{
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: start;
	column-gap: 8px;
	width: 100%;
	margin: 0 0 13px;
	padding: 0;
	color: var(--els-muted);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
	text-align: left;
	word-spacing: normal;
	letter-spacing: normal;
}

.els-eb-featured-card .els-eb-affiliation{
	font-size: 14px;
	margin-bottom: 16px;
}

.els-eb-flag,
.els-eb-affiliation img{
	grid-column: 1;
	display: block;
	width: 18px;
	height: 13px;
	min-width: 18px;
	min-height: 13px;
	max-width: 18px;
	max-height: 13px;
	margin: 4px 0 0;
	object-fit: cover;
	object-position: center;
	justify-self: center;
	align-self: start;
	border: 1px solid rgba(28, 37, 41, 0.12);
	box-shadow: 0 1px 3px rgba(15, 41, 51, 0.12);
}

.els-eb-affiliation-text,
.els-eb-affiliation > span{
	grid-column: 2;
	display: block;
	min-width: 0;
	color: var(--els-muted);
	line-height: 1.45;
	overflow-wrap: anywhere;
	word-break: normal;
}

/* =========================================================
   Profiles / Indexers
   Default cards:
   column 1 = icon
   column 2 = label + value
   ========================================================= */

.els-eb-profiles{
	display: grid;
	grid-template-columns: 1fr;
	gap: 5px;
	width: 100%;
	margin: 0;
	padding: 0;
	color: var(--els-text);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
	text-align: left;
}

.els-eb-profile{
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	align-items: start;
	column-gap: 8px;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	color: var(--els-text);
	font-size: inherit;
	font-weight: 700;
	line-height: 1.35;
	text-align: left;
}

.els-eb-profile-icon,
.els-eb-profile > img{
	grid-column: 1;
	display: block;
	width: 15px;
	height: 15px;
	min-width: 15px;
	min-height: 15px;
	max-width: 15px;
	max-height: 15px;
	margin: 1px 0 0;
	object-fit: contain;
	object-position: center;
	justify-self: center;
	align-self: start;
}

.els-eb-profile-text{
	grid-column: 2;
	display: block;
	min-width: 0;
	color: var(--els-text);
	overflow-wrap: anywhere;
	word-break: normal;
}

/* Compatibility untuk HTML lama bila label dan link masih direct child */
.els-eb-profile > .els-eb-profile-label,
.els-eb-profile > a{
	grid-column: 2;
}

.els-eb-profile-label{
	color: var(--els-text);
}

.els-eb-profile a,
.els-eb-profile a:visited{
	color: var(--els-primary);
	text-decoration: none;
}

.els-eb-profile a:hover,
.els-eb-profile a:focus{
	color: var(--els-accent);
	text-decoration: none;
	text-underline-offset: 3px;
}

/* =========================================================
   Featured Profiles Layout
   Desktop: 2 rows / 3 columns
   Tablet: 2 columns
   Mobile: 1 column
   ========================================================= */

.els-eb-profiles--featured{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: 8px 18px;
	width: 100%;
	margin-top: 4px;
	font-size: 13px;
}

.els-eb-profiles--featured .els-eb-profile{
	grid-template-columns: 20px minmax(0, 1fr);
	column-gap: 7px;
	min-width: 0;
}

.els-eb-profiles--featured .els-eb-profile-icon,
.els-eb-profiles--featured .els-eb-profile > img{
	width: 15px;
	height: 15px;
	min-width: 15px;
	min-height: 15px;
	max-width: 15px;
	max-height: 15px;
	margin-top: 1px;
}

.els-eb-profiles--featured .els-eb-profile-text{
	min-width: 0;
	overflow-wrap: anywhere;
	word-break: normal;
}

.els-eb-profiles--featured .els-eb-profile-label{
	white-space: nowrap;
}

.els-eb-profiles--featured .els-eb-profile a{
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* Reset spacing aneh dari static page/editor */
.els-editorial-board p,
.els-editorial-board h4,
.els-editorial-board h5,
.els-editorial-board strong,
.els-editorial-board span,
.els-editorial-board a{
	word-spacing: normal;
	letter-spacing: normal;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 980px) {
	.els-eb-grid{
		grid-template-columns: 1fr;
	}

	.els-eb-featured-card{
		align-items: start;
	}
}

@media (max-width: 720px) {
	.els-eb-section{
		margin-bottom: 30px;
	}

	.els-eb-heading{
		font-size: 20px;
	}

	.els-eb-featured-card{
		grid-template-columns: 86px minmax(0, 1fr);
		gap: 18px;
		min-height: 0;
		padding: 20px;
	}

	.els-eb-featured-card .els-eb-photo-wrap{
		width: 86px;
	}

	.els-eb-photo--featured{
		width: 86px;
		height: 86px;
		min-width: 86px;
		min-height: 86px;
		max-width: 86px;
		max-height: 86px;
	}

	.els-eb-profiles--featured{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 6px 14px;
	}
}

@media (max-width: 640px) {
	.els-eb-grid{
		gap: 12px;
	}

	.els-eb-card{
		grid-template-columns: 64px minmax(0, 1fr);
		gap: 14px;
		padding: 14px;
	}

	.els-eb-photo-wrap{
		width: 64px;
	}

	.els-eb-photo{
		width: 64px;
		height: 64px;
		min-width: 64px;
		min-height: 64px;
		max-width: 64px;
		max-height: 64px;
	}

	.els-eb-name{
		font-size: 15px;
	}

	h5.els-eb-name{
		font-size: 18px;
	}

	.els-eb-affiliation,
.els-eb-profile{
		grid-template-columns: 21px minmax(0, 1fr);
		column-gap: 7px;
	}

	.els-eb-affiliation,
.els-eb-featured-card .els-eb-affiliation{
		font-size: 12px;
	}

	.els-eb-profiles{
		font-size: 12px;
	}

	.els-eb-flag,
.els-eb-affiliation img{
		width: 17px;
		height: 12px;
		min-width: 17px;
		min-height: 12px;
		max-width: 17px;
		max-height: 12px;
	}

	.els-eb-profile-icon,
.els-eb-profile > img{
		width: 14px;
		height: 14px;
		min-width: 14px;
		min-height: 14px;
		max-width: 14px;
		max-height: 14px;
	}
}

@media (max-width: 520px) {
	.els-eb-profiles--featured{
		grid-template-columns: 1fr;
		gap: 5px;
	}

	.els-eb-profiles--featured .els-eb-profile{
		grid-template-columns: 20px minmax(0, 1fr);
	}
}

@media (max-width: 460px) {
	.els-eb-featured-card,
.els-eb-card{
		grid-template-columns: 54px minmax(0, 1fr);
		gap: 12px;
	}

	.els-eb-featured-card{
		padding: 16px;
	}

	.els-eb-featured-card .els-eb-photo-wrap,
.els-eb-photo-wrap{
		width: 54px;
	}

	.els-eb-photo,
.els-eb-photo--featured{
		width: 54px;
		height: 54px;
		min-width: 54px;
		min-height: 54px;
		max-width: 54px;
		max-height: 54px;
		border-width: 2px;
	}

	.els-eb-affiliation,
.els-eb-profile{
		grid-template-columns: 20px minmax(0, 1fr);
		column-gap: 7px;
	}
}

@media (max-width: 360px) {
	.els-eb-featured-card,
.els-eb-card{
		grid-template-columns: 1fr;
	}

	.els-eb-photo-wrap,
.els-eb-featured-card .els-eb-photo-wrap{
		width: 100%;
	}

	.els-eb-photo,
.els-eb-photo--featured{
		margin: 0 0 10px;
	}
}
/* =========================================================
   ELKUATOR SCHOLAR - COMPREHENSIVE DARK MODE v4
   Target: OJS 3.4.x / Elkuator Scholar Pro Theme
   Trigger: body[data-theme="dark"]
   ========================================================= */

/* ------------------------------
   01. DARK MODE TOKENS
   ------------------------------ */

body[data-theme="dark"]{
	--els-dm-page: var(--els-dark-page);
	--els-dm-surface: var(--els-dark-surface);
	--els-dm-surface-soft: var(--els-dark-surface-soft);
	--els-dm-surface-2: var(--els-dark-surface-2);
	--els-dm-surface-3: var(--els-dark-surface-3);
	--els-dm-border: var(--els-dark-border);
	--els-dm-border-soft: var(--els-dark-border-soft);
	--els-dm-text: var(--els-dark-text);
	--els-dm-text-soft: var(--els-dark-text-soft);
	--els-dm-text-muted: var(--els-dark-text-muted);
	--els-dm-heading: var(--els-dark-heading);
	--els-dm-link: var(--els-dark-link);
	--els-dm-link-hover: var(--els-dark-link-hover);
	--els-dm-blue: var(--els-primary);
	--els-dm-blue-dark: var(--els-primary-dark);
	--els-dm-yellow: var(--els-accent);

	background: var(--els-dm-page) !important;
	color: var(--els-dm-text) !important;
}

/* ------------------------------
   02. GLOBAL PAGE SHELL
   ------------------------------ */

body[data-theme="dark"] .pkp_structure_page,
body[data-theme="dark"] .els_page,
body[data-theme="dark"] .pkp_structure_content,
body[data-theme="dark"] .els_content,
body[data-theme="dark"] .els_content_no_sidebar{
	background: var(--els-dm-page) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .pkp_structure_main,
body[data-theme="dark"] .els_main{
	background: transparent !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .page,
body[data-theme="dark"] .page_index_journal,
body[data-theme="dark"] .page_issue,
body[data-theme="dark"] .page_issue_archive,
body[data-theme="dark"] .page_about,
body[data-theme="dark"] .page_announcements,
body[data-theme="dark"] .page_announcement,
body[data-theme="dark"] .page_search,
body[data-theme="dark"] .page_article,
body[data-theme="dark"] .page_submissions{
	background: transparent !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

/* ------------------------------
   03. GLOBAL TYPOGRAPHY
   ------------------------------ */

body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6{
	color: var(--els-dm-heading) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] p,
body[data-theme="dark"] li,
body[data-theme="dark"] td,
body[data-theme="dark"] th,
body[data-theme="dark"] label,
body[data-theme="dark"] legend,
body[data-theme="dark"] .description,
body[data-theme="dark"] .value,
body[data-theme="dark"] .label{
	color: var(--els-dm-text) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] small,
body[data-theme="dark"] .date,
body[data-theme="dark"] .published,
body[data-theme="dark"] .meta,
body[data-theme="dark"] .pages{
	color: var(--els-dm-text-soft) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] a{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] a:hover,
body[data-theme="dark"] a:focus{
	color: var(--els-dm-link-hover) !important;
}

/* Jangan buat gambar ikut pudar */
body[data-theme="dark"] img,
body[data-theme="dark"] svg{
	opacity: 1 !important;
	color: var(--els-dm-text-soft) !important;
}

/* ------------------------------
   04. Consolidated later in final dark-mode layer
   ------------------------------ */

/* ------------------------------
   05. Consolidated later in final dark-mode layer
   ------------------------------ */

/* ------------------------------
   06. Consolidated later in final dark-mode layer
   ------------------------------ */

/* ------------------------------
   07. Consolidated later in final dark-mode layer
   ------------------------------ */

/* ------------------------------
   08. HOMEPAGE
   ------------------------------ */

body[data-theme="dark"] .els_home,
body[data-theme="dark"] .page_index_journal.els_home{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_intro_card,
body[data-theme="dark"] .els_current_issue,
body[data-theme="dark"] .els_announcements,
body[data-theme="dark"] .els_home_metrics,
body[data-theme="dark"] .els_additional_content{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_intro_body,
body[data-theme="dark"] .els_journal_description{
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_intro_body h1,
body[data-theme="dark"] .els_intro_body h2,
body[data-theme="dark"] .els_intro_body h3,
body[data-theme="dark"] .els_current_issue h1,
body[data-theme="dark"] .els_current_issue h2,
body[data-theme="dark"] .els_section_head h2{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_badges span,
body[data-theme="dark"] .els_badges a{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_intro_cover img,
body[data-theme="dark"] .els_issue_cover_col img,
body[data-theme="dark"] .els_issue_card img,
body[data-theme="dark"] .els_article_issue_cover{
	background: #ffffff !important;
	border-color: var(--els-dm-border) !important;
}

/* ------------------------------
   09. ARTICLE SUMMARY CARDS
   indexJournal.tpl + issue.tpl + archive
   ------------------------------ */

body[data-theme="dark"] .els_article_grid,
body[data-theme="dark"] .els_issue_article_list{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .obj_article_summary,
body[data-theme="dark"] .els_article_summary,
body[data-theme="dark"] .article_summary{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_article_title,
body[data-theme="dark"] .els_article_title a,
body[data-theme="dark"] .obj_article_summary .title,
body[data-theme="dark"] .obj_article_summary .title a,
body[data-theme="dark"] .obj_article_summary h3,
body[data-theme="dark"] .obj_article_summary h3 a{
	color: var(--els-dm-link) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_article_title a:hover,
body[data-theme="dark"] .obj_article_summary .title a:hover,
body[data-theme="dark"] .obj_article_summary h3 a:hover{
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_article_authors,
body[data-theme="dark"] .els_article_authors a,
body[data-theme="dark"] .els_article_meta,
body[data-theme="dark"] .els_article_stats,
body[data-theme="dark"] .els_article_stats span,
body[data-theme="dark"] .obj_article_summary .authors,
body[data-theme="dark"] .obj_article_summary .authors a,
body[data-theme="dark"] .obj_article_summary .published,
body[data-theme="dark"] .obj_article_summary .pages{
	color: var(--els-dm-text-soft) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_article_badges span,
body[data-theme="dark"] .els_article_badges a,
body[data-theme="dark"] .obj_article_summary .label{
	background: var(--els-dm-heading) !important;
	color: var(--els-dm-border) !important;
	border-color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_article_badges a[href*="doi"],
body[data-theme="dark"] .obj_article_summary .doi,
body[data-theme="dark"] .obj_article_summary .doi a{
	background: #fff7cc !important;
	color: #1e293b !important;
	border-color: #facc15 !important;
}

body[data-theme="dark"] .obj_galley_link,
body[data-theme="dark"] .galley_link,
body[data-theme="dark"] .els_pdf_link{
	background: #eff6ff !important;
	color: #1d4ed8 !important;
	border-color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .obj_galley_link:hover,
body[data-theme="dark"] .galley_link:hover,
body[data-theme="dark"] .els_pdf_link:hover{
	background: #dbeafe !important;
	color: #1e40af !important;
}

/* ------------------------------
   10. ISSUE VIEW PAGE
   ------------------------------ */

body[data-theme="dark"] .els_issue_page,
body[data-theme="dark"] .page_issue{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_issue_layout{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_issue_cover_col,
body[data-theme="dark"] .els_issue_articles{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_issue_articles h1,
body[data-theme="dark"] .els_issue_section_title{
	color: var(--els-dm-link) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_issue_description{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_issue_description p,
body[data-theme="dark"] .els_issue_description strong,
body[data-theme="dark"] .els_issue_description span,
body[data-theme="dark"] .els_issue_description div{
	color: var(--els-dm-text) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_issue_date,
body[data-theme="dark"] .els_issue_date strong,
body[data-theme="dark"] .els_issue_date span{
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_issue_nav{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_issue_nav a{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-link) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_issue_nav a:hover,
body[data-theme="dark"] .els_issue_nav a:focus{
	background: var(--els-dm-surface-3) !important;
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_issue_back,
body[data-theme="dark"] .els_issue_back a{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-link) !important;
	border-color: var(--els-dm-border) !important;
}

/* ------------------------------
   11. ISSUE ARCHIVE PAGE
   ------------------------------ */

body[data-theme="dark"] .els_archive,
body[data-theme="dark"] .page_issue_archive{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_archive h1{
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_issue_grid{
	background: transparent !important;
}

body[data-theme="dark"] .els_issue_card{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_issue_card h2,
body[data-theme="dark"] .els_issue_card h2 a{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_issue_card p{
	color: var(--els-dm-text-soft) !important;
}

/* ------------------------------
   12. ABOUT / CUSTOM STATIC PAGES
   ------------------------------ */

body[data-theme="dark"] .els_about_page,
body[data-theme="dark"] .page_about{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_about_page > h1{
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_about_layout{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_about_nav{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_about_nav_group,
body[data-theme="dark"] .els_about_nav details.els_about_nav_group{
	background: transparent !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border-soft) !important;
}

body[data-theme="dark"] .els_about_nav_group h2,
body[data-theme="dark"] .els_about_nav details.els_about_nav_group summary{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-heading) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_about_nav_group a,
body[data-theme="dark"] .els_about_nav details.els_about_nav_group a,
body[data-theme="dark"] .els_about_ajax_link{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border-soft) !important;
}

body[data-theme="dark"] .els_about_nav_group a:hover,
body[data-theme="dark"] .els_about_nav_group a:focus,
body[data-theme="dark"] .els_about_nav_group a.is_active,
body[data-theme="dark"] .els_about_ajax_link:hover,
body[data-theme="dark"] .els_about_ajax_link:focus,
body[data-theme="dark"] .els_about_ajax_link.is_active{
	background: var(--els-dm-surface-3) !important;
	color: #ffffff !important;
}

body[data-theme="dark"] .els_about_nav_group a .fa,
body[data-theme="dark"] .els_about_ajax_link .fa{
	color: inherit !important;
}

body[data-theme="dark"] .els_about_content{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_about_identity{
	background: transparent !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_about_identity h2,
body[data-theme="dark"] .els_about_identity h3{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_about_meta,
body[data-theme="dark"] .els_about_text,
body[data-theme="dark"] .els_about_text p,
body[data-theme="dark"] .els_about_text div,
body[data-theme="dark"] .els_about_text span,
body[data-theme="dark"] .els_about_text li,
body[data-theme="dark"] .els_about_content p,
body[data-theme="dark"] .els_about_content div,
body[data-theme="dark"] .els_about_content span,
body[data-theme="dark"] .els_about_content li{
	color: var(--els-dm-text) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_about_text strong,
body[data-theme="dark"] .els_about_content strong{
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_about_identity img{
	background: #ffffff !important;
}

/* ------------------------------
   13. ARTICLE DETAIL PAGE
   ------------------------------ */

body[data-theme="dark"] .obj_article_details,
body[data-theme="dark"] .els_article_details,
body[data-theme="dark"] .page_article{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_article_shell{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_article_left,
body[data-theme="dark"] .els_article_center{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_article_detail_title{
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_detail_authors,
body[data-theme="dark"] .els_contributor_line,
body[data-theme="dark"] .els_contributor_item,
body[data-theme="dark"] .els_contributor_name,
body[data-theme="dark"] .els_contributor_separator{
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_contributor_name{
	background: transparent !important;
	border-color: transparent !important;
}

body[data-theme="dark"] .els_contributor_name:hover,
body[data-theme="dark"] .els_contributor_name:focus{
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_detail_meta,
body[data-theme="dark"] .els_detail_galleys,
body[data-theme="dark"] .els_detail_tabs,
body[data-theme="dark"] .els_detail_section,
body[data-theme="dark"] .els_abstract_section,
body[data-theme="dark"] .els_keywords_section,
body[data-theme="dark"] .els_article_copyright strong,
body[data-theme="dark"] .els_references,
body[data-theme="dark"] .els_related_articles{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_abstract,
body[data-theme="dark"] .els_keywords,
body[data-theme="dark"] .els_references_list,
body[data-theme="dark"] .els_reference_item,
body[data-theme="dark"] .els_detail_section div{
	color: var(--els-dm-text) !important;
	opacity: 1 !important;
	background: var(--els-dm-surface) !important;
}

body[data-theme="dark"] .els_article_side_nav,
body[data-theme="dark"] .els_article_sidebox,
body[data-theme="dark"] .els_article_status_box{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_article_contents_title,
body[data-theme="dark"] .els_article_sidebox h2{
	color: var(--els-dm-heading) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_article_side_nav a{
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border-soft) !important;
}

body[data-theme="dark"] .els_article_side_nav a:hover,
body[data-theme="dark"] .els_article_side_nav a:focus{
	background: var(--els-dm-surface-3) !important;
	color: #ffffff !important;
}

body[data-theme="dark"] .els_open_access,
body[data-theme="dark"] .els_article_status{
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_related_card{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_related_authors,
body[data-theme="dark"] .els_related_meta{
	color: var(--els-dm-text-soft) !important;
}

/* Author modal */












/* ------------------------------
   14. ANNOUNCEMENTS
   ------------------------------ */

body[data-theme="dark"] .els_announcements_page,
body[data-theme="dark"] .page_announcements,
body[data-theme="dark"] .page_announcement{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_announcement_intro,
body[data-theme="dark"] .els_announcement_list{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_announcement_item,
body[data-theme="dark"] .els_announcement{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_announcement_item h2,
body[data-theme="dark"] .els_announcement_item h2 a{
	color: var(--els-dm-link) !important;
}


body[data-theme="dark"] .els_back_link{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-link) !important;
	border-color: var(--els-dm-border) !important;
}

/* ------------------------------
   15. SIDEBAR + CUSTOM BLOCKS
   ------------------------------ */

body[data-theme="dark"] .pkp_structure_sidebar,
body[data-theme="dark"] .els_sidebar{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_sidebar .pkp_block,
body[data-theme="dark"] .els_sidebar .block_custom,
body[data-theme="dark"] .els_sidebar [class*="block_"],
body[data-theme="dark"] .pkp_structure_sidebar .pkp_block,
body[data-theme="dark"] .pkp_structure_sidebar .block_custom,
body[data-theme="dark"] .pkp_structure_sidebar [class*="block_"],
body[data-theme="dark"] .els_sidebar_box{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_sidebar .title,
body[data-theme="dark"] .els_sidebar .pkp_block .title,
body[data-theme="dark"] .els_sidebar h2,
body[data-theme="dark"] .els_sidebar h3,
body[data-theme="dark"] .pkp_structure_sidebar .title,
body[data-theme="dark"] .pkp_structure_sidebar h2,
body[data-theme="dark"] .pkp_structure_sidebar h3{
	background: var(--els-dm-surface) !important;
	color: #ffffff !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_sidebar p,
body[data-theme="dark"] .els_sidebar li,
body[data-theme="dark"] .els_sidebar span,
body[data-theme="dark"] .els_sidebar div,
body[data-theme="dark"] .pkp_structure_sidebar p,
body[data-theme="dark"] .pkp_structure_sidebar li,
body[data-theme="dark"] .pkp_structure_sidebar span,
body[data-theme="dark"] .pkp_structure_sidebar div{
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_sidebar a,
body[data-theme="dark"] .pkp_structure_sidebar a{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_sidebar a:hover,
body[data-theme="dark"] .pkp_structure_sidebar a:hover{
	color: var(--els-dm-link-hover) !important;
}

/* Images inside custom blocks, for example logos, tools, counters */
body[data-theme="dark"] .els_sidebar img,
body[data-theme="dark"] .pkp_structure_sidebar img{
	background: #ffffff;
}

/* ------------------------------
   16. AUTHOR DEMOGRAPHICS / METRICS
   ------------------------------ */

body[data-theme="dark"] .els_author_demographics,
body[data-theme="dark"] .page_index_journal .els_author_demographics,
body[data-theme="dark"] .els_demographics_grid,
body[data-theme="dark"] .els_demographics_panel,
body[data-theme="dark"] .els_home_metrics_grid,
body[data-theme="dark"] .els_metric_col,
body[data-theme="dark"] .els_metric_full{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_demographics_panel h3,
body[data-theme="dark"] .els_demographics_item span,
body[data-theme="dark"] .els_demographics_item strong,
body[data-theme="dark"] .els_demographics_note,
body[data-theme="dark"] .els_home_metrics_note{
	color: var(--els-dm-text) !important;
}

/* ------------------------------
   17. FORMS / SEARCH / LOGIN / SUBMISSION
   ------------------------------ */

body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-heading) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] input::placeholder,
body[data-theme="dark"] textarea::placeholder{
	color: var(--els-dm-text-muted) !important;
}

body[data-theme="dark"] input:focus,
body[data-theme="dark"] select:focus,
body[data-theme="dark"] textarea:focus{
	border-color: var(--els-dm-link) !important;
	box-shadow: 0 0 0 3px rgba(147, 197, 253, .18) !important;
	outline: none !important;
}

body[data-theme="dark"] .cmp_form,
body[data-theme="dark"] .pkp_form,
body[data-theme="dark"] .cmp_notification,
body[data-theme="dark"] .cmp_message,
body[data-theme="dark"] .cmp_search_filter,
body[data-theme="dark"] .cmp_search_filters,
body[data-theme="dark"] .search_results,
body[data-theme="dark"] .search_result,
body[data-theme="dark"] .cmp_article_list{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

/* ------------------------------
   18. TABLES / LISTS / PAGINATION
   ------------------------------ */

body[data-theme="dark"] table{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] th{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-heading) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] td{
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .cmp_pagination,
body[data-theme="dark"] .els_pagination{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .cmp_pagination a,
body[data-theme="dark"] .els_pagination a,
body[data-theme="dark"] .cmp_pagination .current{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-link) !important;
	border-color: var(--els-dm-border) !important;
}

/* ------------------------------
   19. BUTTONS
   ------------------------------ */

body[data-theme="dark"] .els_button,
body[data-theme="dark"] .cmp_button,
body[data-theme="dark"] .pkp_button,
body[data-theme="dark"] button[type="submit"]{
	background: var(--els-primary, #315fa8) !important;
	color: #ffffff !important;
	border-color: var(--els-primary, #315fa8) !important;
}

body[data-theme="dark"] .els_button:hover,
body[data-theme="dark"] .cmp_button:hover,
body[data-theme="dark"] .pkp_button:hover,
body[data-theme="dark"] button[type="submit"]:hover{
	background: var(--els-accent, var(--els-accent)) !important;
	color: #ffffff !important;
	border-color: var(--els-accent, var(--els-accent)) !important;
}

body[data-theme="dark"] .els_button_light{
	background: var(--els-dm-yellow) !important;
	color: #ffffff !important;
	border-color: var(--els-dm-yellow) !important;
}

/* ------------------------------
   20. Consolidated later in final dark-mode layer
   ------------------------------ */

/* ------------------------------
   21. PDF / GALLEY VIEW SAFETY
   ------------------------------ */

body[data-theme="dark"].pkp_page_article.pkp_op_view > .header_view{
	background: var(--els-primary-dark) !important;
	color: var(--els-primary-contrast) !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view > .header_view .title{
	color: var(--els-primary-contrast) !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view > .galley_view,
body[data-theme="dark"].pkp_page_article.pkp_op_view > .galley_view > iframe{
	background: #202124 !important;
}

/* ------------------------------
   22. FLOATING THEME TOGGLE
   ------------------------------ */

.els_theme_toggle{
	position: fixed;
	right: 28px;
	bottom: 28px;
	z-index: 9999;
	width: 54px;
	height: 54px;
	border-radius: 999px;
	border: 0;
	background: #ffffff;
	color: #111827;
	box-shadow: 0 12px 28px rgba(15, 23, 42, .28);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 22px;
	line-height: 1;
	transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.els_theme_toggle:hover,
.els_theme_toggle:focus{
	transform: translateY(-2px);
	box-shadow: 0 16px 34px rgba(15, 23, 42, .34);
	outline: none;
}

body[data-theme="dark"] .els_theme_toggle{
	background: #ffffff !important;
	color: var(--els-dm-surface) !important;
}

/* ------------------------------
   23. MOBILE DARK MODE
   ------------------------------ */

@media (max-width: 991px) {
	body[data-theme="dark"] .els_about_layout,
body[data-theme="dark"] .els_issue_layout,
body[data-theme="dark"] .els_article_shell{
		background: transparent !important;
	}

	body[data-theme="dark"] .els_about_nav,
body[data-theme="dark"] .els_about_content,
body[data-theme="dark"] .els_issue_cover_col,
body[data-theme="dark"] .els_issue_articles,
body[data-theme="dark"] .els_article_left,
body[data-theme="dark"] .els_article_center{
		background: var(--els-dm-surface) !important;
		border-color: var(--els-dm-border) !important;
	}
}

@media (max-width: 768px) {
	.els_theme_toggle{
		right: 18px;
		bottom: 18px;
		width: 46px;
		height: 46px;
		font-size: 20px;
	}

	body[data-theme="dark"] .els_hero h1{
		color: #ffffff !important;
	}

	body[data-theme="dark"] .els_hero_search input{
		background: #ffffff !important;
		color: var(--els-dm-surface) !important;
	}
}

/* ==========================================================================
   DARK MODE COMPONENT COVERAGE v4.1
   Complements v4 with custom/static-page components used by Elkuator journals.
   This section is intentionally placed after v4 so it wins the cascade.
   ========================================================================== */

body[data-theme="dark"] .editorial-member-card,
body[data-theme="dark"] .els-eb-featured-card,
body[data-theme="dark"] .els-eb-card,
body[data-theme="dark"] .els-indexing-block,
body[data-theme="dark"] .els-indexing-item,
body[data-theme="dark"] .els-indexing-list__item,
body[data-theme="dark"] .els-policy-card,
body[data-theme="dark"] .els-policy-license,
body[data-theme="dark"] .els-open-access-policy,
body[data-theme="dark"] .els-policy-figure,
body[data-theme="dark"] .els-template-preview,
body[data-theme="dark"] .els-call-box,
body[data-theme="dark"] .els-timeline__item,
body[data-theme="dark"] .table2-note,
body[data-theme="dark"] .table2-quote,
body[data-theme="dark"] .page_submissions .author_guidelines,
body[data-theme="dark"] .page_submissions .submission_checklist,
body[data-theme="dark"] .page_submissions .section_policy,
body[data-theme="dark"] .page_submissions .privacy_statement,
body[data-theme="dark"].pkp_page_gateway .page.lockss,
body[data-theme="dark"].pkp_page_gateway .page.clockss,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page.page_contact,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact .contact_section,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact .item,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact .contact,
body[data-theme="dark"].pkp_page_article.pkp_op_view .item.shariffblock,
body[data-theme="dark"].pkp_page_article.pkp_op_view .els_related_card,
body[data-theme="dark"] .els-citation-manual,
body[data-theme="dark"] .els-citation-sources,
body[data-theme="dark"] .els-citation-source,
body[data-theme="dark"] .els-citation-bars__notice{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els-eb-featured-card,
body[data-theme="dark"] .editorial-section-title,
body[data-theme="dark"] .table2 th{
	background: var(--els-dm-surface-3) !important;
	color: #ffffff !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els-indexing-item:hover,
body[data-theme="dark"] .els-indexing-item:focus,
body[data-theme="dark"] .els-indexing-list__item:hover,
body[data-theme="dark"] .els-indexing-list__item:focus,
body[data-theme="dark"] .editorial-member-card:hover,
body[data-theme="dark"] .els-eb-card:hover,
body[data-theme="dark"] .els-eb-card:focus-within{
	background: var(--els-dm-surface-3) !important;
	border-color: var(--els-dm-link) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .editorial-member-name,
body[data-theme="dark"] .els-eb-name,
body[data-theme="dark"] .els-eb-heading,
body[data-theme="dark"] .els-indexing-list__item strong,
body[data-theme="dark"] .els-call-box h3,
body[data-theme="dark"] .page_submissions > h1,
body[data-theme="dark"] .page_submissions .author_guidelines h2,
body[data-theme="dark"] .page_submissions .submission_checklist h2,
body[data-theme="dark"] .page_submissions .section_policy h2,
body[data-theme="dark"] .page_submissions .privacy_statement h2,
body[data-theme="dark"].pkp_page_gateway .page.lockss h1,
body[data-theme="dark"].pkp_page_gateway .page.clockss h1,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact h1,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact h2,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact h3,
body[data-theme="dark"].pkp_page_article.pkp_op_view .item.shariffblock h2,
body[data-theme="dark"].pkp_page_article.pkp_op_view .item.shariffblock .label{
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .editorial-member-affiliation,
body[data-theme="dark"] .els-eb-affiliation,
body[data-theme="dark"] .els-eb-affiliation-text,
body[data-theme="dark"] .els-eb-affiliation > span,
body[data-theme="dark"] .els-eb-profile,
body[data-theme="dark"] .els-eb-profile-text,
body[data-theme="dark"] .els-eb-profile-label,
body[data-theme="dark"] .els-indexing-list__item span,
body[data-theme="dark"] .els-policy-card p,
body[data-theme="dark"] .els-policy-license p,
body[data-theme="dark"] .els-open-access-policy p,
body[data-theme="dark"] .els-policy-figure p,
body[data-theme="dark"] .els-timeline__content p,
body[data-theme="dark"] .page_submissions p,
body[data-theme="dark"] .page_submissions ul,
body[data-theme="dark"] .page_submissions ol,
body[data-theme="dark"].pkp_page_gateway .page.lockss p,
body[data-theme="dark"].pkp_page_gateway .page.clockss p,
body[data-theme="dark"].pkp_page_gateway .page.lockss li,
body[data-theme="dark"].pkp_page_gateway .page.clockss li,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact p,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact div,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact .value,
body[data-theme="dark"] .els-citation-bars__loading,
body[data-theme="dark"] .els-citation-bars__label span,
body[data-theme="dark"] .els-citation-manual__item span,
body[data-theme="dark"] .els-citation-source span,
body[data-theme="dark"] .els-citation-bars__meta div{
	color: var(--els-dm-text-soft) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els-policy-card strong,
body[data-theme="dark"] .els-policy-license strong,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact strong,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact b,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact .label,
body[data-theme="dark"] .els-citation-bars__meta strong,
body[data-theme="dark"] .els-citation-bars__label strong,
body[data-theme="dark"] .els-citation-manual__item strong,
body[data-theme="dark"] .els-citation-source strong{
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] table.table2,
body[data-theme="dark"] .table2 tbody tr:nth-child(even),
body[data-theme="dark"].pkp_page_gateway .page.lockss table,
body[data-theme="dark"].pkp_page_gateway .page.clockss table{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .table2 th,
body[data-theme="dark"] .table2 td,
body[data-theme="dark"].pkp_page_gateway .page.lockss table th,
body[data-theme="dark"].pkp_page_gateway .page.clockss table th,
body[data-theme="dark"].pkp_page_gateway .page.lockss table td,
body[data-theme="dark"].pkp_page_gateway .page.clockss table td{
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .table2 td:first-child,
body[data-theme="dark"].pkp_page_gateway .page.lockss table th,
body[data-theme="dark"].pkp_page_gateway .page.clockss table th,
body[data-theme="dark"].pkp_page_gateway .page.lockss table td:first-child,
body[data-theme="dark"].pkp_page_gateway .page.clockss table td:first-child{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els-policy-license__image a,
body[data-theme="dark"] .els-open-access-logo img,
body[data-theme="dark"] .els-open-access-policy .els-open-access-logo img,
body[data-theme="dark"] .els-policy-figure img,
body[data-theme="dark"] .els-template-preview iframe,
body[data-theme="dark"] .editorial-photo,
body[data-theme="dark"] .els-eb-photo,
body[data-theme="dark"] .els-indexing-item img,
body[data-theme="dark"] .png-assosiate,
body[data-theme="dark"] .png-assosiate img,
body[data-theme="dark"] .flagcounter_link img,
body[data-theme="dark"] .png_visitor img,
body[data-theme="dark"] .statcounter_counter img,
body[data-theme="dark"] .els-footer-old__license img{
	background: #ffffff !important;
}

body[data-theme="dark"] .statcounter_public_link,
body[data-theme="dark"] .page_submissions .cmp_edit_link,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-link) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .statcounter_public_link:hover,
body[data-theme="dark"] .statcounter_public_link:focus,
body[data-theme="dark"] .page_submissions .cmp_edit_link:hover,
body[data-theme="dark"] .page_submissions .cmp_edit_link:focus,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:hover,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact .cmp_edit_link:focus,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:hover,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact a[href*="/management/settings/context#contact"]:focus{
	background: var(--els-dm-surface-3) !important;
	color: #ffffff !important;
	border-color: var(--els-dm-link) !important;
	text-decoration: none !important;
}

body[data-theme="dark"] .els-timeline::before,
body[data-theme="dark"] .els-citation-bars__bar{
	background: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els-timeline__item::before{
	background: var(--els-dm-link) !important;
	border-color: var(--els-dm-surface-2) !important;
	box-shadow: 0 0 0 2px var(--els-dm-link) !important;
}

body[data-theme="dark"] .els-timeline__date{
	background: var(--els-dm-surface-3) !important;
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .editorial-link-btn,
body[data-theme="dark"] .els-eb-profile a,
body[data-theme="dark"] .els-policy-card a,
body[data-theme="dark"] .els-policy-license a,
body[data-theme="dark"] .els-open-access-policy a,
body[data-theme="dark"] .els-timeline__content a,
body[data-theme="dark"].pkp_page_gateway .page.lockss a,
body[data-theme="dark"].pkp_page_gateway .page.clockss a,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact a{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .editorial-link-btn:hover,
body[data-theme="dark"] .editorial-link-btn:focus,
body[data-theme="dark"] .els-eb-profile a:hover,
body[data-theme="dark"] .els-eb-profile a:focus,
body[data-theme="dark"] .els-policy-card a:hover,
body[data-theme="dark"] .els-policy-card a:focus,
body[data-theme="dark"] .els-policy-license a:hover,
body[data-theme="dark"] .els-policy-license a:focus,
body[data-theme="dark"] .els-open-access-policy a:hover,
body[data-theme="dark"] .els-open-access-policy a:focus,
body[data-theme="dark"] .els-timeline__content a:hover,
body[data-theme="dark"] .els-timeline__content a:focus,
body[data-theme="dark"].pkp_page_gateway .page.lockss a:hover,
body[data-theme="dark"].pkp_page_gateway .page.lockss a:focus,
body[data-theme="dark"].pkp_page_gateway .page.clockss a:hover,
body[data-theme="dark"].pkp_page_gateway .page.clockss a:focus,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact a:hover,
body[data-theme="dark"].pkp_page_about.pkp_op_contact .page_contact a:focus{
	color: var(--els-dm-link-hover) !important;
}


/* =========================================================
   ELKUATOR SCHOLAR - DARK MODE EXTENSIONS v4.2.1
   Production scoped coverage for homepage metrics and plugin blocks.
   Trigger: body[data-theme="dark"]
   ========================================================= */

/* Homepage metrics wrapper from indexJournal.tpl */
body[data-theme="dark"] #elsHomeMetrics.els_home_metrics,
body[data-theme="dark"] .page_index_journal #elsHomeMetrics.els_home_metrics{
	background: var(--els-dm-surface, var(--els-dm-surface)) !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] #elsHomeMetrics.els_home_metrics .els_section_head{
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
}

body[data-theme="dark"] #elsHomeMetrics.els_home_metrics .els_section_kicker,
body[data-theme="dark"] #elsHomeMetrics.els_home_metrics h2{
	color: var(--els-dm-link, var(--els-dm-link)) !important;
}

body[data-theme="dark"] #elsHomeMetrics.els_home_metrics h2::after{
	background: var(--els-dm-yellow, var(--els-accent)) !important;
}

body[data-theme="dark"] #elsHomeMetrics.els_home_metrics .els_home_metrics_note{
	color: var(--els-dm-text-soft, var(--els-dm-text-soft)) !important;
}

body[data-theme="dark"] #elsHomeMetrics .els_home_metrics_grid,
body[data-theme="dark"] #elsHomeMetrics .els_metric_col,
body[data-theme="dark"] #elsHomeMetrics .els_metric_full{
	background: transparent !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
}

/* Generic metric plugins moved into homepage metric columns */
body[data-theme="dark"] #elsHomeMetrics .els_metric_col .pkp_block,
body[data-theme="dark"] #elsHomeMetrics .els_metric_full .pkp_block,
body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-stats-block,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-analytics-block,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-top-block,
body[data-theme="dark"] #elsHomeMetrics .block_scholar_stats,
body[data-theme="dark"] #elsHomeMetrics .block_citation_analytics,
body[data-theme="dark"] #elsHomeMetrics .block_citation_top_articles{
	background: linear-gradient(180deg, var(--els-dm-surface-2) 0%, var(--els-dm-surface) 100%) !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-stats-block .title,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-analytics-block .title,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-top-block .title,
body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-profile-name,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-section-title{
	color: var(--els-dm-link, var(--els-dm-link)) !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-stats-eyebrow,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-eyebrow{
	color: var(--els-dm-yellow, var(--els-accent)) !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-metric,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-total,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-mini-grid span,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-article{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-metric-value,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-total-value,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-mini-grid strong,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-article-count{
	color: var(--els-dm-link, var(--els-dm-link)) !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-metric-label,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-total-label,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-article-body a,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-article-body span{
	color: var(--els-dm-heading, var(--els-dm-heading)) !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-metric-sub,
body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-chart-row,
body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-chart-value,
body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-updated,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-updated,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-source-note,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-article-body small{
	color: var(--els-dm-text-soft, var(--els-dm-text-soft)) !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-chart-track{
	background: rgba(148, 163, 184, .18) !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-chart-bar{
	background: linear-gradient(90deg, var(--els-dm-link, var(--els-dm-link)), var(--els-dm-yellow, var(--els-accent))) !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-button,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-button{
	background: var(--els-primary, #315fa8) !important;
	color: #ffffff !important;
	border-color: var(--els-primary, #315fa8) !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-button:hover,
body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-button:focus,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-button:hover,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-button:focus{
	background: var(--els-accent, var(--els-accent)) !important;
	color: #ffffff !important;
	border-color: var(--els-accent, var(--els-accent)) !important;
}

body[data-theme="dark"] #elsHomeMetrics *,
body[data-theme="dark"] #elsHomeMetrics img,
body[data-theme="dark"] #elsHomeMetrics svg{
	text-shadow: none !important;
	opacity: 1 !important;
}

/* Sidebar custom blocks and external counters */
body[data-theme="dark"] .els_sidebar,
body[data-theme="dark"] .pkp_structure_sidebar{
	background: transparent !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_sidebar > *,
body[data-theme="dark"] .pkp_structure_sidebar > *,
body[data-theme="dark"] .els_sidebar .pkp_block,
body[data-theme="dark"] .els_sidebar .block_custom,
body[data-theme="dark"] .els_sidebar .custom_block,
body[data-theme="dark"] .els_sidebar [class*="block_"],
body[data-theme="dark"] .pkp_structure_sidebar .pkp_block,
body[data-theme="dark"] .pkp_structure_sidebar .block_custom,
body[data-theme="dark"] .pkp_structure_sidebar .custom_block,
body[data-theme="dark"] .pkp_structure_sidebar [class*="block_"]{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_sidebar .title,
body[data-theme="dark"] .els_sidebar .pkp_block .title,
body[data-theme="dark"] .els_sidebar h2,
body[data-theme="dark"] .els_sidebar h3,
body[data-theme="dark"] .pkp_structure_sidebar .title,
body[data-theme="dark"] .pkp_structure_sidebar .pkp_block .title,
body[data-theme="dark"] .pkp_structure_sidebar h2,
body[data-theme="dark"] .pkp_structure_sidebar h3{
	background: var(--els-dm-surface) !important;
	color: #ffffff !important;
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
}

body[data-theme="dark"] .els_sidebar p,
body[data-theme="dark"] .els_sidebar li,
body[data-theme="dark"] .els_sidebar span,
body[data-theme="dark"] .els_sidebar div,
body[data-theme="dark"] .pkp_structure_sidebar p,
body[data-theme="dark"] .pkp_structure_sidebar li,
body[data-theme="dark"] .pkp_structure_sidebar span,
body[data-theme="dark"] .pkp_structure_sidebar div{
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_sidebar a,
body[data-theme="dark"] .pkp_structure_sidebar a{
	color: var(--els-dm-link, var(--els-dm-link)) !important;
}

body[data-theme="dark"] .els_sidebar a:hover,
body[data-theme="dark"] .els_sidebar a:focus,
body[data-theme="dark"] .pkp_structure_sidebar a:hover,
body[data-theme="dark"] .pkp_structure_sidebar a:focus{
	color: var(--els-dm-link-hover, var(--els-dm-link-hover)) !important;
}

body[data-theme="dark"] .png-assosiate,
body[data-theme="dark"] .els-indexing-block,
body[data-theme="dark"] .els-indexing-item,
body[data-theme="dark"] .png_visitor,
body[data-theme="dark"] .png_statcounter,
body[data-theme="dark"] .statcounter_counter,
body[data-theme="dark"] .flagcounter_link{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .statcounter_public_link{
	background: #eff6ff !important;
	color: #1d4ed8 !important;
	border-color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .statcounter_public_link:hover,
body[data-theme="dark"] .statcounter_public_link:focus{
	background: #dbeafe !important;
	color: #1e40af !important;
}

body[data-theme="dark"] .png-assosiate img,
body[data-theme="dark"] .els-indexing-item img,
body[data-theme="dark"] .png_visitor img,
body[data-theme="dark"] .flagcounter_link img,
body[data-theme="dark"] .statcounter_counter img,
body[data-theme="dark"] .els_sidebar img[src*="flagcounter"],
body[data-theme="dark"] .els_sidebar img[src*="statcounter"]{
	background: #ffffff !important;
	padding: 2px;
	border-radius: 3px;
	opacity: 1 !important;
}

/* Citation bars custom block */
body[data-theme="dark"] .els-citation-bars,
body[data-theme="dark"] .els-citation-bars__content,
body[data-theme="dark"] .els-citation-manual,
body[data-theme="dark"] .els-citation-sources{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
}

body[data-theme="dark"] .els-citation-manual__item,
body[data-theme="dark"] .els-citation-source{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	border-color: var(--els-dm-border, rgba(148, 163, 184, .26)) !important;
}

body[data-theme="dark"] .els-citation-bars__label span,
body[data-theme="dark"] .els-citation-manual__item span,
body[data-theme="dark"] .els-citation-source span,
body[data-theme="dark"] .els-citation-bars__meta div,
body[data-theme="dark"] .els-citation-bars__meta span{
	color: var(--els-dm-text-soft, var(--els-dm-text-soft)) !important;
}

body[data-theme="dark"] .els-citation-bars__label strong,
body[data-theme="dark"] .els-citation-manual__item strong,
body[data-theme="dark"] .els-citation-source strong,
body[data-theme="dark"] .els-citation-bars__meta strong{
	color: var(--els-dm-link, var(--els-dm-link)) !important;
}

body[data-theme="dark"] .els-citation-bars__bar{
	background: rgba(148, 163, 184, .18) !important;
}

body[data-theme="dark"] .els-citation-bars__bar span{
	background: linear-gradient(90deg, var(--els-dm-link, var(--els-dm-link)), var(--els-dm-yellow, var(--els-accent))) !important;
}

body[data-theme="dark"] .els-citation-bars__notice{
	background: rgba(245, 130, 31, .12) !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	border-color: var(--els-accent, var(--els-accent)) !important;
}

/* =========================================================
   ELKUATOR SCHOLAR - DARK MODE EXTENSIONS v4.4.1
   Elkuator Author Stats / Author Demographics Block.
   Source: plugins/blocks/elkuatorAuthorStats/styles/elkuatorAuthorStats.css
   Trigger: body[data-theme="dark"]
   ========================================================= */

body[data-theme="dark"] .els_sidebar .block_elkuator_author_stats,
body[data-theme="dark"] .pkp_structure_sidebar .block_elkuator_author_stats,
body[data-theme="dark"] .els_sidebar .block_elkuator_author_stats .content,
body[data-theme="dark"] .pkp_structure_sidebar .block_elkuator_author_stats .content{
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats{
	overflow: hidden !important;
	background: var(--els-dm-surface-2) !important;
	border: 1px solid var(--els-dm-border) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__header,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__header{
	background: linear-gradient(135deg, var(--els-accent) 0%, var(--els-primary) 100%) !important;
	border-color: rgba(255, 255, 255, .16) !important;
	color: var(--els-white) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__icon,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__icon{
	background: rgba(255, 255, 255, .13) !important;
	border-color: rgba(255, 255, 255, .24) !important;
	color: var(--els-white) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__icon svg,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__icon svg{
	color: var(--els-white) !important;
	stroke: currentColor !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__title,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__title,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__section-title,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__section-title{
	color: var(--els-white) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__heading p,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__heading p{
	color: rgba(255, 255, 255, .9) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__body,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__body,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__section,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__section{
	background: var(--els-dm-surface-2) !important;
	color: var(--els-dm-text) !important;
	border-color: rgba(148, 163, 184, .18) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__gender-card,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__gender-card,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__row{
	background: var(--els-dm-surface) !important;
	border: 1px solid rgba(148, 163, 184, .24) !important;
	box-shadow: none !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__row{
	background: var(--els-dm-surface) !important;
	border: 1px solid rgba(148, 163, 184, .24) !important;
	box-shadow: none !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__gender-label,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__gender-label,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__footer-label,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__footer-label{
	color: var(--els-dm-text-soft) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__gender-top strong,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__gender-top strong,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__count,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__count,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__footer strong,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__footer strong{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__gender-bar,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__gender-bar,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__bar,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__bar{
	background: rgba(148, 163, 184, .22) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__gender-bar-fill,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__gender-bar-fill,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__bar-fill,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__bar-fill{
	background: linear-gradient(90deg, var(--els-primary) 0%, var(--els-accent) 100%) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__main,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__meta,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__main,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__meta,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__country,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__country{
	color: var(--els-dm-text) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__rank,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__rank{
	background: color-mix(in srgb, var(--els-primary) 18%, transparent) !important;
	color: var(--els-dm-link-hover) !important;
	border-color: color-mix(in srgb, var(--els-primary) 34%, transparent) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__code,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__code{
	background: color-mix(in srgb, var(--els-accent) 18%, transparent) !important;
	border-color: color-mix(in srgb, var(--els-accent) 42%, transparent) !important;
	color: var(--els-accent) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__footer,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__footer{
	background: var(--els-dm-surface) !important;
	border-top: 1px solid rgba(148, 163, 184, .24) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__footer > div,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__footer > div{
	background: var(--els-dm-surface-2) !important;
	border: 1px solid rgba(148, 163, 184, .22) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats *,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats *{
	text-shadow: none !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats a,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats a{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats a:hover,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats a:focus,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats a:hover,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats a:focus{
	color: var(--els-dm-link-hover) !important;
}
/* =========================================================
   ELKUATOR SCHOLAR - DARK MODE PATCH v4.5
   Full dark header, navigation, hero, breadcrumb, footer
   Append at the very bottom of elkuator-direct.css
   Trigger: body[data-theme="dark"]
   ========================================================= */

/* ---------------------------------------------------------
   01. Topbar / journal identity
   --------------------------------------------------------- */

body[data-theme="dark"] .els_header,
body[data-theme="dark"] .els_topbar{
	background: var(--els-dm-page) !important;
	color: var(--els-dm-text) !important;
	border-color: rgba(148, 163, 184, .22) !important;
}

body[data-theme="dark"] .els_topbar_inner{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_brand,
body[data-theme="dark"] .els_brand_mandala,
body[data-theme="dark"] .els_brand_text,
body[data-theme="dark"] .els_brand span{
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_brand:hover,
body[data-theme="dark"] .els_brand:focus,
body[data-theme="dark"] .els_brand_mandala:hover,
body[data-theme="dark"] .els_brand_mandala:focus{
	color: #ffffff !important;
	text-decoration: none !important;
}

body[data-theme="dark"] .els_user_nav,
body[data-theme="dark"] .els_user_nav a,
body[data-theme="dark"] .els_user_menu a,
body[data-theme="dark"] #navigationUser a{
	color: #dbeafe !important;
}

body[data-theme="dark"] .els_user_nav a:hover,
body[data-theme="dark"] .els_user_nav a:focus,
body[data-theme="dark"] .els_user_menu a:hover,
body[data-theme="dark"] .els_user_menu a:focus,
body[data-theme="dark"] #navigationUser a:hover,
body[data-theme="dark"] #navigationUser a:focus{
	color: #ffffff !important;
	text-decoration: none !important;
}

body[data-theme="dark"] .els_user_nav #navigationUser .task_count,
body[data-theme="dark"] .els_user_nav .els_user_menu .task_count{
	background: var(--els-dm-surface-3) !important;
	color: #ffffff !important;
	border: 1px solid rgba(147, 197, 253, .28);
}

/* Favicon/logo tetap bersih */
body[data-theme="dark"] .els_brand img,
body[data-theme="dark"] .els_brand_mandala_img{
	background: transparent !important;
	opacity: 1 !important;
}

/* ---------------------------------------------------------
   02. Pre-hero navigation / main blue menu
   --------------------------------------------------------- */

body[data-theme="dark"] .els_prehero_nav,
body[data-theme="dark"] .els-prehero-nav{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-top: 1px solid rgba(148, 163, 184, .18) !important;
	border-bottom: 1px solid rgba(148, 163, 184, .22) !important;
}

body[data-theme="dark"] .els_prehero_nav_inner{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_short_brand,
body[data-theme="dark"] .els_quick_nav > a,
body[data-theme="dark"] .els_menu_item > a,
body[data-theme="dark"] .els_nav_search_link{
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_quick_nav > a:hover,
body[data-theme="dark"] .els_quick_nav > a:focus,
body[data-theme="dark"] .els_menu_item:hover > a,
body[data-theme="dark"] .els_menu_item:focus-within > a,
body[data-theme="dark"] .els_nav_search_link:hover,
body[data-theme="dark"] .els_nav_search_link:focus{
	background: var(--els-dm-surface-2) !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

/* ISSN badge */
body[data-theme="dark"] .els_nav_issn{
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_nav_issn_label{
	background: rgba(147, 197, 253, .12) !important;
	border-color: rgba(147, 197, 253, .28) !important;
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_nav_issn_number{
	color: #ffffff !important;
}

/* Dropdown */
body[data-theme="dark"] .els_dropdown,
body[data-theme="dark"] .els_dropdown_wide{
	background: var(--els-dm-surface-2) !important;
	border-color: rgba(148, 163, 184, .28) !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_dropdown a{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_dropdown a:hover,
body[data-theme="dark"] .els_dropdown a:focus{
	background: var(--els-dm-surface-3) !important;
	color: #ffffff !important;
}

body[data-theme="dark"] .els_dropdown_help{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: rgba(148, 163, 184, .22) !important;
}

body[data-theme="dark"] .els_dropdown_help strong,
body[data-theme="dark"] .els_dropdown_help span{
	color: var(--els-dm-text) !important;
}

/* ---------------------------------------------------------
   03. Breadcrumb
   --------------------------------------------------------- */

body[data-theme="dark"] .els_breadcrumb_bar{
	background: var(--els-dm-surface) !important;
	border-top: 1px solid rgba(148, 163, 184, .16) !important;
	border-bottom: 1px solid rgba(148, 163, 184, .22) !important;
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_breadcrumb_inner,
body[data-theme="dark"] .els_breadcrumb_inner a,
body[data-theme="dark"] .els_breadcrumb_sep,
body[data-theme="dark"] .els_breadcrumb_current{
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_breadcrumb_inner a:hover,
body[data-theme="dark"] .els_breadcrumb_inner a:focus{
	color: var(--els-dm-link) !important;
	text-decoration: none !important;
}

body[data-theme="dark"] .els_breadcrumb_current{
	color: var(--els-dm-heading) !important;
}

/* ---------------------------------------------------------
   04. Hero full dark
   --------------------------------------------------------- */

body[data-theme="dark"] .els_hero{
	background:
		radial-gradient(circle at 12% 26%, rgba(45, 212, 191, .16), transparent 34%),
		radial-gradient(circle at 86% 34%, rgba(147, 197, 253, .15), transparent 36%),
		linear-gradient(135deg, var(--els-dm-page) 0%, var(--els-dm-surface) 48%, var(--els-dm-surface-2) 100%) !important;
	color: #ffffff !important;
	border-bottom: 1px solid rgba(148, 163, 184, .22) !important;
}

body[data-theme="dark"] .els_hero h1{
	color: #ffffff !important;
}

body[data-theme="dark"] .els_tagline,
body[data-theme="dark"] .els_advanced{
	color: #dbeafe !important;
}

body[data-theme="dark"] .els_advanced:hover,
body[data-theme="dark"] .els_advanced:focus{
	color: #ffffff !important;
}

body[data-theme="dark"] .els_pattern{
	opacity: .62 !important;
}

body[data-theme="dark"] .els_pattern::before,
body[data-theme="dark"] .els_pattern::after{
	border-color: rgba(147, 197, 253, .24) !important;
}

body[data-theme="dark"] .els_hero::before,
body[data-theme="dark"] .els_hero::after{
	opacity: .52 !important;
}

/* Hero search */
body[data-theme="dark"] .els_hero_search{
	background: #ffffff !important;
	border-color: rgba(147, 197, 253, .55) !important;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .18) !important;
}

body[data-theme="dark"] .els_hero_search input{
	background: #ffffff !important;
	color: var(--els-dm-surface) !important;
}

body[data-theme="dark"] .els_hero_search input::placeholder{
	color: #64748b !important;
}

body[data-theme="dark"] .els_hero_search button{
	background: var(--els-primary, var(--els-primary)) !important;
	color: #ffffff !important;
	border-color: var(--els-primary, var(--els-primary)) !important;
}

body[data-theme="dark"] .els_hero_search button:hover,
body[data-theme="dark"] .els_hero_search button:focus{
	background: var(--els-accent, var(--els-accent)) !important;
	color: #ffffff !important;
}

/* RSS/share buttons */
body[data-theme="dark"] .els_addtoany_rss,
body[data-theme="dark"] .els_addtoany_toggle{
	background: rgba(15, 23, 42, .42) !important;
	border-color: rgba(219, 234, 254, .58) !important;
	color: #ffffff !important;
}

body[data-theme="dark"] .els_addtoany_rss:hover,
body[data-theme="dark"] .els_addtoany_rss:focus,
body[data-theme="dark"] .els_addtoany_toggle:hover,
body[data-theme="dark"] .els_addtoany_toggle:focus{
	background: rgba(147, 197, 253, .18) !important;
	border-color: var(--els-dm-link-hover) !important;
	color: #ffffff !important;
}

/* Submit button di hero tetap aksen */
body[data-theme="dark"] .els_hero_submit,
body[data-theme="dark"] .els_submit{
	background: var(--els-accent, var(--els-accent)) !important;
	border-color: var(--els-accent, var(--els-accent)) !important;
	color: #ffffff !important;
}

body[data-theme="dark"] .els_hero_submit:hover,
body[data-theme="dark"] .els_hero_submit:focus,
body[data-theme="dark"] .els_submit:hover,
body[data-theme="dark"] .els_submit:focus{
	background: var(--els-primary, var(--els-primary)) !important;
	border-color: var(--els-primary, var(--els-primary)) !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------
   05. Post-hero primary navigation
   --------------------------------------------------------- */

body[data-theme="dark"] .els_posthero_nav{
	background: var(--els-dm-surface) !important;
	border-top: 1px solid rgba(148, 163, 184, .16) !important;
	border-bottom: 1px solid rgba(148, 163, 184, .24) !important;
	box-shadow: none !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_primary_menu,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary{
	background: transparent !important;
}

body[data-theme="dark"] .els_primary_menu > li > a,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary > li > a{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_primary_menu > li > a::before,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary > li > a::before{
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_primary_menu > li > a:hover,
body[data-theme="dark"] .els_primary_menu > li > a:focus,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary > li > a:hover,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary > li > a:focus{
	background: var(--els-dm-surface-2) !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

body[data-theme="dark"] .els_primary_menu ul,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary ul{
	background: var(--els-dm-surface-2) !important;
	border-color: rgba(148, 163, 184, .28) !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important;
}

body[data-theme="dark"] .els_primary_menu ul a,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary ul a{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_primary_menu ul a:hover,
body[data-theme="dark"] .els_primary_menu ul a:focus,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary ul a:hover,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary ul a:focus{
	background: var(--els-dm-surface-3) !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------
   07. Footer full dark
   --------------------------------------------------------- */

body[data-theme="dark"] .els-dashboard-footer{
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-top: 1px solid rgba(148, 163, 184, .22) !important;
}

body[data-theme="dark"] .els-dashboard-footer__inner,
body[data-theme="dark"] .els-dashboard-footer .els-footer-grid,
body[data-theme="dark"] .els-dashboard-footer .els-footer-old,
body[data-theme="dark"] .els-dashboard-footer .els-footer-col,
body[data-theme="dark"] .els-dashboard-footer .els-footer-old__col{
	background: transparent !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els-dashboard-footer h1,
body[data-theme="dark"] .els-dashboard-footer h2,
body[data-theme="dark"] .els-dashboard-footer h3,
body[data-theme="dark"] .els-dashboard-footer h4,
body[data-theme="dark"] .els-dashboard-footer h5{
	color: #ffffff !important;
}

body[data-theme="dark"] .els-dashboard-footer p,
body[data-theme="dark"] .els-dashboard-footer li,
body[data-theme="dark"] .els-dashboard-footer span,
body[data-theme="dark"] .els-dashboard-footer div{
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els-dashboard-footer a{
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els-dashboard-footer a:hover,
body[data-theme="dark"] .els-dashboard-footer a:focus{
	color: #ffffff !important;
	text-decoration-color: var(--els-accent) !important;
}

body[data-theme="dark"] .els-dashboard-footer .els-footer-col h3::after,
body[data-theme="dark"] .els-dashboard-footer .els-footer-old h3::after{
	background: var(--els-accent) !important;
}

body[data-theme="dark"] .els-footer-old__license img{
	background: #ffffff !important;
	opacity: 1 !important;
}

/* Copyright bar */
body[data-theme="dark"] .els-site-copyright{
	background: var(--els-dm-page) !important;
	color: var(--els-dm-text-soft) !important;
	border-top: 1px solid rgba(148, 163, 184, .18) !important;
}

body[data-theme="dark"] .els-site-copyright__inner,
body[data-theme="dark"] .els-site-copyright p,
body[data-theme="dark"] .els-site-copyright span,
body[data-theme="dark"] .els-site-copyright div,
body[data-theme="dark"] .els-site-copyright a{
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els-site-copyright a:hover,
body[data-theme="dark"] .els-site-copyright a:focus{
	color: #ffffff !important;
}

/* ---------------------------------------------------------
   08. Final dark mode visual consistency
   --------------------------------------------------------- */

body[data-theme="dark"] .els_header *,
body[data-theme="dark"] .els_prehero_nav *,
body[data-theme="dark"] .els_breadcrumb_bar *,
body[data-theme="dark"] .els_hero *,
body[data-theme="dark"] .els_posthero_nav *,
body[data-theme="dark"] .els-dashboard-footer *,
body[data-theme="dark"] .els-site-copyright *{
	text-shadow: none !important;
}
/* =========================================================
   ELKUATOR SCHOLAR - BACK TO TOP BUTTON
   Works with light/dark mode and does not overlap theme toggle
   ========================================================= */

.els_back_to_top{
	position: fixed;
	right: 28px;
	bottom: 92px;
	z-index: 9998;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	padding: 0;
	background: var(--els-primary, var(--els-primary));
	border: 0;
	border-radius: 999px;
	box-shadow: 0 12px 28px rgba(15, 23, 42, .24);
	color: #ffffff;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);
	transition:
		opacity .18s ease,
		visibility .18s ease,
		transform .18s ease,
		background .18s ease,
		box-shadow .18s ease;
}

.els_back_to_top.is_visible{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.els_back_to_top:hover,
.els_back_to_top:focus{
	background: var(--els-accent, var(--els-accent));
	color: #ffffff;
	box-shadow: 0 16px 34px rgba(15, 23, 42, .32);
	outline: none;
	transform: translateY(-2px);
}

.els_back_to_top .fa{
	color: currentColor !important;
	font-size: 20px;
	line-height: 1;
}

/* Dark mode */
body[data-theme="dark"] .els_back_to_top{
	background: var(--els-dm-surface-2) !important;
	border: 1px solid rgba(148, 163, 184, .28) !important;
	color: #ffffff !important;
	box-shadow: 0 12px 28px rgba(0, 0, 0, .36);
}

body[data-theme="dark"] .els_back_to_top:hover,
body[data-theme="dark"] .els_back_to_top:focus{
	background: var(--els-primary-hover) !important;
	border-color: var(--els-primary-hover) !important;
	color: #ffffff !important;
}

/* Keep spacing with dark/light toggle */
.els_theme_toggle{
	right: 28px;
	bottom: 28px;
}

/* Mobile */
@media (max-width: 768px) {
	.els_back_to_top{
		right: 18px;
		bottom: 76px;
		width: 46px;
		height: 46px;
		font-size: 18px;
	}

	.els_back_to_top .fa{
		font-size: 18px;
	}

	.els_theme_toggle{
		right: 18px;
		bottom: 18px;
	}
}

/* --------------------------------------------------------------------------
   Final dark-mode hard override: author modal external search links
   Kept at the end so it wins over earlier article-modal rules.
   -------------------------------------------------------------------------- */






/* Dark-mode user menu icon color follows text color. */
body[data-theme="dark"] .els_user_nav #navigationUser a::before,
body[data-theme="dark"] .els_user_nav .els_user_menu a::before{
	color: currentColor !important;
}
/* ================================================================
   Elkuator Scholar Pro — clickable ISSN links
   ================================================================ */
.els_issn_link,
.els_issn_link:visited{
  color: var(--els-primary);
  font: inherit;
  font-weight: inherit;
  text-decoration: none !important;
  transition: color .18s ease, outline-color .18s ease;
}

.els_issn_link:hover,
.els_issn_link:focus-visible{
  color: var(--els-accent);
  text-decoration: none !important;
}

.els_issn_link:focus-visible{
  outline: 2px solid var(--els-accent);
  outline-offset: 3px;
  border-radius: 2px;
}

.els_nav_issn .els_issn_link,
.els_nav_issn .els_issn_link:visited{
  color: var(--els-white);
}

.els_nav_issn .els_issn_link:hover,
.els_nav_issn .els_issn_link:focus-visible{
  color: var(--els-accent);
}

body[data-theme="dark"] .els_issn_link,
body[data-theme="dark"] .els_issn_link:visited{
  color: var(--els-dm-link, var(--els-primary));
}

body[data-theme="dark"] .els_issn_link:hover,
body[data-theme="dark"] .els_issn_link:focus-visible{
  color: var(--els-accent);
}

body[data-theme="dark"] .els_nav_issn .els_issn_link,
body[data-theme="dark"] .els_nav_issn .els_issn_link:visited{
  color: var(--els-white);
}


/* ========================================================================== 
   Elkuator Scholar Pro integrations
   All brand and interface colours use the global --els-* tokens configured
   through Appearance > Theme.
   ========================================================================== */


/* Related Articles wrapper for OJS recommendation plugins. */
.els_related_recommendations[hidden],
template#els-related-nav-template,
.els_recommendation_panel[hidden],
.els_article_footer_plugins[hidden]{
	display: none !important;
}

/* Recommendation plugin output is moved into the styled section at DOM ready. */
.els_article_footer_plugins > #articlesBySameAuthorList,
.els_article_footer_plugins > #articlesBySimilarityList{
	display: none !important;
}

.els_related_recommendations{
	width: min(100% - 48px, var(--els-container));
	margin: 28px auto 0;
	padding: 26px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
	scroll-margin-top: 24px;
}

.els_related_recommendations_head{
	margin: 0 0 20px;
	padding: 0 0 14px;
	border-bottom: 1px solid var(--els-border-soft);
}

.els_related_recommendations_head h2{
	margin: 0;
	color: var(--els-primary);
	font-size: 23px;
	font-weight: 800;
	line-height: 1.25;
}

.els_related_recommendations_head h2::after{
	content: "";
	display: block;
	width: 46px;
	height: 3px;
	margin-top: 9px;
	background: var(--els-accent);
	border-radius: 999px;
}

.els_related_recommendations_grid{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
	align-items: start;
}

.els_related_recommendations_single .els_related_recommendations_grid{
	grid-template-columns: minmax(0, 1fr);
}

.els_recommendation_panel{
	min-width: 0;
	padding: 20px;
	background: var(--els-primary-soft);
	border: 1px solid var(--els-primary-border);
	border-top: 4px solid var(--els-primary);
	border-radius: var(--els-radius);
}

.els_recommendation_panel h3{
	margin: 0 0 16px;
	color: var(--els-primary);
	font-size: 18px;
	font-weight: 800;
	line-height: 1.35;
}

.els_recommendation_panel h3 a{
	color: inherit;
	text-decoration: none;
}

.els_recommendation_list,
.els_recommendation_panel ul{
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.els_recommendation_item,
.els_recommendation_panel li{
	margin: 0;
	padding: 14px 15px;
	background: var(--els-surface);
	border: 1px solid var(--els-border-soft);
	border-left: 3px solid var(--els-accent);
	border-radius: var(--els-radius);
	color: var(--els-text);
	font-size: 13px;
	line-height: 1.65;
	list-style: none;
}

.els_recommendation_article_link{
	color: var(--els-primary) !important;
	font-weight: 800;
	text-decoration: none !important;
}

.els_recommendation_article_link:hover,
.els_recommendation_article_link:focus{
	color: var(--els-accent) !important;
	text-decoration: none !important;
	text-underline-offset: 0.16em;
}

.els_recommendation_issue_link{
	color: var(--els-muted) !important;
	font-weight: 600;
	text-decoration: none !important;
}

.els_recommendation_issue_link:hover,
.els_recommendation_issue_link:focus{
	color: var(--els-primary) !important;
	text-decoration: none !important;
}

#articlesBySameAuthorPages,
#articlesBySimilarityPages,
#articlesBySimilaritySearch{
	margin: 16px 0 0;
	color: var(--els-muted);
	font-size: 13px;
	line-height: 1.6;
}

#articlesBySameAuthorPages a,
#articlesBySimilarityPages a,
#articlesBySimilaritySearch a{
	color: var(--els-primary);
	font-weight: 800;
	text-decoration: none;
}

#articlesBySameAuthorPages a:hover,
#articlesBySimilarityPages a:hover,
#articlesBySimilaritySearch a:hover,
#articlesBySameAuthorPages a:focus,
#articlesBySimilarityPages a:focus,
#articlesBySimilaritySearch a:focus{
	color: var(--els-accent);
	text-decoration: none;
}

/* Download chart section and canvas shell. Chart.js reads the same tokens in JS. */
.downloads_chart{
	padding: 22px 0;
	border-top: 1px solid var(--els-border-soft);
	border-bottom: 1px solid var(--els-border-soft);
}

.downloads_chart .usageStatsGraph{
	display: block;
	width: 100% !important;
	max-width: 100%;
	min-height: 260px;
}

body[data-theme="dark"] .els_related_recommendations{
	background: var(--els-dm-surface);
	border-color: var(--els-dm-border);
	box-shadow: none;
}

body[data-theme="dark"] .els_related_recommendations_head{
	border-color: var(--els-dm-border-soft);
}

body[data-theme="dark"] .els_related_recommendations_head h2,
body[data-theme="dark"] .els_recommendation_panel h3{
	color: var(--els-primary);
}

body[data-theme="dark"] .els_recommendation_panel{
	background: var(--els-dm-surface-2);
	border-color: var(--els-dm-border);
	border-top-color: var(--els-primary);
}

body[data-theme="dark"] .els_recommendation_item,
body[data-theme="dark"] .els_recommendation_panel li{
	background: var(--els-dm-surface);
	border-color: var(--els-dm-border-soft);
	border-left-color: var(--els-accent);
	color: var(--els-dm-text);
}

body[data-theme="dark"] .els_recommendation_article_link{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_recommendation_article_link:hover,
body[data-theme="dark"] .els_recommendation_article_link:focus{
	color: var(--els-accent) !important;
}

body[data-theme="dark"] .els_recommendation_issue_link,
body[data-theme="dark"] #articlesBySameAuthorPages,
body[data-theme="dark"] #articlesBySimilarityPages,
body[data-theme="dark"] #articlesBySimilaritySearch{
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] #articlesBySameAuthorPages a,
body[data-theme="dark"] #articlesBySimilarityPages a,
body[data-theme="dark"] #articlesBySimilaritySearch a{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] #articlesBySameAuthorPages a:hover,
body[data-theme="dark"] #articlesBySimilarityPages a:hover,
body[data-theme="dark"] #articlesBySimilaritySearch a:hover,
body[data-theme="dark"] #articlesBySameAuthorPages a:focus,
body[data-theme="dark"] #articlesBySimilarityPages a:focus,
body[data-theme="dark"] #articlesBySimilaritySearch a:focus{
	color: var(--els-accent) !important;
}

body[data-theme="dark"] .downloads_chart{
	border-color: var(--els-dm-border-soft);
}

@media (max-width: 900px) {
	.els_related_recommendations{
		width: min(100% - 32px, var(--els-container));
		padding: 22px;
	}

	.els_related_recommendations_grid{
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 560px) {
	.els_related_recommendations{
		padding: 18px;
	}

	.els_recommendation_panel{
		padding: 15px;
	}

	.downloads_chart .usageStatsGraph{
		min-height: 220px;
	}
}


/* Elkuator hero pattern hook for journal-specific CSS overrides. */
.els_hero_elkuator_pattern,
.els_pattern_elkuator{
	--els-pattern-name: elkuator;
}

.els_related_nav_slot{
	display: contents;
}


/* ==========================================================================
   Elkuator Scholar Pro 1.1.0 professional consistency patch
   - accessible mobile submenu accordion
   - automatic Custom Block presentation
   - Static Pages baseline typography
   - unified system fonts and Font Awesome UI icons
   ========================================================================== */

/* Desktop submenu toggle is hidden; desktop dropdown remains hover/focus based. */
.els_submenu_toggle{
	display: none;
}

/* Font Awesome PDF icon replaces the former inline generic SVG. */
.els_pdf_link .els_pdf_icon,
.obj_galley_link.pdf .els_pdf_icon{
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	flex: 0 0 16px;
	color: var(--els-primary);
	font-size: 15px;
	line-height: 1;
	vertical-align: -2px;
}

.els_pdf_link:hover .els_pdf_icon,
.els_pdf_link:focus .els_pdf_icon,
.obj_galley_link.pdf:hover .els_pdf_icon,
.obj_galley_link.pdf:focus .els_pdf_icon{
	color: var(--els-accent);
}

/* Generic author actions use the Font Awesome bundled with OJS. */
.els_author_icon.fa{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	font-family: FontAwesome !important;
	font-size: 20px;
	font-style: normal;
	line-height: 1;
	stroke: none;
}

.els_corresponding_icon .els_author_icon_mail_inline.fa{
	display: inline-flex;
	width: 16px;
	height: 16px;
	font-size: 14px;
}



/* Custom Block baseline: professional without requiring custom classes. */
.els_sidebar .block_custom,
.els_sidebar [id^="customblock-"]{
	overflow: hidden;
	background: var(--els-surface);
	border: 1px solid var(--els-border-soft);
	border-radius: var(--els-radius);
	box-shadow: 0 6px 18px rgba(15, 41, 51, .04);
}

.els_sidebar .block_custom > .title,
.els_sidebar [id^="customblock-"] > .title,
.els_sidebar .block_custom > h2,
.els_sidebar [id^="customblock-"] > h2{
	margin: 0;
	border-radius: 0;
}

.els_sidebar .block_custom > .content,
.els_sidebar [id^="customblock-"] > .content,
.els_sidebar .block_custom .custom_block,
.els_sidebar [id^="customblock-"] .custom_block{
	min-width: 0;
	padding: 14px;
}

.els_sidebar .block_custom .content > :first-child,
.els_sidebar [id^="customblock-"] .content > :first-child,
.els_sidebar .block_custom .custom_block > :first-child,
.els_sidebar [id^="customblock-"] .custom_block > :first-child{
	margin-top: 0;
}

.els_sidebar .block_custom .content > :last-child,
.els_sidebar [id^="customblock-"] .content > :last-child,
.els_sidebar .block_custom .custom_block > :last-child,
.els_sidebar [id^="customblock-"] .custom_block > :last-child{
	margin-bottom: 0;
}

/* Inner headings in an unclassified block become section labels, not duplicate blue cards. */
.els_sidebar .block_custom .content h2,
.els_sidebar .block_custom .content h3,
.els_sidebar .block_custom .content h4,
.els_sidebar [id^="customblock-"] .content h2,
.els_sidebar [id^="customblock-"] .content h3,
.els_sidebar [id^="customblock-"] .content h4,
.els_sidebar .block_custom .custom_block h2,
.els_sidebar .block_custom .custom_block h3,
.els_sidebar .block_custom .custom_block h4{
	margin: 22px 0 8px;
	padding: 0 0 8px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--els-border);
	border-radius: 0;
	color: var(--els-heading) !important;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: .01em;
}

.els_sidebar .block_custom .content h2:first-child,
.els_sidebar .block_custom .content h3:first-child,
.els_sidebar .block_custom .content h4:first-child,
.els_sidebar [id^="customblock-"] .content h2:first-child,
.els_sidebar [id^="customblock-"] .content h3:first-child,
.els_sidebar [id^="customblock-"] .content h4:first-child{
	margin-top: 0;
}

.els_sidebar .block_custom .content img,
.els_sidebar [id^="customblock-"] .content img,
.els_sidebar .block_custom .custom_block img,
.els_sidebar [id^="customblock-"] .custom_block img{
	display: block;
	max-width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

/* Standard logo grids: Tools and Indexing/Abstracting blocks. */
.els_sidebar [id*="customblock-tools" i] .content,
.els_sidebar [id*="customblock-tool" i] .content,
.els_sidebar [id*="customblock-indexing" i] .content,
.els_sidebar [id*="customblock-abstracting" i] .content,
.els_sidebar [id*="customblock-tools" i] .custom_block,
.els_sidebar [id*="customblock-tool" i] .custom_block,
.els_sidebar [id*="customblock-indexing" i] .custom_block,
.els_sidebar [id*="customblock-abstracting" i] .custom_block{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.els_sidebar [id*="customblock-tools" i] .content > *,
.els_sidebar [id*="customblock-tool" i] .content > *,
.els_sidebar [id*="customblock-indexing" i] .content > *,
.els_sidebar [id*="customblock-abstracting" i] .content > *,
.els_sidebar [id*="customblock-tools" i] .custom_block > *,
.els_sidebar [id*="customblock-tool" i] .custom_block > *,
.els_sidebar [id*="customblock-indexing" i] .custom_block > *,
.els_sidebar [id*="customblock-abstracting" i] .custom_block > *{
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 66px;
	margin: 0;
	padding: 10px;
	background: var(--els-surface);
	border: 1px solid var(--els-border-soft);
	border-radius: var(--els-radius);
	text-align: center;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.els_sidebar [id*="customblock-tools" i] .content > *:hover,
.els_sidebar [id*="customblock-tool" i] .content > *:hover,
.els_sidebar [id*="customblock-indexing" i] .content > *:hover,
.els_sidebar [id*="customblock-abstracting" i] .content > *:hover,
.els_sidebar [id*="customblock-tools" i] .custom_block > *:hover,
.els_sidebar [id*="customblock-tool" i] .custom_block > *:hover,
.els_sidebar [id*="customblock-indexing" i] .custom_block > *:hover,
.els_sidebar [id*="customblock-abstracting" i] .custom_block > *:hover{
	border-color: var(--els-primary-border);
	box-shadow: 0 7px 16px rgba(15, 41, 51, .08);
	transform: translateY(-1px);
}

.els_sidebar [id*="customblock-tools" i] img,
.els_sidebar [id*="customblock-tool" i] img,
.els_sidebar [id*="customblock-indexing" i] img,
.els_sidebar [id*="customblock-abstracting" i] img{
	width: auto;
	max-height: 42px;
	object-fit: contain;
}

/* Centred media blocks: collaboration, ISSN barcode, accreditation and visitor widgets. */
.els_sidebar [id*="customblock-collaboration" i] .content,
.els_sidebar [id*="customblock-collaborat" i] .content,
.els_sidebar [id*="customblock-association" i] .content,
.els_sidebar [id*="customblock-partner" i] .content,
.els_sidebar [id*="customblock-issn" i] .content,
.els_sidebar [id*="customblock-accreditation" i] .content,
.els_sidebar [id*="customblock-sinta" i] .content,
.els_sidebar [id*="customblock-visitor" i] .content,
.els_sidebar [id*="customblock-flagcounter" i] .content,
.els_sidebar [id*="customblock-statcounter" i] .content,
.els_sidebar [id*="customblock-collaboration" i] .custom_block,
.els_sidebar [id*="customblock-issn" i] .custom_block,
.els_sidebar [id*="customblock-accreditation" i] .custom_block,
.els_sidebar [id*="customblock-sinta" i] .custom_block,
.els_sidebar [id*="customblock-visitor" i] .custom_block{
	text-align: center;
}

.els_sidebar [id*="customblock-collaboration" i] img,
.els_sidebar [id*="customblock-collaborat" i] img,
.els_sidebar [id*="customblock-association" i] img,
.els_sidebar [id*="customblock-partner" i] img,
.els_sidebar [id*="customblock-issn" i] img,
.els_sidebar [id*="customblock-accreditation" i] img,
.els_sidebar [id*="customblock-sinta" i] img{
	width: auto;
	max-height: 190px;
	padding: 10px;
	background: #fff;
	border: 1px solid var(--els-border-soft);
	object-fit: contain;
}

.els_sidebar [id*="customblock-visitor" i] img,
.els_sidebar [id*="customblock-flagcounter" i] img,
.els_sidebar [id*="customblock-statcounter" i] img{
	width: auto;
	max-height: none;
	background: #fff;
	object-fit: contain;
}

/* Scopus Citedness remains flexible for tables, manual values, or third-party widgets. */
.els_sidebar [id*="customblock-scopus" i] table,
.els_sidebar [id*="customblock-citedness" i] table{
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	font-size: 12px;
}

.els_sidebar [id*="customblock-scopus" i] th,
.els_sidebar [id*="customblock-scopus" i] td,
.els_sidebar [id*="customblock-citedness" i] th,
.els_sidebar [id*="customblock-citedness" i] td{
	padding: 7px 8px;
	border: 1px solid var(--els-border-soft);
	text-align: left;
	vertical-align: top;
}

/* Static Pages: safe baseline without assuming a page-builder structure. */
.pkp_page_pages.pkp_op_view .els_main > .page{
	padding: 30px 34px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	box-shadow: var(--els-shadow);
	color: var(--els-text);
	font-family: var(--els-font);
	font-size: 15px;
	line-height: 1.75;
	overflow-wrap: anywhere;
}

.pkp_page_pages.pkp_op_view .els_main > .page > h2:first-child{
	margin: 0 0 24px;
	padding: 0 0 14px;
	border-bottom: 1px solid var(--els-border);
	color: var(--els-primary);
	font-size: clamp(24px, 3vw, 32px);
	font-weight: 800;
	line-height: 1.25;
}

.pkp_page_pages.pkp_op_view .page h3,
.pkp_page_pages.pkp_op_view .page h4,
.pkp_page_pages.pkp_op_view .page h5,
.pkp_page_pages.pkp_op_view .page h6{
	margin: 28px 0 12px;
	color: var(--els-heading);
	font-family: var(--els-heading-font);
	font-weight: 800;
	line-height: 1.35;
}

.pkp_page_pages.pkp_op_view .page p,
.pkp_page_pages.pkp_op_view .page ul,
.pkp_page_pages.pkp_op_view .page ol,
.pkp_page_pages.pkp_op_view .page blockquote,
.pkp_page_pages.pkp_op_view .page table,
.pkp_page_pages.pkp_op_view .page pre{
	margin-top: 0;
	margin-bottom: 18px;
}

.pkp_page_pages.pkp_op_view .page ul,
.pkp_page_pages.pkp_op_view .page ol{
	padding-left: 24px;
}

.pkp_page_pages.pkp_op_view .page li + li{
	margin-top: 6px;
}

.pkp_page_pages.pkp_op_view .page img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 18px auto;
}

.pkp_page_pages.pkp_op_view .page table{
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
	background: var(--els-surface);
	font-size: 14px;
}

.pkp_page_pages.pkp_op_view .page th,
.pkp_page_pages.pkp_op_view .page td{
	padding: 11px 13px;
	border: 1px solid var(--els-border);
	text-align: left;
	vertical-align: top;
}

.pkp_page_pages.pkp_op_view .page th{
	background: var(--els-primary);
	color: #fff;
	font-weight: 800;
}

.pkp_page_pages.pkp_op_view .page blockquote{
	padding: 14px 18px;
	background: var(--els-primary-soft);
	border-left: 4px solid var(--els-primary);
	color: var(--els-text);
}

.pkp_page_pages.pkp_op_view .page pre{
	max-width: 100%;
	padding: 14px 16px;
	overflow-x: auto;
	background: #17202a;
	color: #f8fafc;
	font-size: 13px;
	line-height: 1.6;
}

.pkp_page_pages.pkp_op_view .page code{
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

.pkp_page_pages.pkp_op_view .page iframe,
.pkp_page_pages.pkp_op_view .page video{
	max-width: 100%;
}

.pkp_page_pages.pkp_op_view .page hr{
	margin: 28px 0;
	border: 0;
	border-top: 1px solid var(--els-border);
}


/* Dark mode for new baseline components. */
body[data-theme="dark"] .els_sidebar .block_custom,
body[data-theme="dark"] .els_sidebar [id^="customblock-"],
body[data-theme="dark"] .els_sidebar [id*="customblock-tools" i] .content > *,
body[data-theme="dark"] .els_sidebar [id*="customblock-tool" i] .content > *,
body[data-theme="dark"] .els_sidebar [id*="customblock-indexing" i] .content > *,
body[data-theme="dark"] .els_sidebar [id*="customblock-abstracting" i] .content > *{
	background: var(--els-dm-surface-2, var(--els-dm-surface-2)) !important;
	border-color: var(--els-dm-border, var(--els-dm-border)) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_sidebar .block_custom .content h2,
body[data-theme="dark"] .els_sidebar .block_custom .content h3,
body[data-theme="dark"] .els_sidebar .block_custom .content h4,
body[data-theme="dark"] .els_sidebar [id^="customblock-"] .content h2,
body[data-theme="dark"] .els_sidebar [id^="customblock-"] .content h3,
body[data-theme="dark"] .els_sidebar [id^="customblock-"] .content h4{
	background: transparent !important;
	border-color: var(--els-dm-border, var(--els-dm-border)) !important;
	color: var(--els-dm-heading, var(--els-dm-heading)) !important;
}

body[data-theme="dark"].pkp_page_pages.pkp_op_view .els_main > .page,
body[data-theme="dark"].pkp_page_pages.pkp_op_view .els_main > .page{
	background: var(--els-dm-surface-2, var(--els-dm-surface-2)) !important;
	border-color: var(--els-dm-border, var(--els-dm-border)) !important;
	color: var(--els-dm-text, var(--els-dm-text)) !important;
	box-shadow: none !important;
}

body[data-theme="dark"].pkp_page_pages.pkp_op_view .page h3,
body[data-theme="dark"].pkp_page_pages.pkp_op_view .page h4,
body[data-theme="dark"].pkp_page_pages.pkp_op_view .page h5,
body[data-theme="dark"].pkp_page_pages.pkp_op_view .page h6,
body[data-theme="dark"].pkp_page_pages.pkp_op_view .page blockquote{
	color: var(--els-dm-heading, var(--els-dm-heading)) !important;
}

body[data-theme="dark"].pkp_page_pages.pkp_op_view .page table,
body[data-theme="dark"].pkp_page_pages.pkp_op_view .page blockquote{
	background: var(--els-dm-surface, var(--els-dm-surface)) !important;
	border-color: var(--els-dm-border, var(--els-dm-border)) !important;
}

body[data-theme="dark"].pkp_page_pages.pkp_op_view .page th,
body[data-theme="dark"].pkp_page_pages.pkp_op_view .page td{
	border-color: var(--els-dm-border, var(--els-dm-border)) !important;
}

/* =========================================================
   Elkuator Scholar Pro 1.1.0 — Professional UI update
   ========================================================= */

/* Theme-owned SVG icon system. Font Awesome 4 remains available for OJS UI. */
.els_icon{
	display: inline-block;
	flex: 0 0 auto;
	width: 1em;
	height: 1em;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.8;
	stroke-linecap: round;
	stroke-linejoin: round;
	vertical-align: -0.14em;
}

.els_icon--badge{ width: 13px; height: 13px; }
.els_icon--meta{ width: 14px; height: 14px; }
.els_icon--metric{ width: 17px; height: 17px; }
.els_icon--pdf{ width: 16px; height: 16px; }
.els_icon--action{ width: 15px; height: 15px; }
.els_icon--eyebrow{ width: 16px; height: 16px; }

/* Article listings: dynamic section, metadata, galleys, and cumulative metrics. */
.els_article_summary{
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.els_article_badges{
	gap: 7px;
	margin-bottom: 9px;
}

.els_article_badges .els_section_badge,
.els_article_badges .els_doi_badge{
	gap: 5px;
	min-height: 25px;
	padding: 5px 8px;
	border-radius: 4px;
	letter-spacing: .025em;
	text-transform: uppercase;
}

.els_article_badges .els_section_badge,
.els_article_badges .els_doi_badge{
	background: var(--els-surface-alt);
	border-color: var(--els-border);
	color: var(--els-text);
}

.els_article_badges .els_doi_badge:hover,
.els_article_badges .els_doi_badge:focus-visible{
	background: var(--els-primary-soft);
	border-color: var(--els-primary-border);
	color: var(--els-primary-dark);
}

.els_article_meta{
	align-items: center;
	gap: 7px 14px;
	margin-top: 7px;
	font-size: 11.5px;
}

.els_meta_item{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-width: 0;
}

.els_meta_item .els_icon{
	color: #80909a;
}

.els_article_actions{
	align-items: center;
	gap: 10px;
	margin-top: 12px;
}

.els_galleys,
.els_detail_galleys{
	gap: 8px;
	margin: 0 !important;
}

.els_galley_link,
.els_galleys .els_galley_link,
.els_detail_galleys .els_galley_link{
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	min-height: 31px;
	padding: 6px 10px !important;
	border-radius: 4px !important;
	line-height: 1 !important;
	transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.els_galley_link:hover,
.els_galley_link:focus-visible{
	background: var(--els-primary) !important;
	border-color: var(--els-primary) !important;
	box-shadow: 0 5px 14px rgba(15, 41, 51, .12);
	color: #fff !important;
	transform: translateY(-1px);
}

.els_pdf_icon{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.els_article_stats{
	gap: 12px;
	margin-left: 0;
	color: #74838d;
	font-variant-numeric: tabular-nums;
}

.els_article_stats > span,
.els_side_metric{
	display: inline-flex !important;
	align-items: center;
	gap: 6px !important;
}

.els_article_stats .els_icon,
.els_side_metric .els_icon{
	color: var(--els-primary);
}

.els_side_metric strong{
	color: var(--els-text);
	font-variant-numeric: tabular-nums;
}

body[data-theme="dark"] .els_article_sidebox .els_side_metric{
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_article_sidebox .els_side_metric strong{
	color: var(--els-dm-heading) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_article_sidebox .els_side_metric .els_icon{
	color: var(--els-dm-link) !important;
	opacity: 1 !important;
}

/* Article details: one navigation system, concise metadata, adaptive related rail. */
.els_detail_section_badge{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 12px;
	padding: 6px 9px;
	background: var(--els-primary-soft, #eef8fb);
	border: 1px solid var(--els-primary-border, #b9dce8);
	border-radius: 4px;
	color: var(--els-primary);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.els_detail_meta{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 18px;
	padding-bottom: 17px;
	font-size: 12px;
}

.els_detail_meta .els_meta_item--doi{
	gap: 5px;
}

.els_detail_meta .els_meta_item--doi strong{
	color: #53636d;
	font-size: 11px;
	letter-spacing: .04em;
}

.els_detail_meta .els_meta_item--doi a{
	overflow-wrap: anywhere;
}

.els_detail_tabs{
	display: none !important;
}

.els_article_page_grid{
	min-width: 0;
}

.els_article_page_main{
	min-width: 0;
}

.els_article_footer_plugins[hidden],
.els_article_footer_plugins:empty{
	display: none;
}

.els_related_recommendations{
	width: min(1180px, calc(100% - 48px));
	margin: 0 auto 56px;
	padding: 24px;
	background: #fff;
	border: 1px solid var(--els-border);
	border-top: 4px solid var(--els-primary);
	border-radius: 6px;
	box-shadow: var(--els-shadow);
}

.els_related_recommendations_head{
	margin-bottom: 16px;
}

.els_related_recommendations_kicker{
	display: block;
	margin-bottom: 4px;
	color: var(--els-accent);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.els_related_recommendations_head h2{
	margin: 0;
	color: var(--els-text);
	font-size: 21px;
	line-height: 1.25;
}

.els_related_recommendations_grid,
.els_recommendation_panel,
.els_recommendation_list{
	min-width: 0;
}

.els_recommendation_panel{
	margin: 0 0 18px;
	padding: 0;
	background: transparent;
	border: 0;
}

.els_recommendation_panel:last-child{
	margin-bottom: 0;
}

.els_recommendation_panel > h2,
.els_recommendation_panel > h3,
.els_recommendation_panel .title{
	margin: 0 0 10px;
	color: #53636d;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: .045em;
	text-transform: uppercase;
}

.els_recommendation_list,
.els_recommendation_panel ul{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_recommendation_item,
.els_recommendation_panel li{
	margin: 0 !important;
	padding: 14px !important;
	background: #f7fbfc;
	border: 1px solid #dce8ec;
	border-radius: 5px;
	list-style: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.els_recommendation_item:hover{
	border-color: var(--els-primary-border, var(--els-primary));
	box-shadow: 0 8px 18px rgba(15, 41, 51, .08);
	transform: translateY(-2px);
}

.els_recommendation_article_link{
	display: block;
	color: var(--els-primary) !important;
	font-size: 13px;
	font-weight: 800;
	line-height: 1.42;
	text-decoration: none !important;
}

.els_recommendation_issue_link{
	display: inline-block;
	margin-top: 8px;
	color: #6f7f89 !important;
	font-size: 11px;
	line-height: 1.4;
	text-decoration: none !important;
}

@media (min-width: 1500px) {
	.els_article_page_grid{
		display: grid;
		grid-template-columns: minmax(0, 1fr) 280px;
		gap: 28px;
		align-items: start;
		width: min(1500px, calc(100% - 64px));
		margin: 0 auto;
	}

	.els_article_page_main .els_article_shell_two_columns{
		width: 100%;
		max-width: none;
		margin-left: 0;
		margin-right: 0;
	}

	.els_related_recommendations{
		position: sticky;
		top: 24px;
		width: auto;
		margin: 36px 0 56px;
		padding: 20px;
	}

	.els_recommendation_list,
.els_recommendation_panel ul{
		grid-template-columns: 1fr;
	}
}

/* Automatic Custom Block presentation from OJS block titles. */
.els_sidebar .els_auto_block{
	overflow: hidden;
	margin-bottom: 18px !important;
	background: #fff !important;
	border: 1px solid #dce8ec !important;
	border-radius: 6px;
	box-shadow: 0 6px 18px rgba(15, 41, 51, .045);
}

.els_sidebar .els_auto_block > .title,
.els_sidebar .els_auto_block > h2,
.els_sidebar .els_auto_block > h3{
	margin: 0 !important;
	padding: 12px 14px !important;
	background: var(--els-primary) !important;
	border: 0 !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 850 !important;
	line-height: 1.25 !important;
	text-align: center;
	text-transform: none;
}

.els_sidebar .els_auto_block__content{
	padding: 14px !important;
}

.els_auto_media_grid{
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.els_auto_media_card{
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-width: 0;
	min-height: 88px;
	margin: 0 !important;
	padding: 10px !important;
	background: #fff;
	border: 1px solid #dce8ec !important;
	border-radius: 5px;
	list-style: none !important;
	text-decoration: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.els_auto_media_card:last-child:nth-child(odd){
	grid-column: 1 / -1;
	width: calc(50% - 5px);
	justify-self: center;
}

.els_auto_media_card:only-child{
	grid-column: 1 / -1;
	width: min(100%, 180px);
	justify-self: center;
}

.els_auto_media_card:hover,
.els_auto_media_card:focus-visible,
.els_linked_media:hover,
.els_linked_media:focus-visible,
.els_auto_feature_media:hover,
.els_auto_feature_media:focus-visible{
	border-color: var(--els-primary) !important;
	box-shadow: 0 10px 22px rgba(15, 41, 51, .12);
	outline: 0;
	transform: translateY(-2px) scale(1.012);
}

.els_auto_media_card img,
.els_auto_tools_grid img{
	display: block !important;
	width: 100% !important;
	height: 56px !important;
	max-width: 150px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	object-fit: contain;
}

.els_auto_block--collaboration .els_auto_media_card{
	min-height: 118px;
}

.els_auto_block--collaboration .els_auto_media_card img{
	height: 94px !important;
	max-width: 130px !important;
}

.els_auto_tools_grid > li > a{
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding: 0 !important;
	border: 0 !important;
	text-decoration: none !important;
}

.els_auto_feature_media,
.els_auto_block--visitor .els_auto_block__content > a,
.els_auto_block--visitor .els_auto_block__content > div{
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	margin: 0 auto;
	padding: 10px !important;
	background: #fff;
	border: 1px solid #dce8ec !important;
	border-radius: 5px;
	text-decoration: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.els_auto_block--visitor .els_auto_block__content{
	display: grid;
	gap: 10px;
}

.els_auto_block--visitor img,
.els_auto_feature_media img{
	display: block !important;
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	object-fit: contain;
}

.els_auto_block--scopus-citedness .els_auto_feature_media img{
	max-height: 150px !important;
}

.els_auto_block--scopus-tracking .els_auto_feature_media img{
	max-height: 360px !important;
}

.els_auto_block--issn .els_auto_feature_media img{
	max-height: 125px !important;
}

.els_auto_block--visitor .statcounter_public_link{
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	margin: 10px auto 0 !important;
	padding: 7px 11px !important;
	background: var(--els-primary-soft, #eef8fb) !important;
	border: 1px solid var(--els-primary-border, #b9dce8) !important;
	border-radius: 4px;
	color: var(--els-primary) !important;
	font-size: 11px;
	font-weight: 800;
	text-decoration: none !important;
}

/* Announcement cards and detail page. */
.els_announcements_page{
	padding: 30px 34px;
}

.els_announcements_header{
	margin-bottom: 24px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--els-border-soft);
}

.els_page_eyebrow{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 7px;
	color: var(--els-accent);
	font-size: 11px;
	font-weight: 850;
	letter-spacing: .075em;
	text-transform: uppercase;
}

.els_announcements_header h1{
	margin: 0;
}

.els_announcement_intro{
	max-width: 820px;
	margin: 12px 0 0;
	padding: 0;
	background: transparent;
	border: 0;
	color: #5d6d77;
	font-size: 14px;
	line-height: 1.7;
}

.els_announcement_list{
	display: grid;
	gap: 20px;
}

.els_announcement_item{
	position: relative;
	margin: 0 !important;
	padding: 24px 26px 22px !important;
	background: #fff;
	border: 1px solid #dce8ec !important;
	border-left: 4px solid var(--els-primary) !important;
	border-radius: 6px;
	box-shadow: 0 7px 20px rgba(15, 41, 51, .05);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.els_announcement_item.is_latest{
	border-left-color: var(--els-accent) !important;
}

.els_announcement_item:hover{
	border-color: var(--els-primary-border, #b9dce8) !important;
	box-shadow: 0 12px 28px rgba(15, 41, 51, .09);
	transform: translateY(-2px);
}

.els_announcement_meta{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 12px;
	margin-bottom: 11px;
	color: #71808a;
	font-size: 11px;
	font-weight: 650;
}

.els_announcement_meta time{
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.els_announcement_type,
.els_announcement_latest{
	display: inline-flex;
	align-items: center;
	min-height: 23px;
	padding: 4px 7px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .055em;
	text-transform: uppercase;
}

.els_announcement_type{
	background: var(--els-primary-soft, #eef8fb);
	border: 1px solid var(--els-primary-border, #b9dce8);
	color: var(--els-primary);
}

.els_announcement_latest{
	background: var(--els-accent-soft, #fff6ed);
	border: 1px solid var(--els-accent-border, #f4b57d);
	color: var(--els-accent);
}

.els_announcement_item h2{
	margin: 0 0 11px !important;
	font-size: 20px !important;
	line-height: 1.35;
	text-transform: none !important;
}

.els_announcement_item h2 a{
	color: var(--els-primary) !important;
	text-decoration: none !important;
}

.els_announcement_item h2 a:hover,
.els_announcement_item h2 a:focus-visible{
	color: var(--els-accent) !important;
}

.els_announcement_summary{
	max-width: 900px;
	margin: 0 0 16px !important;
	color: #465660;
	font-size: 14px;
	line-height: 1.7;
}

.els_announcement_read{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--els-primary) !important;
	font-size: 13px;
	font-weight: 850;
	text-decoration: none !important;
}

.els_announcement_read:hover,
.els_announcement_read:focus-visible{
	color: var(--els-accent) !important;
}

.els_announcement_read:hover .els_icon,
.els_announcement_read:focus-visible .els_icon{
	transform: translateX(3px);
}

.els_announcement_read .els_icon{
	transition: transform .18s ease;
}







/* Dark mode additions for 1.1.0. */
body[data-theme="dark"] .els_galley_link:hover,
body[data-theme="dark"] .els_galley_link:focus-visible{
	background: var(--els-accent) !important;
	border-color: var(--els-accent) !important;
	color: var(--els-dm-surface) !important;
}

body[data-theme="dark"] .els_related_recommendations,
body[data-theme="dark"] .els_announcement_item,
body[data-theme="dark"] .els_sidebar .els_auto_block{
	background: var(--els-dm-surface-2) !important;
	border-color: rgba(148, 163, 184, .28) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_recommendation_item,
body[data-theme="dark"] .els_auto_media_card,
body[data-theme="dark"] .els_auto_feature_media,
body[data-theme="dark"] .els_auto_block--visitor .els_auto_block__content > a,
body[data-theme="dark"] .els_auto_block--visitor .els_auto_block__content > div{
	background: var(--els-dm-surface) !important;
	border-color: rgba(148, 163, 184, .26) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_auto_media_card img,
body[data-theme="dark"] .els_auto_feature_media img,
body[data-theme="dark"] .els_auto_block--visitor img{
	background: #fff !important;
	border-radius: 3px;
}

body[data-theme="dark"] .els_announcement_summary,
body[data-theme="dark"] .els_announcement_intro,
body[data-theme="dark"] .els_announcement_meta,
body[data-theme="dark"] .els_recommendation_issue_link{
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_announcement_item h2 a,
body[data-theme="dark"] .els_related_recommendations_head h2,
body[data-theme="dark"] .els_recommendation_article_link{
	color: var(--els-dm-link) !important;
}

@media (max-width: 991px) {
	.els_recommendation_list,
.els_recommendation_panel ul{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.els_related_recommendations,
.els_announcements_page{
		width: min(100% - 24px, 100%);
		padding: 20px 16px;
	}

	.els_announcement_item{
		padding: 20px 18px !important;
	}

	.els_announcement_item h2{
		font-size: 18px !important;
	}

	.els_announcement_meta{
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}

	.els_auto_media_grid{
		gap: 8px !important;
	}

	.els_auto_media_card{
		min-height: 78px;
		padding: 8px !important;
	}
}

/* Linked media affordance for Custom Blocks, including generic blocks. */
.els_linked_media{
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-width: 0;
	border: 1px solid transparent !important;
	border-radius: 5px;
	text-decoration: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.els_auto_media_card .els_linked_media{
	width: 100%;
	height: 100%;
}

.els_auto_block--visitor .els_linked_media:hover,
.els_auto_block--visitor .els_linked_media:focus-visible,
.els_auto_block--issn .els_linked_media:hover,
.els_auto_block--issn .els_linked_media:focus-visible,
.els_auto_block--scopus-tracking .els_linked_media:hover,
.els_auto_block--scopus-tracking .els_linked_media:focus-visible{
	transform: translateY(-2px);
}

/* Keyboard and nested-link refinement for media and recommendation cards. */
.els_auto_media_card:focus-within,
.els_recommendation_item:focus-within{
	border-color: var(--els-primary) !important;
	box-shadow: 0 10px 22px rgba(15, 41, 51, .12);
	transform: translateY(-2px);
}

.els_auto_media_card .els_linked_media:hover,
.els_auto_media_card .els_linked_media:focus-visible{
	border-color: transparent !important;
	box-shadow: none;
	transform: none;
}

.els_recommendation_item:focus-within{
	outline: 2px solid var(--els-primary);
	outline-offset: 2px;
}

/* ========================================================================== 
   Elkuator Scholar Pro 1.1.0 QA6 unified compatibility layer

   This section replaces the former QA2-QA5 cascade. Each selector is defined
   once in its final state to prevent contradictory late-stage overrides.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Global layout, hero and navigation alignment
   -------------------------------------------------------------------------- */

.els_container,
.els_topbar_inner,
.els_prehero_nav_inner,
.els_breadcrumb_inner,
.els_posthero_nav_inner,
.els_hero_inner,
.els_content,
.pkp_structure_content.els_content,
.els-dashboard-footer__inner,
.els-site-copyright__inner{
	width: min(var(--els-container), calc(100% - var(--els-page-inset))) !important;
	max-width: var(--els-container) !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.els_posthero_nav #navigationPrimary > li:first-child > a{
	padding-left: 0 !important;
}

.els_hero > .els_pattern{
	inset: -28px !important;
}

.els_hero > .els_pattern::after{
	width: 360px;
	height: 360px;
	right: -90px;
	bottom: -205px;
}

/* --------------------------------------------------------------------------
   2. Article and issue layout
   -------------------------------------------------------------------------- */
.els_article_page_grid,
.pkp_page_article.pkp_op_view .els_article_shell_two_columns,
.els_related_recommendations{
	width: 100% !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.pkp_page_article.pkp_op_view .els_article_shell_two_columns{
	margin-top: 36px !important;
	margin-bottom: 56px !important;
}

.els_related_recommendations{
	margin-top: 0 !important;
	margin-bottom: 56px !important;
}

.els_issue_articles h1{
	width: 100%;
	max-width: none !important;
	font-size: clamp(24px, 1.85vw, 28px);
	line-height: 1.28;
	text-wrap: pretty;
}

.els_article_title,
.els_article_title a,
.obj_article_summary .title,
.obj_article_summary .title a,
.els_article_detail_title,
.els_recommendation_article_link,
.pkp_page_article.pkp_op_view .els_related_card h3,
.pkp_page_article.pkp_op_view .els_related_card h3 a{
	text-align: justify;
	text-align-last: left;
	text-justify: inter-word;
	hyphens: auto;
	overflow-wrap: anywhere;
}

.els_recommendation_authors{
	margin: 0 0 5px;
	color: var(--els-text);
	font-size: 11.5px;
	font-weight: 550;
	line-height: 1.45;
}

/* One divider per article section. */
.pkp_page_article.pkp_op_view .els_article_center .els_detail_section{
	margin: 0 !important;
	padding: 0 !important;
	border-bottom: 0 !important;
}

.pkp_page_article.pkp_op_view .els_article_center .els_detail_section + .els_detail_section{
	margin-top: 28px !important;
	padding-top: 28px !important;
	border-top: 1px solid #e4edf1 !important;
}

.pkp_page_article.pkp_op_view .els_article_center .downloads_chart{
	border-top: 0 !important;
	border-bottom: 0 !important;
}

.pkp_page_article.pkp_op_view .els_article_center .downloads_chart{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}



/* The galley action needs a deliberate gap before the first article section.
   This selector is intentionally more specific than the generic section reset. */
.pkp_page_article.pkp_op_view .els_article_center .els_detail_galleys + .els_abstract_section,
.pkp_page_article.pkp_op_view .els_article_center .els_detail_galleys + .els_supplementary_files{
	margin-top: 26px !important;
}

.pkp_page_article.pkp_op_view .els_article_center .els_supplementary_files + .els_abstract_section{
	margin-top: 28px !important;
}

/* --------------------------------------------------------------------------
   3. Article badges and ISSN spacing
   -------------------------------------------------------------------------- */
.els_article_badges{
	align-items: stretch !important;
	gap: 8px !important;
}

.els_article_badges > .els_section_badge,
.els_article_badges > .els_doi_badge{
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 11px !important;
	border-radius: 5px !important;
	box-sizing: border-box !important;
	line-height: 1 !important;
}

.els_article_badges > .els_doi_badge > span,
.els_article_badges > .els_section_badge > span{
	display: inline !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: inherit !important;
	font: inherit !important;
	line-height: 1 !important;
}

.els_article_badges > .els_doi_badge .els_icon,
.els_article_badges > .els_section_badge .els_icon{
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
}

.els_badges > .els_issn_badge{
	display: inline-flex;
	align-items: center;
	gap: 6px;
	white-space: nowrap;
}

.els_issn_badge_label,
.els_issn_badge_value{
	flex: 0 0 auto;
}

.els_issn_badge_label{
	color: inherit;
	font: inherit;
	font-weight: 700;
}

/* --------------------------------------------------------------------------
   4. Automatic Custom Blocks
   -------------------------------------------------------------------------- */
.els_sidebar .els_auto_block--tools{
	overflow: hidden !important;
	background: #fff !important;
	border: 1px solid #dce8ec !important;
	border-radius: 6px !important;
	box-shadow: 0 6px 18px rgba(15, 41, 51, .045) !important;
}

.els_sidebar .els_auto_block--tools > .title,
.els_sidebar .els_auto_block--tools > h2,
.els_sidebar .els_auto_block--tools > h3{
	border-radius: 0 !important;
}

.els_sidebar .els_auto_block--tools .els_auto_block__content{
	display: block !important;
	padding: 14px !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.els_sidebar .els_auto_block--tools .els_auto_tools_grid{
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	list-style: none !important;
}

.els_auto_block--tools .els_auto_media_item{
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	list-style: none !important;
}

.els_auto_block--tools .els_auto_media_item:last-child:nth-child(odd){
	grid-column: 1 / -1;
	width: calc(50% - 5px);
	justify-self: center;
}

.els_auto_block--tools .els_auto_media_item:only-child{
	grid-column: 1 / -1;
	width: min(100%, 180px);
	justify-self: center;
}

.els_auto_block--tools .els_auto_media_item > .els_auto_media_card{
	grid-column: auto !important;
	width: 100% !important;
	justify-self: stretch !important;
}

.els_auto_block--tools .els_auto_media_card,
.els_auto_block--collaboration .els_auto_media_card{
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
	height: 100%;
	min-height: 92px;
	padding: 12px !important;
	overflow: hidden;
	background: #fff;
	border: 1px solid #dce8ec !important;
	border-radius: 6px;
	box-shadow: 0 3px 10px rgba(15, 41, 51, .035);
	text-decoration: none !important;
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.els_auto_block--tools .els_auto_media_card img,
.els_auto_block--collaboration .els_auto_media_card img{
	display: block !important;
	width: 100% !important;
	height: 66px !important;
	max-width: 100% !important;
	max-height: 66px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	object-fit: contain;
}

.els_auto_block--collaboration .els_auto_media_card{
	min-height: 112px;
}

.els_auto_block--collaboration .els_auto_media_card img{
	height: 88px !important;
	max-height: 88px !important;
}

.els_auto_block--tools .els_auto_media_card:hover,
.els_auto_block--tools .els_auto_media_card:focus-visible,
.els_auto_block--collaboration .els_auto_media_card:hover,
.els_auto_block--collaboration .els_auto_media_card:focus-visible{
	border-color: var(--els-primary) !important;
	box-shadow: 0 10px 22px rgba(15, 41, 51, .12);
	outline: 0;
	transform: translateY(-2px) scale(1.012);
}

/* Visitor Statistics uses the outer block as its only frame. */
.els_auto_block--visitor .els_auto_block__content{
	display: block !important;
	padding: 14px !important;
}

.els_auto_block--visitor .els_auto_block__content > a,
.els_auto_block--visitor .els_auto_block__content > div,
.els_auto_block--visitor .flagcounter_link,
.els_auto_block--visitor .png_visitor,
.els_auto_block--visitor .png_statcounter,
.els_auto_block--visitor .statcounter_counter{
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-align: center !important;
	transform: none !important;
}

.els_auto_block--visitor .flagcounter_link:hover,
.els_auto_block--visitor .flagcounter_link:focus-visible,
.els_auto_block--visitor .statcounter_counter:hover,
.els_auto_block--visitor .statcounter_counter:focus-visible{
	border: 0 !important;
	box-shadow: none !important;
	outline: 0 !important;
	transform: none !important;
}

.els_auto_block--visitor .png_statcounter{
	margin-top: 10px !important;
}

.els_auto_block--visitor .flagcounter_link img,
.els_auto_block--visitor .png_visitor img{
	width: 100% !important;
	height: auto !important;
	max-width: 250px !important;
	max-height: none !important;
}

.els_auto_block--visitor .statcounter_counter img{
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
	margin: 0 auto !important;
}

.els_auto_block--visitor .statcounter_public_link{
	display: inline-flex !important;
	margin: 10px auto 0 !important;
}

/* Single-image blocks share the outer block shell without a second card. */
.els_auto_block--scopus-citedness .els_auto_feature_media,
.els_auto_block--scopus-tracking .els_auto_feature_media,
.els_auto_block--issn .els_auto_feature_media{
	padding: 14px !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

.els_auto_block--scopus-citedness .els_linked_media:hover,
.els_auto_block--scopus-citedness .els_linked_media:focus-visible,
.els_auto_block--scopus-tracking .els_linked_media:hover,
.els_auto_block--scopus-tracking .els_linked_media:focus-visible,
.els_auto_block--issn .els_linked_media:hover,
.els_auto_block--issn .els_linked_media:focus-visible{
	border: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

.els_auto_block--scopus-tracking .els_auto_feature_media{
	padding: 8px !important;
}

.els_auto_block--scopus-tracking .els_auto_feature_media img{
	display: block !important;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 520px !important;
	margin: 0 auto !important;
	object-fit: contain !important;
}

/* --------------------------------------------------------------------------
   5. Submissions page and copyright notice
   -------------------------------------------------------------------------- */
.page_submissions .copyright_notice{
	margin: 0 0 24px;
	padding: 24px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-accent);
	box-shadow: 0 6px 18px rgba(15, 40, 55, .05);
}

.page_submissions .copyright_notice h2{
	position: relative;
	margin: 0 0 18px;
	padding-bottom: 10px;
	color: var(--els-dark, var(--els-text));
	font-size: 24px;
	font-weight: 900;
	line-height: 1.3;
}

.page_submissions .copyright_notice h2::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 52px;
	height: 2px;
	background: var(--els-primary);
}

/* --------------------------------------------------------------------------
   6. Navigation Custom Pages
   -------------------------------------------------------------------------- */
.els_custom_page{
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.els_custom_page_card{
	padding: 30px 34px;
	background: var(--els-surface, #fff);
	border: 1px solid var(--els-border, #dce8ec);
	border-top: 4px solid var(--els-primary);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(15, 41, 51, .05);
}

.els_custom_page_header{
	margin: 0 0 24px;
	padding: 0 0 18px;
	border-bottom: 1px solid var(--els-border-soft, #e6eef1);
}

.els_custom_page_header .els_page_eyebrow{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--els-accent);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.els_custom_page_header .page_title{
	margin: 7px 0 0;
	color: var(--els-text);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 850;
	line-height: 1.2;
}

.els_custom_page_content{
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.78;
}

.els_custom_page_content p{
	margin: 0 0 16px;
}

.els_custom_page_content > ul,
.els_custom_page_content > ol{
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.els_custom_page_content > ul > li,
.els_custom_page_content > ol > li{
	position: relative;
	margin: 0;
	padding: 14px 16px 14px 18px;
	background: #f8fbfc;
	border: 1px solid #e2ebef;
	border-left: 4px solid var(--els-primary);
	border-radius: 5px;
}

.els_custom_page_content a{
	color: var(--els-primary);
	font-weight: 750;
	text-decoration: none !important;
}

.els_custom_page_content a:hover,
.els_custom_page_content a:focus-visible{
	color: var(--els-accent);
	outline: 0;
}

.els_custom_page_content img,
.els_custom_page_content iframe,
.els_custom_page_content video{
	max-width: 100%;
	height: auto;
}

.els_custom_page_content table{
	width: 100%;
	border-collapse: collapse;
}

.els_custom_page_content th,
.els_custom_page_content td{
	padding: 11px 13px;
	border: 1px solid var(--els-border);
	text-align: left;
	vertical-align: top;
}

/* --------------------------------------------------------------------------
   7. Search page
   -------------------------------------------------------------------------- */
.els_search_page{
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.els_search_header{
	margin: 0 0 24px;
	padding: 0 0 20px;
	border-bottom: 1px solid var(--els-border-soft, #e6eef1);
}

.els_search_header h1{
	margin: 6px 0 0;
	color: var(--els-text);
	font-size: clamp(28px, 3vw, 38px);
	font-weight: 800;
	line-height: 1.18;
}

.els_search_header .els_page_eyebrow{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--els-accent);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.els_search_form{
	margin: 0 0 34px;
	padding: 24px;
	background: var(--els-surface, #fff);
	border: 1px solid var(--els-border, #dce8ec);
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(15, 41, 51, .045);
}

.els_search_primary{
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 12px;
	align-items: stretch;
}

.els_search_input,
.els_search_field{
	min-width: 0;
}

.els_search_input input,
.els_search_field input,
.els_search_field select,
.els_search_filters select,
.els_search_filters input[type="text"]{
	width: 100%;
	min-height: 46px;
	padding: 10px 13px;
	background: #fff;
	border: 1px solid #cddbe1;
	border-radius: 5px;
	box-sizing: border-box;
	color: var(--els-text);
	font: inherit;
	line-height: 1.35;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.els_search_input input:focus,
.els_search_field input:focus,
.els_search_field select:focus,
.els_search_filters select:focus,
.els_search_filters input[type="text"]:focus{
	border-color: var(--els-primary);
	box-shadow: 0 0 0 3px rgba(7, 136, 182, .13);
	outline: 0;
}

.els_search_submit{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-width: 128px;
	min-height: 46px;
	padding: 0 18px;
	background: var(--els-accent);
	border: 1px solid var(--els-accent);
	border-radius: 5px;
	color: #fff;
	font: inherit;
	font-weight: 800;
	line-height: 1;
	cursor: pointer;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

.els_search_submit:hover,
.els_search_submit:focus-visible{
	box-shadow: 0 8px 18px rgba(245, 130, 31, .22);
	filter: brightness(.97);
	outline: 0;
	transform: translateY(-1px);
}

.els_search_filters{
	margin: 22px 0 0;
	padding: 20px;
	background: #f8fbfc;
	border: 1px solid var(--els-border, #dce8ec);
	border-radius: 6px;
}

.els_search_filters > legend{
	padding: 0 8px;
	color: var(--els-primary);
	font-size: 14px;
	font-weight: 800;
}

.els_search_date_range,
.els_search_author_fields{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.els_search_author_fields{
	margin-top: 16px;
}

.els_search_date_group,
.els_search_date_group fieldset{
	min-width: 0;
	margin: 0;
	padding: 14px;
	background: #fff;
	border: 1px solid #dce7eb;
	border-radius: 5px;
}

.els_search_date_group fieldset{
	padding-top: 10px;
}

.els_search_date_group legend,
.els_search_field > label{
	color: #42515b;
	font-size: 13px;
	font-weight: 750;
}

.els_search_date_group legend{
	padding: 0 6px;
}

.els_search_field > label{
	display: block;
	margin: 0 0 7px;
}

.els_search_date_group label{
	display: inline-flex;
	align-items: center;
	gap: 5px;
	margin: 4px 8px 4px 0;
	color: #52636e;
	font-size: 12px;
	font-weight: 650;
}

.els_search_date_group select{
	width: auto;
	min-width: 82px;
	min-height: 40px;
	margin-left: 4px;
	padding: 7px 28px 7px 9px;
}

.els_search_results_section{
	margin: 0;
}

.els_search_results_header{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin: 0 0 18px;
	padding: 0 0 14px;
	border-bottom: 2px solid var(--els-primary);
}

.els_search_results_header h2{
	margin: 0;
	color: var(--els-text);
	font-size: 25px;
	font-weight: 800;
	line-height: 1.25;
}

.els_search_results_header p{
	margin: 0;
	color: #64748b;
	font-size: 13px;
	font-weight: 650;
}

.els_search_results{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.els_search_result_item{
	min-width: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.els_search_result_item::marker{
	content: "";
}

.els_search_result_item .els_article_summary{
	height: 100%;
	margin: 0;
	padding: 20px;
	background: #fff;
	border: 1px solid var(--els-border, #dce8ec);
	border-radius: 7px;
	box-shadow: 0 5px 16px rgba(15, 41, 51, .035);
	transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.els_search_result_item .els_article_summary:hover{
	border-color: var(--els-primary-border, #b9dce8);
	box-shadow: 0 10px 24px rgba(15, 41, 51, .08);
	transform: translateY(-2px);
}

.els_search_result_item .els_article_title{
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 1.35;
}

.els_search_result_item .els_article_actions{
	margin-top: 14px;
}

.els_search_pagination{
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid var(--els-border-soft, #e6eef1);
}

.els_search_empty{
	padding: 24px;
	background: #f8fbfc;
	border: 1px solid var(--els-border, #dce8ec);
	border-radius: 7px;
}

/* --------------------------------------------------------------------------
   8. Global link treatment
   -------------------------------------------------------------------------- */
.els_header a,
.els_page a,
.els_sidebar a,
.els-dashboard-footer a,
.els-site-copyright a,
.els_header a:hover,
.els_header a:focus,
.els_page a:hover,
.els_page a:focus,
.els_sidebar a:hover,
.els_sidebar a:focus,
.els-dashboard-footer a:hover,
.els-dashboard-footer a:focus,
.els-site-copyright a:hover,
.els-site-copyright a:focus{
	text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   9. Dark mode
   -------------------------------------------------------------------------- */
body[data-theme="dark"] .els_sidebar .els_auto_block--tools,
body[data-theme="dark"] .els_sidebar .els_auto_block--visitor,
body[data-theme="dark"] .els_sidebar .els_auto_block--scopus-citedness,
body[data-theme="dark"] .els_sidebar .els_auto_block--scopus-tracking,
body[data-theme="dark"] .els_sidebar .els_auto_block--issn,
body[data-theme="dark"] .els_custom_page_card,
body[data-theme="dark"] .els_search_form,
body[data-theme="dark"] .els_search_result_item .els_article_summary,
body[data-theme="dark"] .page_submissions .copyright_notice{
	background: var(--els-dm-surface) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: none !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view .els_article_center .els_detail_section + .els_detail_section,
body[data-theme="dark"] .els_custom_page_header{
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_custom_page_content > ul > li,
body[data-theme="dark"] .els_custom_page_content > ol > li,
body[data-theme="dark"] .els_search_filters,
body[data-theme="dark"] .els_search_empty{
	background: var(--els-dm-surface-soft, #101b2d);
	border-color: var(--els-dm-border);
}

body[data-theme="dark"] .els_search_date_group,
body[data-theme="dark"] .els_search_date_group fieldset,
body[data-theme="dark"] .els_search_input input,
body[data-theme="dark"] .els_search_field input,
body[data-theme="dark"] .els_search_field select,
body[data-theme="dark"] .els_search_filters select,
body[data-theme="dark"] .els_search_filters input[type="text"]{
	background: var(--els-dark-control);
	border-color: var(--els-dm-border);
	color: var(--els-dm-text);
}

body[data-theme="dark"] .els_custom_page_header .page_title,
body[data-theme="dark"] .els_custom_page_content,
body[data-theme="dark"] .els_search_header h1,
body[data-theme="dark"] .els_search_results_header h2,
body[data-theme="dark"] .els_search_field > label,
body[data-theme="dark"] .els_search_date_group legend,
body[data-theme="dark"] .page_submissions .copyright_notice h2{
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_search_results_header p,
body[data-theme="dark"] .els_search_date_group label{
	color: var(--els-dm-text-soft);
}

/* --------------------------------------------------------------------------
   10. Responsive behaviour
   -------------------------------------------------------------------------- */
@media (min-width: 1500px) {
	.els_article_page_grid{
		display: grid;
		grid-template-columns: minmax(0, 1fr) 280px;
		gap: 28px;
		align-items: start;
	}

	.els_article_page_grid > .els_related_recommendations{
		width: auto !important;
		margin-top: 36px !important;
		margin-bottom: 56px !important;
	}
}

@media (min-width: 1180px) {
	.els_issue_layout{
		grid-template-columns: 200px minmax(0, 1fr);
		gap: 30px;
	}

	.els_issue_articles h1{
		white-space: nowrap;
	}
}

@media (max-width: 1179px) {
	.els_issue_articles h1{
		white-space: normal;
	}
}

@media (max-width: 900px) {
	:root{
		--els-page-inset: 48px;
	}

	.els_search_results{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.els_search_form,
.els_custom_page_card{
		padding: 18px;
	}

	.els_search_primary,
.els_search_date_range,
.els_search_author_fields{
		grid-template-columns: 1fr;
	}

	.els_search_submit{
		width: 100%;
	}

	.els_search_date_group label{
		display: grid;
		grid-template-columns: 62px minmax(0, 1fr);
		margin: 7px 0;
	}

	.els_search_date_group select{
		width: 100%;
		margin-left: 0;
	}

	.els_search_results_header{
		align-items: flex-start;
		flex-direction: column;
		gap: 6px;
	}

	.page_submissions .copyright_notice{
		padding: 18px;
	}

	.page_submissions .copyright_notice h2{
		font-size: 21px;
	}
}

@media (max-width: 640px) {
	:root{
		--els-page-inset: 32px;
	}

	.els_hero > .els_pattern{
		inset: -20px !important;
		animation: none;
	}

	.els_hero > .els_pattern::after{
		width: 330px;
		height: 330px;
		right: -165px;
		bottom: -175px;
	}

	.els_auto_block--tools .els_auto_media_card,
.els_auto_block--collaboration .els_auto_media_card{
		min-height: 84px;
		padding: 10px !important;
	}

	.els_auto_block--tools .els_auto_media_card img{
		height: 58px !important;
		max-height: 58px !important;
	}
}

@media (max-width: 480px) {
	.els_search_form,
.els_search_filters,
.els_search_result_item .els_article_summary,
.els_custom_page_card{
		padding: 15px;
	}
}


/* ==========================================================================
   Elkuator Scholar Pro 1.1.0 QA7 colour-system consolidation
   ========================================================================== */

/* Brand colour is used for navigation, links and informational emphasis.
   Solid brand surfaces use the generated darker variant for reliable contrast. */
.els_prehero_nav,
.els_hero,
.els_auto_block > .title,
.els_auto_block > h2,
.els_auto_block > h3{
	background-color: var(--els-primary-dark);
	color: var(--els-primary-contrast);
}

/* Accent is reserved for actions, focus and compact highlights. */
.els_submit_button,
.els_hero_submit,
.els_announcement_action,
.page_search .submit button{
	background: var(--els-submit-bg);
	border-color: var(--els-submit-border);
	color: var(--els-submit-text);
}

.els_submit_button:hover,
.els_submit_button:focus-visible,
.els_hero_submit:hover,
.els_hero_submit:focus-visible,
.els_announcement_action:hover,
.els_announcement_action:focus-visible,
.page_search .submit button:hover,
.page_search .submit button:focus-visible{
	background: var(--els-submit-hover-bg);
	border-color: var(--els-submit-hover-bg);
	color: var(--els-submit-hover-text);
}

:where(a, button, input, select, textarea):focus-visible{
	outline: 3px solid var(--els-focus);
	outline-offset: 2px;
}

/* Metadata badges are neutral; DOI is not treated as a call-to-action. */

body[data-theme="dark"] .els_article_copyright{
	background: transparent !important;
	border: 0 !important;
}

/* ==========================================================================
   Elkuator Scholar Pro 1.1.0 QA8
   Hover and dark-mode token consolidation
   ========================================================================== */

/* --------------------------------------------------------------------------
   01. Global interactive states
   -------------------------------------------------------------------------- */
a:hover,
a:focus-visible{
	color: var(--els-link-hover);
}

:where(a, button, input, select, textarea, summary):focus-visible{
	outline: 2px solid var(--els-focus);
	outline-offset: 3px;
	box-shadow: 0 0 0 4px var(--els-focus-ring);
}

.els_skip:focus-within{
	background: var(--els-surface);
	color: var(--els-link);
}

/* Brand surfaces use a contrast-aware overlay instead of fixed white alpha. */
.els_quick_nav > a:hover,
.els_quick_nav > a:focus-visible,
.els_menu_item:hover > a,
.els_menu_item:focus-within > a,
.els_nav_search_link:hover,
.els_nav_search_link:focus-visible,
.els_addtoany_rss:hover,
.els_addtoany_rss:focus-visible,
.els_addtoany_toggle:hover,
.els_addtoany_toggle:focus-visible,{
	background: var(--els-primary-overlay) !important;
	color: var(--els-primary-contrast) !important;
	border-color: var(--els-primary-overlay-strong) !important;
}

/* Navigation on neutral surfaces. */
.els_primary_menu > li > a:hover,
.els_primary_menu > li > a:focus-visible,
.els_posthero_nav #navigationPrimary > li > a:hover,
.els_posthero_nav #navigationPrimary > li > a:focus-visible,
.els_primary_menu ul a:hover,
.els_primary_menu ul a:focus-visible,
.els_posthero_nav #navigationPrimary ul a:hover,
.els_posthero_nav #navigationPrimary ul a:focus-visible,
.els_dropdown a:hover,
.els_dropdown a:focus-visible,
.els_about_nav_group a:hover,
.els_about_nav_group a:focus-visible,
.els_about_ajax_link:hover,
.els_about_ajax_link:focus-visible{
	background: var(--els-primary-soft) !important;
	color: var(--els-link-hover) !important;
}

/* Primary and CTA controls share one state model. */
.els_submit,
.els_submit_button,
.els_hero_submit,
.els_announcement_action,
.els_search_submit,
.cmp_button,
.cmp_form .buttons button,
button.submit,
input[type="submit"]{
	background: var(--els-submit-bg) !important;
	border-color: var(--els-submit-border) !important;
	color: var(--els-submit-text) !important;
}

.els_submit:hover,
.els_submit:focus-visible,
.els_submit_button:hover,
.els_submit_button:focus-visible,
.els_hero_submit:hover,
.els_hero_submit:focus-visible,
.els_announcement_action:hover,
.els_announcement_action:focus-visible,
.els_search_submit:hover,
.els_search_submit:focus-visible,
.cmp_button:hover,
.cmp_button:focus-visible,
.cmp_form .buttons button:hover,
.cmp_form .buttons button:focus-visible,
button.submit:hover,
button.submit:focus-visible,
input[type="submit"]:hover,
input[type="submit"]:focus-visible{
	background: var(--els-submit-hover-bg) !important;
	border-color: var(--els-submit-hover-bg) !important;
	color: var(--els-submit-hover-text) !important;
}

.els_submit:active,
.els_submit_button:active,
.els_hero_submit:active,
.els_announcement_action:active,
.els_search_submit:active,
.cmp_button:active,
.cmp_form .buttons button:active,
button.submit:active,
input[type="submit"]:active{
	background: var(--els-submit-active-bg) !important;
	border-color: var(--els-submit-active-bg) !important;
	color: var(--els-submit-active-text) !important;
}

/* Secondary, gallery and utility actions. */
.els_outline_link,
.els_galley,
.els_galley_link,
.els_galleys a,
.els_detail_galleys a,
.obj_galley_link,
.galley_link,
.els_pdf_link,
.els_issue_back a,
.els_back_link{
	background: var(--els-surface) !important;
	border-color: var(--els-primary-border) !important;
	color: var(--els-link) !important;
}

.els_outline_link:hover,
.els_outline_link:focus-visible,
.els_galley:hover,
.els_galley:focus-visible,
.els_galley_link:hover,
.els_galley_link:focus-visible,
.els_galleys a:hover,
.els_galleys a:focus-visible,
.els_detail_galleys a:hover,
.els_detail_galleys a:focus-visible,
.obj_galley_link:hover,
.obj_galley_link:focus-visible,
.galley_link:hover,
.galley_link:focus-visible,
.els_pdf_link:hover,
.els_pdf_link:focus-visible,
.els_issue_back a:hover,
.els_issue_back a:focus-visible,
.els_back_link:hover,
.els_back_link:focus-visible{
	background: var(--els-button-hover-bg) !important;
	border-color: var(--els-button-hover-bg) !important;
	color: var(--els-button-text) !important;
}

/* Cards communicate interactivity with border and elevation, not colour noise. */
.els_issue_card:hover,
.els_recommendation_item:hover,
.els_search_result_item .els_article_summary:hover,
.els_announcement_item:hover,
.els_auto_media_card:hover,
.els_auto_media_card:focus-visible,
.els_linked_media:hover,
.els_linked_media:focus-visible,
.els_auto_feature_media:hover,
.els_auto_feature_media:focus-visible,
.editorial-member-card:hover,
.els-indexing-item:hover,
.els-indexing-item:focus-visible,
.els-indexing-list__item:hover,
.els-indexing-list__item:focus-visible{
	border-color: var(--els-primary-border) !important;
	box-shadow: var(--els-shadow-md) !important;
}

.els_search_input input:focus,
.els_search_field input:focus,
.els_search_field select:focus,
.els_search_filters select:focus,
.els_search_filters input[type="text"]:focus{
	border-color: var(--els-focus) !important;
	box-shadow: 0 0 0 4px var(--els-focus-ring) !important;
}

.els_back_to_top{
	background: var(--els-button-bg) !important;
	border-color: var(--els-button-bg) !important;
	color: var(--els-button-text) !important;
}

.els_back_to_top:hover,
.els_back_to_top:focus-visible{
	background: var(--els-button-hover-bg) !important;
	border-color: var(--els-button-hover-bg) !important;
	color: var(--els-button-text) !important;
}

/* --------------------------------------------------------------------------
   02. Dark mode: one journal-derived neutral system
   -------------------------------------------------------------------------- */
body[data-theme="dark"]{
	--els-dm-page: var(--els-dark-page);
	--els-dm-surface: var(--els-dark-surface);
	--els-dm-surface-soft: var(--els-dark-surface-soft);
	--els-dm-surface-2: var(--els-dark-surface-2);
	--els-dm-surface-3: var(--els-dark-surface-3);
	--els-dm-border: var(--els-dark-border);
	--els-dm-border-soft: var(--els-dark-border-soft);
	--els-dm-heading: var(--els-dark-heading);
	--els-dm-text: var(--els-dark-text);
	--els-dm-text-soft: var(--els-dark-text-soft);
	--els-dm-text-muted: var(--els-dark-text-muted);
	--els-dm-link: var(--els-dark-link);
	--els-dm-link-hover: var(--els-dark-link-hover);
	background: var(--els-dm-page) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] a{
	color: var(--els-dm-link);
}

body[data-theme="dark"] a:hover,
body[data-theme="dark"] a:focus-visible{
	color: var(--els-dm-link-hover);
}

body[data-theme="dark"] :where(a, button, input, select, textarea, summary):focus-visible{
	outline-color: var(--els-focus);
	box-shadow: 0 0 0 4px var(--els-dark-focus-ring);
}

/* Page and content surfaces. */
body[data-theme="dark"] .pkp_structure_page,
body[data-theme="dark"] .pkp_structure_content,
body[data-theme="dark"] .els_page,
body[data-theme="dark"] .els_content,
body[data-theme="dark"] .els_content_no_sidebar,
body[data-theme="dark"].pkp_page_index,
body[data-theme="dark"].pkp_page_article,
body[data-theme="dark"].pkp_page_issue,
body[data-theme="dark"].pkp_page_search,
body[data-theme="dark"].pkp_page_pages,
body[data-theme="dark"].pkp_page_about{
	background: var(--els-dm-page) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_main,
body[data-theme="dark"] .pkp_structure_main,
body[data-theme="dark"] .els_intro_card,
body[data-theme="dark"] .els_latest_card,
body[data-theme="dark"] .els_issue_card,
body[data-theme="dark"] .els_issue_articles,
body[data-theme="dark"] .els_article_details,
body[data-theme="dark"] .els_article_center,
body[data-theme="dark"] .els_related_recommendations,
body[data-theme="dark"] .els_announcement_item,
body[data-theme="dark"] .els_search_form,
body[data-theme="dark"] .els_search_result_item .els_article_summary,
body[data-theme="dark"] .els_search_empty,
body[data-theme="dark"] .els_custom_page_card,
body[data-theme="dark"] .page_submissions .author_guidelines,
body[data-theme="dark"] .page_submissions .submission_checklist,
body[data-theme="dark"] .page_submissions .section_policy,
body[data-theme="dark"] .page_submissions .copyright_notice,
body[data-theme="dark"] .page_submissions .privacy_statement,
body[data-theme="dark"] .els_sidebar .pkp_block,
body[data-theme="dark"] .els_sidebar .els_auto_block,
body[data-theme="dark"] .els_about_nav,
body[data-theme="dark"] .els_about_content{
	background: var(--els-dm-surface-2) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-text) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_search_filters,
body[data-theme="dark"] .els_search_date_group,
body[data-theme="dark"] .els_recommendation_item,
body[data-theme="dark"] .els_auto_media_card,
body[data-theme="dark"] .els_auto_feature_media,
body[data-theme="dark"] .els_article_metrics,
body[data-theme="dark"] .els_article_side_nav,
body[data-theme="dark"] .els_custom_page_content > ul > li,
body[data-theme="dark"] .els_custom_page_content > ol > li{
	background: var(--els-dm-surface) !important;
	border-color: var(--els-dm-border-soft) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] h1,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5,
body[data-theme="dark"] h6,
body[data-theme="dark"] .page_title,
body[data-theme="dark"] .els_article_detail_title,
body[data-theme="dark"] .els_article_title,
body[data-theme="dark"] .els_issue_title,
body[data-theme="dark"] .els_announcement_title,
body[data-theme="dark"] .els_related_recommendations_head h2{
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] p,
body[data-theme="dark"] li,
body[data-theme="dark"] dd,
body[data-theme="dark"] td,
body[data-theme="dark"] .els_article_meta,
body[data-theme="dark"] .els_article_authors,
body[data-theme="dark"] .els_announcement_summary,
body[data-theme="dark"] .els_announcement_meta,
body[data-theme="dark"] .els_recommendation_issue_link,
body[data-theme="dark"] .els_search_results_header p{
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_muted,
body[data-theme="dark"] .els_article_stats,
body[data-theme="dark"] .els_article_date,
body[data-theme="dark"] .els_article_pages,
body[data-theme="dark"] .els_search_date_group label,
body[data-theme="dark"] .els_copyright_meta{
	color: var(--els-dm-text-muted) !important;
}

/* Header, hero and navigation retain journal identity with generated contrast. */
body[data-theme="dark"] .els_topbar,
body[data-theme="dark"] .els_posthero_nav,
body[data-theme="dark"] .els_dropdown{
	background: var(--els-dm-surface) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_prehero_nav,
body[data-theme="dark"] .els_hero,
body[data-theme="dark"] .els_auto_block > .title,
body[data-theme="dark"] .els_auto_block > h2,
body[data-theme="dark"] .els_auto_block > h3{
	background: var(--els-primary-dark) !important;
	color: var(--els-primary-contrast) !important;
}

body[data-theme="dark"] .els_posthero_nav #navigationPrimary > li > a:hover,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary > li > a:focus-visible,
body[data-theme="dark"] .els_dropdown a:hover,
body[data-theme="dark"] .els_dropdown a:focus-visible,
body[data-theme="dark"] .els_about_nav_group a:hover,
body[data-theme="dark"] .els_about_nav_group a:focus-visible,
body[data-theme="dark"] .els_about_nav_group a.is_active{
	background: var(--els-dark-primary-soft) !important;
	color: var(--els-dm-link-hover) !important;
}

/* Forms and controls. */
body[data-theme="dark"] input,
body[data-theme="dark"] select,
body[data-theme="dark"] textarea,
body[data-theme="dark"] .els_search_input input,
body[data-theme="dark"] .els_search_field input,
body[data-theme="dark"] .els_search_field select,
body[data-theme="dark"] .els_search_filters select,
body[data-theme="dark"] .els_search_filters input[type="text"]{
	background: var(--els-dark-control) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] input::placeholder,
body[data-theme="dark"] textarea::placeholder{
	color: var(--els-dm-text-muted) !important;
}

body[data-theme="dark"] input:hover,
body[data-theme="dark"] select:hover,
body[data-theme="dark"] textarea:hover{
	background: var(--els-dark-control-hover) !important;
}

body[data-theme="dark"] input:focus,
body[data-theme="dark"] select:focus,
body[data-theme="dark"] textarea:focus{
	border-color: var(--els-focus) !important;
	box-shadow: 0 0 0 4px var(--els-dark-focus-ring) !important;
}

/* Neutral badges and gallery controls remain readable without fixed navy/yellow. */
body[data-theme="dark"] .els_article_badges .els_section_badge,
body[data-theme="dark"] .els_article_badges .els_doi_badge,
body[data-theme="dark"] .obj_article_summary .label,
body[data-theme="dark"] .obj_article_summary .doi,
body[data-theme="dark"] .obj_article_summary .doi a{
	background: var(--els-dm-surface-3) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_article_badges .els_doi_badge svg,
body[data-theme="dark"] .els_article_badges .els_doi_badge i{
	color: var(--els-accent) !important;
	fill: currentColor !important;
}

body[data-theme="dark"] .els_outline_link,
body[data-theme="dark"] .els_galley,
body[data-theme="dark"] .els_galley_link,
body[data-theme="dark"] .els_galleys a,
body[data-theme="dark"] .els_detail_galleys a,
body[data-theme="dark"] .obj_galley_link,
body[data-theme="dark"] .galley_link,
body[data-theme="dark"] .els_pdf_link{
	background: var(--els-dm-surface-3) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_outline_link:hover,
body[data-theme="dark"] .els_outline_link:focus-visible,
body[data-theme="dark"] .els_galley:hover,
body[data-theme="dark"] .els_galley:focus-visible,
body[data-theme="dark"] .els_galley_link:hover,
body[data-theme="dark"] .els_galley_link:focus-visible,
body[data-theme="dark"] .els_galleys a:hover,
body[data-theme="dark"] .els_galleys a:focus-visible,
body[data-theme="dark"] .els_detail_galleys a:hover,
body[data-theme="dark"] .els_detail_galleys a:focus-visible,
body[data-theme="dark"] .obj_galley_link:hover,
body[data-theme="dark"] .obj_galley_link:focus-visible,
body[data-theme="dark"] .galley_link:hover,
body[data-theme="dark"] .galley_link:focus-visible,
body[data-theme="dark"] .els_pdf_link:hover,
body[data-theme="dark"] .els_pdf_link:focus-visible{
	background: var(--els-dark-primary-soft) !important;
	border-color: var(--els-dm-link) !important;
	color: var(--els-dm-link-hover) !important;
}

/* Hover elevation in dark mode is expressed through surface and border changes. */
body[data-theme="dark"] .els_issue_card:hover,
body[data-theme="dark"] .els_recommendation_item:hover,
body[data-theme="dark"] .els_search_result_item .els_article_summary:hover,
body[data-theme="dark"] .els_announcement_item:hover,
body[data-theme="dark"] .els_auto_media_card:hover,
body[data-theme="dark"] .els_auto_media_card:focus-visible,
body[data-theme="dark"] .els_auto_feature_media:hover,
body[data-theme="dark"] .els_auto_feature_media:focus-visible,
body[data-theme="dark"] .editorial-member-card:hover,
body[data-theme="dark"] .els-indexing-item:hover,
body[data-theme="dark"] .els-indexing-list__item:hover{
	background: var(--els-dm-surface-3) !important;
	border-color: var(--els-dm-link) !important;
	box-shadow: none !important;
}

/* Footer and floating controls follow Deep Surface and generated states. */
body[data-theme="dark"] .els-dashboard-footer{
	background: var(--els-dm-surface) !important;
	border-color: var(--els-dm-border-soft) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els-dashboard-footer a{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els-dashboard-footer a:hover,
body[data-theme="dark"] .els-dashboard-footer a:focus-visible{
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els-dashboard-footer .els-footer-col h3::after,
body[data-theme="dark"] .els-dashboard-footer .els-footer-old h3::after{
	background: var(--els-accent) !important;
}

body[data-theme="dark"] .els-site-copyright{
	background: var(--els-dm-page) !important;
	border-color: var(--els-dm-border-soft) !important;
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_back_to_top{
	background: var(--els-dm-surface-3) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-link) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_back_to_top:hover,
body[data-theme="dark"] .els_back_to_top:focus-visible{
	background: var(--els-primary-hover) !important;
	border-color: var(--els-primary-hover) !important;
	color: var(--els-primary-contrast) !important;
}

/* Official marks and barcode/counter imagery retain their original appearance. */
body[data-theme="dark"] .els_sidebar img,
body[data-theme="dark"] .pkp_structure_sidebar img,
body[data-theme="dark"] .els_auto_media_card img,
body[data-theme="dark"] .els_auto_feature_media img,
body[data-theme="dark"] .els-footer-old__license img,
body[data-theme="dark"] .els_article_copyright img{
	background: var(--els-white) !important;
}
/* --------------------------------------------------------------------------
   03. Legacy OJS and optional-plugin state integration
   -------------------------------------------------------------------------- */
.els_button,
.pkp_button,
button[type="submit"],
#elsHomeMetrics .elkuator-scholar-button,
#elsHomeMetrics .elkuator-citation-button,
.statcounter_public_link{
	background: var(--els-button-bg) !important;
	border-color: var(--els-button-bg) !important;
	color: var(--els-button-text) !important;
}

.els_button:hover,
.els_button:focus-visible,
.pkp_button:hover,
.pkp_button:focus-visible,
button[type="submit"]:hover,
button[type="submit"]:focus-visible,
#elsHomeMetrics .elkuator-scholar-button:hover,
#elsHomeMetrics .elkuator-scholar-button:focus-visible,
#elsHomeMetrics .elkuator-citation-button:hover,
#elsHomeMetrics .elkuator-citation-button:focus-visible,
.statcounter_public_link:hover,
.statcounter_public_link:focus-visible{
	background: var(--els-button-hover-bg) !important;
	border-color: var(--els-button-hover-bg) !important;
	color: var(--els-button-text) !important;
}

body[data-theme="dark"] .els_brand,
body[data-theme="dark"] .els_brand_mandala,
body[data-theme="dark"] .els_user_nav a,
body[data-theme="dark"] .els_user_menu a,
body[data-theme="dark"] #navigationUser a{
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_brand:hover,
body[data-theme="dark"] .els_brand:focus-visible,
body[data-theme="dark"] .els_brand_mandala:hover,
body[data-theme="dark"] .els_brand_mandala:focus-visible,
body[data-theme="dark"] .els_user_nav a:hover,
body[data-theme="dark"] .els_user_nav a:focus-visible,
body[data-theme="dark"] .els_user_menu a:hover,
body[data-theme="dark"] .els_user_menu a:focus-visible,
body[data-theme="dark"] #navigationUser a:hover,
body[data-theme="dark"] #navigationUser a:focus-visible{
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_user_nav #navigationUser .task_count,
body[data-theme="dark"] .els_user_nav .els_user_menu .task_count{
	background: var(--els-dark-primary-soft) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_hero h1,
body[data-theme="dark"] .els_hero .els_tagline,
body[data-theme="dark"] .els_hero .els_advanced,
body[data-theme="dark"] .els_nav_issn_number,
body[data-theme="dark"] .els_mobile_journal{
	color: var(--els-primary-contrast) !important;
}

body[data-theme="dark"] .els_hero .els_advanced:hover,
body[data-theme="dark"] .els_hero .els_advanced:focus-visible{
	color: var(--els-primary-contrast) !important;
	background: var(--els-primary-overlay) !important;
}

body[data-theme="dark"] .els_hero_search{
	background: var(--els-surface) !important;
	border-color: var(--els-primary-overlay-strong) !important;
}

body[data-theme="dark"] .els_hero_search input{
	background: var(--els-surface) !important;
	color: var(--els-heading) !important;
}

body[data-theme="dark"] .els_hero_search input::placeholder{
	color: var(--els-muted) !important;
}

body[data-theme="dark"] .els_hero_search button{
	background: var(--els-button-bg) !important;
	border-color: var(--els-button-bg) !important;
	color: var(--els-button-text) !important;
}

body[data-theme="dark"] .els_hero_search button:hover,
body[data-theme="dark"] .els_hero_search button:focus-visible{
	background: var(--els-button-hover-bg) !important;
	border-color: var(--els-button-hover-bg) !important;
	color: var(--els-button-text) !important;
}

body[data-theme="dark"] .els_theme_toggle,
body[data-theme="dark"] .els_mobile_toggle,
body[data-theme="dark"] .els_mobile_user{
	background: var(--els-dm-surface-3) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_theme_toggle:hover,
body[data-theme="dark"] .els_theme_toggle:focus-visible,
body[data-theme="dark"] .els_mobile_toggle:hover,
body[data-theme="dark"] .els_mobile_toggle:focus-visible,
body[data-theme="dark"] .els_mobile_user:hover,
body[data-theme="dark"] .els_mobile_user:focus-visible{
	background: var(--els-dark-primary-soft) !important;
	border-color: var(--els-dm-link) !important;
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] #elsHomeMetrics,
body[data-theme="dark"] #elsHomeMetrics .els_metric_col,
body[data-theme="dark"] #elsHomeMetrics .pkp_block,
body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-metric,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-total,
body[data-theme="dark"] .els-citation-bars,
body[data-theme="dark"] .els-citation-bars__content,
body[data-theme="dark"] .els-citation-manual,
body[data-theme="dark"] .els-citation-source{
	background: var(--els-dm-surface-2) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els-citation-bars__notice{
	background: var(--els-dark-accent-soft) !important;
	border-color: var(--els-accent-border) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__body,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__body{
	background: var(--els-dm-surface-2) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__header,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__header{
	background: var(--els-primary-dark) !important;
	border-color: var(--els-primary-dark) !important;
	color: var(--els-primary-contrast) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__gender-card,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__gender-card,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__row,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__row,
body[data-theme="dark"] .els_sidebar .elkuator-author-stats__footer,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__footer{
	background: var(--els-dm-surface) !important;
	border-color: var(--els-dm-border-soft) !important;
	color: var(--els-dm-text-soft) !important;
}

/* ==========================================================================
   Elkuator Scholar Pro 1.1.0 QA9 — Consolidated component layer
   Scope: authentication pages, citation formats, contributor modal, and
   single announcement detail. All previous rules for these components are
   removed before this single layer is appended to prevent cascade overlap.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Authentication pages
   -------------------------------------------------------------------------- */
.els_auth_page {
	width: 100%;
	margin: 0;
	padding: 38px var(--els-page-gutter) 64px;
	background: transparent;
}

.els_auth_shell {
	width: min(100%, 960px);
	margin-inline: auto;
}

.els_auth_card {
	position: relative;
	padding: 34px 38px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-top: 4px solid var(--els-primary-link);
	border-radius: 10px;
	box-shadow: var(--els-shadow-md);
	color: var(--els-text);
}

.els_auth_card--login,
.els_auth_card--lost-password,
.els_auth_card--complete {
	width: min(100%, 620px);
	margin-inline: auto;
}

.els_auth_card h1 {
	margin: 0 0 10px;
	color: var(--els-heading);
	font-size: clamp(28px, 3vw, 38px);
	line-height: 1.18;
}

.els_auth_card > p {
	margin: 0 0 22px;
	color: var(--els-muted);
	line-height: 1.7;
}

.els_auth_card .cmp_form {
	margin: 0;
}

.els_auth_card fieldset {
	margin: 0 0 24px;
	padding: 22px;
	background: var(--els-surface-alt);
	border: 1px solid var(--els-border);
	border-radius: 8px;
}

.els_auth_card fieldset:last-of-type {
	margin-bottom: 0;
}

.els_auth_card legend {
	padding: 0 8px;
	color: var(--els-heading);
	font-size: 17px;
	font-weight: 800;
}

.els_auth_card .fields {
	display: grid;
	gap: 18px;
}

.els_auth_card--register .identity .fields,
.els_auth_card--register fieldset.login .fields {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.els_auth_card label {
	display: grid;
	gap: 7px;
	color: var(--els-heading);
	font-weight: 700;
}

.els_auth_card .label {
	display: block;
	color: inherit;
}

.els_auth_card .required {
	color: var(--els-danger);
}

.els_auth_card input[type="text"],
.els_auth_card input[type="email"],
.els_auth_card input[type="password"],
.els_auth_card select,
.els_auth_card textarea {
	width: 100%;
	min-height: 48px;
	padding: 11px 13px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-radius: 6px;
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.35;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.els_auth_card input:focus,
.els_auth_card select:focus,
.els_auth_card textarea:focus {
	border-color: var(--els-primary-link);
	box-shadow: 0 0 0 3px var(--els-focus-ring);
	outline: 0;
}

.els_auth_card .password label > a {
	justify-self: end;
	margin-top: -2px;
	color: var(--els-link);
	font-size: 14px;
	font-weight: 700;
}

.els_auth_card .password label > a:hover,
.els_auth_card .password label > a:focus-visible {
	color: var(--els-link-hover);
}

.els_auth_card .remember,
.els_auth_card .optin,
.els_auth_card .reviewer_interests,
.els_auth_card .reviewer_nocontext_interests {
	min-width: 0;
}

.els_auth_card .remember label,
.els_auth_card .optin label {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-weight: 600;
}

.els_auth_card input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	accent-color: var(--els-primary-link);
}

.els_auth_card .buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
	margin-top: 24px;
}

.els_auth_card .buttons .submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	background: var(--els-submit-bg);
	border: 1px solid var(--els-submit-border);
	border-radius: 6px;
	color: var(--els-submit-text);
	font-weight: 800;
	cursor: pointer;
	transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.els_auth_card .buttons .submit:hover,
.els_auth_card .buttons .submit:focus-visible {
	background: var(--els-submit-hover-bg);
	border-color: var(--els-submit-hover-bg);
	color: var(--els-submit-hover-text);
	transform: translateY(-1px);
	outline: 0;
	box-shadow: 0 0 0 3px var(--els-focus-ring);
}

.els_auth_card .buttons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 18px;
	background: var(--els-surface);
	border: 1px solid var(--els-primary-border);
	border-radius: 6px;
	color: var(--els-link);
	font-weight: 800;
}

.els_auth_card .buttons a:hover,
.els_auth_card .buttons a:focus-visible {
	background: var(--els-primary-soft);
	border-color: var(--els-primary-link);
	color: var(--els-link-hover);
	outline: 0;
}

.els_auth_card .pkp_form_error,
.els_auth_card .form_error {
	margin: 0 0 20px;
	padding: 13px 15px;
	background: color-mix(in srgb, var(--els-danger) 10%, var(--els-surface));
	border: 1px solid color-mix(in srgb, var(--els-danger) 38%, var(--els-border));
	border-radius: 6px;
	color: var(--els-danger);
	font-weight: 700;
}

.els_auth_card .recaptcha_wrapper {
	padding: 0;
	background: transparent;
	border: 0;
	overflow-x: auto;
}

.els_auth_card .registration_complete_actions {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.els_auth_card .registration_complete_actions a {
	display: flex;
	align-items: center;
	min-height: 58px;
	padding: 14px 16px;
	background: var(--els-surface-alt);
	border: 1px solid var(--els-border);
	border-radius: 7px;
	color: var(--els-link);
	font-weight: 800;
}

.els_auth_card .registration_complete_actions a:hover,
.els_auth_card .registration_complete_actions a:focus-visible {
	background: var(--els-primary-soft);
	border-color: var(--els-primary-link);
	color: var(--els-link-hover);
	outline: 0;
}

/* --------------------------------------------------------------------------
   Citation formats
   -------------------------------------------------------------------------- */
.pkp_page_article.pkp_op_view .els_ojs_citation_section {
	margin: 0;
	padding: 0;
	border: 0;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .item.citation,
.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_display,
.pkp_page_article.pkp_op_view .els_ojs_citation_section .sub_item.citation_display {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section h2,
.pkp_page_article.pkp_op_view .els_ojs_citation_section .label {
	margin: 0 0 14px;
	color: var(--els-heading);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.3;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .value {
	color: var(--els-text);
	font-size: 15px;
	line-height: 1.75;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats {
	margin-top: 18px;
	overflow: hidden;
	background: var(--els-surface-alt);
	border: 1px solid var(--els-border);
	border-radius: 8px;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 58px;
	padding: 15px 48px 15px 18px;
	background: var(--els-surface);
	border: 0;
	border-bottom: 1px solid var(--els-border);
	color: var(--els-heading);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.3;
	text-align: left;
	cursor: pointer;
	transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_button::after {
	color: currentColor;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_button:hover,
.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_button:focus-visible {
	background: var(--els-primary-soft);
	color: var(--els-link-hover);
	outline: 0;
	box-shadow: inset 0 0 0 2px var(--els-focus-ring);
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list,
.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats ul {
	margin: 0;
	padding: 0;
	background: var(--els-surface-alt);
	list-style: none;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats li {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats a {
	display: block;
	padding: 14px 18px;
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--els-border-soft);
	color: var(--els-link);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
	text-decoration: none;
	transition: background .18s ease, color .18s ease;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats li:last-child a {
	border-bottom: 0;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats a:hover,
.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats a:focus-visible {
	background: var(--els-primary-soft);
	color: var(--els-link-hover);
	outline: 0;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section h2,
body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .label {
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .value {
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats {
	background: var(--els-dm-surface) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_button {
	background: var(--els-dm-surface-3) !important;
	border-bottom-color: var(--els-dm-border) !important;
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_button:hover,
body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_button:focus-visible {
	background: var(--els-dark-primary-soft) !important;
	color: var(--els-dm-link-hover) !important;
	box-shadow: inset 0 0 0 2px var(--els-dark-focus-ring) !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list,
body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats ul {
	background: var(--els-dm-surface) !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats a {
	background: var(--els-dm-surface) !important;
	border-bottom-color: var(--els-dm-border-soft) !important;
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats a:hover,
body[data-theme="dark"].pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats a:focus-visible {
	background: var(--els-dm-surface-3) !important;
	color: var(--els-dm-link-hover) !important;
}

/* --------------------------------------------------------------------------
   Contributor profile modal
   -------------------------------------------------------------------------- */
.els_author_modals { display: contents; }
.els_author_modal[hidden] { display: none; }

.els_author_modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: color-mix(in srgb, var(--els-deep) 58%, transparent);
	backdrop-filter: blur(2px);
}

.els_author_modal_panel {
	position: relative;
	width: min(100%, 820px);
	max-height: min(88vh, 780px);
	overflow: auto;
	padding: 30px 34px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-radius: 10px;
	box-shadow: 0 24px 70px rgba(15, 23, 42, .28);
	color: var(--els-text);
}

.els_author_modal_close {
	position: absolute;
	top: 16px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 50%;
	color: var(--els-heading);
	font-size: 34px;
	font-weight: 300;
	line-height: 1;
	cursor: pointer;
}

.els_author_modal_close:hover,
.els_author_modal_close:focus-visible {
	background: var(--els-primary-soft);
	border-color: var(--els-primary-border);
	color: var(--els-link-hover);
	outline: 0;
}

.els_author_modal_header { padding-right: 48px; }

.els_author_role_label {
	margin: 0 0 16px;
	color: var(--els-accent-dark);
	font-size: 14px;
	font-weight: 900;
	letter-spacing: .03em;
}

.els_author_identity_row {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.els_author_identity_row h2,
.els_author_modal_header .els_author_identity_row h2 {
	margin: 0;
	color: var(--els-heading);
	font-family: var(--els-heading-font);
	font-size: clamp(24px, 3vw, 30px);
	font-weight: 700;
	line-height: 1.2;
}

.els_author_pronoun {
	color: var(--els-muted);
	font-size: .78em;
	font-weight: 700;
}

.els_author_affiliation {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	color: var(--els-text);
	font-size: 16px;
	line-height: 1.55;
}

.els_author_affiliation_flag {
	flex: 0 0 auto;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-size: 18px;
}

.els_author_modal_actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 18px;
	margin-top: 22px;
	padding: 18px 0;
	border-top: 1px solid var(--els-border-soft);
	border-bottom: 1px solid var(--els-border-soft);
}

.els_author_action,
.els_author_orcid_action {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--els-link);
	font-size: 15px;
	font-weight: 800;
	line-height: 1.3;
}

.els_author_action > span,
.els_author_orcid_text {
	color: inherit;
}

.els_author_action:hover,
.els_author_action:focus-visible,
.els_author_orcid_action:hover,
.els_author_orcid_action:focus-visible {
	color: var(--els-link-hover);
	outline: 0;
}

.els_author_icon {
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	color: currentColor;
}

.els_author_orcid_img {
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}

.els_author_search_tools {
	display: grid;
	grid-template-columns: minmax(250px, 1fr) auto;
	align-items: center;
	gap: 20px;
	margin-top: 22px;
}

.els_author_search_primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 52px;
	padding: 10px 22px;
	background: var(--els-surface);
	border: 2px solid var(--els-primary-link);
	border-radius: 999px;
	color: var(--els-link);
	font-weight: 800;
	text-align: center;
	transition: background .18s ease, color .18s ease, border-color .18s ease;
}

.els_author_search_primary:hover,
.els_author_search_primary:focus-visible {
	background: var(--els-primary-soft);
	border-color: var(--els-primary-hover);
	color: var(--els-link-hover);
	outline: 0;
	box-shadow: 0 0 0 3px var(--els-focus-ring);
}

.els_author_search_external {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 9px;
	color: var(--els-muted);
	font-size: 15px;
	font-weight: 700;
}

.els_author_search_external a {
	color: var(--els-link);
	font-weight: 800;
}

.els_author_search_external a:hover,
.els_author_search_external a:focus-visible {
	color: var(--els-link-hover);
	outline: 0;
}

.els_author_search_external a + a {
	padding-left: 10px;
	border-left: 1px solid var(--els-border);
}

html.els_author_modal_open,
body.els_author_modal_open { overflow: hidden; }

/* --------------------------------------------------------------------------
   Single announcement detail
   -------------------------------------------------------------------------- */
.els_announcement_detail {
	width: min(var(--els-container), calc(100% - var(--els-page-gutter)));
	margin: 0 auto;
	padding: 34px 0 60px;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.els_back_wrap {
	width: min(100%, 1080px);
	margin: 0 auto 18px;
}

.els_announcement_back {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 14px;
	background: var(--els-surface);
	border: 1px solid var(--els-primary-border);
	border-radius: 6px;
	color: var(--els-link);
	font-weight: 800;
}

.els_announcement_back:hover,
.els_announcement_back:focus-visible {
	background: var(--els-primary-soft);
	border-color: var(--els-primary-link);
	color: var(--els-link-hover);
	outline: 0;
}

.els_announcement_single {
	width: min(100%, 1080px);
	margin-inline: auto;
	padding: 34px 38px 38px;
	background: var(--els-surface);
	border: 1px solid var(--els-border);
	border-top: 4px solid var(--els-primary-link);
	border-radius: 9px;
	box-shadow: var(--els-shadow-md);
}

.els_announcement_single .els_announcement_meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 14px;
	margin-bottom: 16px;
}

.els_announcement_single .els_announcement_type {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 0 10px;
	background: var(--els-primary-soft);
	border: 1px solid var(--els-primary-border);
	border-radius: 5px;
	color: var(--els-link);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .04em;
}

.els_announcement_single .els_announcement_meta time {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--els-muted);
	font-size: 13px;
	font-weight: 700;
}

.els_announcement_single h1 {
	margin: 0;
	color: var(--els-heading);
	font-size: clamp(28px, 4vw, 42px);
	line-height: 1.18;
	overflow-wrap: anywhere;
}

.els_announcement_body {
	margin-top: 26px;
	padding-top: 24px;
	border-top: 1px solid var(--els-border-soft);
	color: var(--els-text);
	font-size: 16px;
	line-height: 1.8;
}

.els_announcement_body > :first-child { margin-top: 0; }
.els_announcement_body > :last-child { margin-bottom: 0; }

.els_announcement_body p,
.els_announcement_body ul,
.els_announcement_body ol {
	margin: 0 0 18px;
}

.els_announcement_body h2,
.els_announcement_body h3,
.els_announcement_body h4 {
	margin: 28px 0 12px;
	color: var(--els-heading);
	line-height: 1.3;
}

.els_announcement_body a {
	color: var(--els-link);
	font-weight: 700;
}

.els_announcement_body a:hover,
.els_announcement_body a:focus-visible {
	color: var(--els-link-hover);
	outline: 0;
}

.els_announcement_body img,
.els_announcement_body iframe,
.els_announcement_body video {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 22px auto;
	border-radius: 6px;
}

.els_announcement_body table {
	display: block;
	margin: 0 0 18px;
	width: 100%;
	overflow-x: auto;
	border-collapse: collapse;
}

.els_announcement_body th,
.els_announcement_body td {
	padding: 10px 12px;
	border: 1px solid var(--els-border);
	text-align: left;
}

.els_announcement_body blockquote {
	margin: 0 0 18px;
	padding: 14px 18px;
	background: var(--els-primary-soft);
	border-left: 4px solid var(--els-primary-link);
	color: var(--els-text);
}

/* --------------------------------------------------------------------------
   Dark mode for QA9 components
   -------------------------------------------------------------------------- */
body[data-theme="dark"] .els_auth_card,
body[data-theme="dark"] .els_author_modal_panel,
body[data-theme="dark"] .els_announcement_single {
	background: var(--els-dm-surface-2) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-text) !important;
	box-shadow: none;
}

body[data-theme="dark"] .els_auth_card h1,
body[data-theme="dark"] .els_author_identity_row h2,
body[data-theme="dark"] .els_announcement_single h1,
body[data-theme="dark"] .els_announcement_body h2,
body[data-theme="dark"] .els_announcement_body h3,
body[data-theme="dark"] .els_announcement_body h4 {
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_auth_card > p,
body[data-theme="dark"] .els_author_search_external,
body[data-theme="dark"] .els_announcement_single .els_announcement_meta time {
	color: var(--els-dm-text-soft) !important;
}

body[data-theme="dark"] .els_auth_card fieldset,
body[data-theme="dark"] .els_auth_card .registration_complete_actions a {
	background: var(--els-dm-surface) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_auth_card legend,
body[data-theme="dark"] .els_auth_card label,
body[data-theme="dark"] .els_auth_card .label {
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_auth_card input[type="text"],
body[data-theme="dark"] .els_auth_card input[type="email"],
body[data-theme="dark"] .els_auth_card input[type="password"],
body[data-theme="dark"] .els_auth_card select,
body[data-theme="dark"] .els_auth_card textarea {
	background: var(--els-dark-control) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .els_auth_card .buttons .submit {
	background: var(--els-submit-bg) !important;
	border-color: var(--els-submit-border) !important;
	color: var(--els-submit-text) !important;
}

body[data-theme="dark"] .els_auth_card .buttons .submit:hover,
body[data-theme="dark"] .els_auth_card .buttons .submit:focus-visible {
	background: var(--els-submit-hover-bg) !important;
	border-color: var(--els-submit-hover-bg) !important;
	color: var(--els-submit-hover-text) !important;
}

body[data-theme="dark"] .els_auth_card .buttons a,
body[data-theme="dark"] .els_auth_card .registration_complete_actions a:hover,
body[data-theme="dark"] .els_auth_card .registration_complete_actions a:focus-visible {
	background: var(--els-dm-surface-3) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_corresponding_icon {
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_author_icon_mail,
body[data-theme="dark"] .els_author_icon_search {
	color: currentColor !important;
}

body[data-theme="dark"] .els_author_modal {
	background: color-mix(in srgb, var(--els-dm-page) 82%, transparent) !important;
}

body[data-theme="dark"] .els_author_role_label {
	color: var(--els-accent-border) !important;
}

body[data-theme="dark"] .els_author_affiliation,
body[data-theme="dark"] .els_author_modal_actions {
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_author_action,
body[data-theme="dark"] .els_author_orcid_action,
body[data-theme="dark"] .els_author_action > span,
body[data-theme="dark"] .els_author_orcid_text,
body[data-theme="dark"] .els_author_search_external a {
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_author_action:hover,
body[data-theme="dark"] .els_author_action:focus-visible,
body[data-theme="dark"] .els_author_orcid_action:hover,
body[data-theme="dark"] .els_author_orcid_action:focus-visible,
body[data-theme="dark"] .els_author_search_external a:hover,
body[data-theme="dark"] .els_author_search_external a:focus-visible {
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_author_search_primary {
	background: var(--els-dm-surface) !important;
	border-color: var(--els-dm-link) !important;
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_author_search_primary:hover,
body[data-theme="dark"] .els_author_search_primary:focus-visible {
	background: var(--els-dm-surface-3) !important;
	border-color: var(--els-dm-link-hover) !important;
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_author_modal_close {
	background: transparent !important;
	border-color: transparent !important;
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_author_modal_close:hover,
body[data-theme="dark"] .els_author_modal_close:focus-visible {
	background: var(--els-dm-surface-3) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_announcement_detail {
	background: transparent !important;
}

body[data-theme="dark"] .els_announcement_back {
	background: var(--els-dm-surface-2) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_announcement_back:hover,
body[data-theme="dark"] .els_announcement_back:focus-visible {
	background: var(--els-dm-surface-3) !important;
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_announcement_single .els_announcement_type {
	background: var(--els-dark-primary-soft) !important;
	border-color: var(--els-dm-border) !important;
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_announcement_body {
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border-soft) !important;
}

body[data-theme="dark"] .els_announcement_body a {
	color: var(--els-dm-link) !important;
}

body[data-theme="dark"] .els_announcement_body a:hover,
body[data-theme="dark"] .els_announcement_body a:focus-visible {
	color: var(--els-dm-link-hover) !important;
}

body[data-theme="dark"] .els_announcement_body th,
body[data-theme="dark"] .els_announcement_body td {
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_announcement_body blockquote {
	background: var(--els-dark-primary-soft) !important;
	border-left-color: var(--els-dm-link) !important;
	color: var(--els-dm-text) !important;
}

/* --------------------------------------------------------------------------
   Responsive QA9 components
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	.els_auth_page {
		padding: 24px 16px 44px;
	}

	.els_auth_card {
		padding: 26px 22px;
	}

	.els_auth_card--register .identity .fields,
	.els_auth_card--register fieldset.login .fields,
	.els_auth_card .registration_complete_actions {
		grid-template-columns: 1fr;
	}

	.els_auth_card .buttons {
		align-items: stretch;
		flex-direction: column;
	}

	.els_auth_card .buttons .submit,
	.els_auth_card .buttons a {
		width: 100%;
	}

	.els_author_modal {
		align-items: flex-end;
		padding: 12px;
	}

	.els_author_modal_panel {
		max-height: 92vh;
		padding: 26px 22px;
		border-radius: 10px;
	}

	.els_author_identity_row,
	.els_author_affiliation {
		display: block;
	}

	.els_author_affiliation_flag {
		margin-left: 5px;
	}

	.els_author_modal_actions,
	.els_author_search_tools {
		grid-template-columns: 1fr;
		display: grid;
	}

	.els_author_action,
	.els_author_orcid_action {
		width: fit-content;
		max-width: 100%;
	}

	.els_author_search_primary {
		width: 100%;
	}

	.els_author_search_external span {
		flex-basis: 100%;
	}

	.els_announcement_detail {
		width: calc(100% - 32px);
		padding: 24px 0 44px;
	}

	.els_announcement_single {
		padding: 26px 22px 30px;
	}
}