/*!
 * 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: #192125;
	--els-copyright-contrast: #FFFFFF;
	--els-dark-copyright-bg: #11171A;
	--els-dark-copyright-contrast: #FFFFFF;
	--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: var(--els-copyright-contrast, #fff);
	border-top: 1px solid rgba(255, 255, 255, .08);
	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-dark-copyright-bg, var(--els-dm-page)) !important;
	color: var(--els-dark-copyright-contrast, 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-dark-copyright-contrast, 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: 0;
}

.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-dark-copyright-bg, var(--els-dm-page)) !important;
	border-color: var(--els-dm-border-soft) !important;
	color: var(--els-dark-copyright-contrast, 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;
	}
}

/* ================================================================
   QA15 - Editorial Profiles embedded in About container
   ================================================================ */
.els_about_content > .eep-page,
.els_about_content .page_elkuator_editorial_profiles.eep-page {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}

.els_about_content > .eep-page .eep-page__header {
	margin-bottom: 28px;
}

.els_about_content > .eep-page .eep-section:first-of-type {
	margin-top: 0;
}

/* ========================================================================== 
   2026-08-13 UI6 refinement hardening
   Native policy pages, sidebar typography and deterministic article desktop grid.
   ========================================================================== */

/* About sidebar labels must never inherit justified prose typography. */
.els_about_nav_group a > span,
.els_about_nav details.els_about_nav_group a > span,
.els_about_nav details.els_about_nav_group summary > span{
	flex: 1 1 auto;
	min-width: 0;
	text-align: left !important;
	text-align-last: left !important;
	text-justify: auto !important;
	word-spacing: normal !important;
	overflow-wrap: break-word;
}

/* Native policy routes reuse the About shell without an AJAX/query-string router. */
.els_policy_native_page{
	min-width: 0;
	width: 100%;
}

.els_policy_native_page .els_policy_page_header{
	margin-top: 0;
}

.els_policy_native_page .els_policy_page_content{
	min-width: 0;
}

.els_policy_native_page .els_policy_builtin_body > :first-child,
.els_policy_native_page .els_policy_page_content > :first-child{
	margin-top: 0;
}

.els_policy_native_page .els_policy_builtin_body > :last-child,
.els_policy_native_page .els_policy_page_content > :last-child{
	margin-bottom: 0;
}

/*
 * Canonical desktop article grid. The late layer intentionally wins over older
 * QA-era width/max-width declarations. It does not use zoom/scale and therefore
 * produces the same geometry for equal CSS viewports on different clients.
 */
@media (min-width: 992px) {
	.pkp_page_article.pkp_op_view .els_article_page_grid{
		min-width: 0;
	}

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

	.pkp_page_article.pkp_op_view .els_article_left,
	.pkp_page_article.pkp_op_view .els_article_center{
		min-width: 0 !important;
		max-width: none;
	}
}

/* ========================================================================== 
   2026-08-14 UI6.1 micro-polish
   Search runtime resilience, dark DOI hierarchy, single-layer indexer cards,
   adaptive hero pattern, and full-height post-hero navigation hover states.
   ========================================================================== */

/* 1. Post-hero navigation: make each top-level anchor fill the full nav height. */
.els_posthero_nav_inner{
	align-items: stretch !important;
}

.els_posthero_nav .els_primary_nav,
.els_posthero_nav #navigationPrimary,
.els_primary_menu{
	align-self: stretch !important;
	min-height: 52px;
}

.els_primary_menu > li,
.els_posthero_nav #navigationPrimary > li{
	align-self: stretch !important;
}

.els_primary_menu > li > a,
.els_posthero_nav #navigationPrimary > li > a{
	display: flex !important;
	align-items: center !important;
	min-height: 52px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	box-sizing: border-box !important;
}

/* 2. Adaptive hero pattern: preserve the configured global hero background. */
/*
 * UI6.2 removes the diagonal light beams and keeps the decorative geometry
 * inside a responsive safe area. The hero background itself remains controlled
 * by the existing global theme colour variables.
 */
.els_hero > .els_pattern{
    inset: 0 !important;
    opacity: .94;
    transform: none !important;
    background-image:
        radial-gradient(circle at 6% 24%, rgba(255,255,255,.24) 0 3px, transparent 4px),
        radial-gradient(circle at 11% 63%, rgba(255,255,255,.14) 0 6px, transparent 7px),
        radial-gradient(circle at 18% 39%, rgba(255,255,255,.19) 0 2px, transparent 3px),
        radial-gradient(circle at 25% 78%, rgba(255,255,255,.17) 0 4px, transparent 5px),
        radial-gradient(circle at 34% 19%, rgba(255,255,255,.14) 0 5px, transparent 6px),
        radial-gradient(circle at 43% 58%, rgba(255,255,255,.20) 0 3px, transparent 4px),
        radial-gradient(circle at 52% 28%, rgba(255,255,255,.15) 0 7px, transparent 8px),
        radial-gradient(circle at 61% 74%, rgba(255,255,255,.18) 0 4px, transparent 5px),
        radial-gradient(circle at 69% 17%, rgba(255,255,255,.16) 0 3px, transparent 4px),
        radial-gradient(circle at 77% 48%, rgba(255,255,255,.22) 0 5px, transparent 6px),
        radial-gradient(circle at 86% 72%, rgba(255,255,255,.15) 0 7px, transparent 8px),
        radial-gradient(circle at 94% 30%, rgba(255,255,255,.20) 0 4px, transparent 5px),
        radial-gradient(circle at 91% 88%, rgba(255,255,255,.12) 0 3px, transparent 4px);
    background-size: 100% 100%;
    animation: elsHeroParticlesUI62 12.5s ease-in-out infinite alternate !important;
}

.els_hero > .els_pattern::before,
.els_hero > .els_pattern::after{
    box-sizing: border-box;
    pointer-events: none;
}

/* Multi-ring academic orbit, fully contained inside the desktop hero. */
.els_hero > .els_pattern::before{
    width: 150px !important;
    height: 150px !important;
    left: 90px !important;
    top: 75px !important;
    border: 1px solid rgba(255,255,255,.17) !important;
    box-shadow:
        0 0 0 35px rgba(255,255,255,.030),
        0 0 0 70px rgba(255,255,255,.016) !important;
    opacity: .78;
    animation: elsHeroOrbitUI62 13.5s ease-in-out infinite alternate !important;
}

.els_hero > .els_pattern::after{
    width: 140px !important;
    height: 140px !important;
    right: 90px !important;
    bottom: 70px !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    box-shadow:
        0 0 0 32px rgba(255,255,255,.026),
        0 0 0 65px rgba(255,255,255,.014) !important;
    opacity: .72;
    animation: elsHeroOrbitUI62b 15s ease-in-out infinite alternate !important;
}

.els_hero::before{
    background: radial-gradient(circle, rgba(255,255,255,.15) 0, rgba(255,255,255,.06) 38%, transparent 70%) !important;
    opacity: .70;
}

.els_hero::after{
    background: radial-gradient(circle, rgba(255,255,255,.11) 0, rgba(255,255,255,.045) 42%, transparent 72%) !important;
    opacity: .62;
}

@keyframes elsHeroParticlesUI62{
    0%{ opacity: .84; background-position: 0 0; }
    100%{ opacity: .99; background-position: 13px -9px; }
}

@keyframes elsHeroOrbitUI62{
    0%{ transform: translate3d(0,0,0) rotate(0deg); opacity: .66; }
    100%{ transform: translate3d(13px,9px,0) rotate(5deg); opacity: .88; }
}

@keyframes elsHeroOrbitUI62b{
    0%{ transform: translate3d(0,0,0) rotate(0deg); opacity: .60; }
    100%{ transform: translate3d(-13px,-8px,0) rotate(-5deg); opacity: .82; }
}

/* Tablet: reduce orbit footprint while keeping both rings fully contained. */
@media (max-width: 1024px){
    .els_hero > .els_pattern::before{
        width: 130px !important;
        height: 130px !important;
        left: 72px !important;
        top: 62px !important;
        box-shadow:
            0 0 0 29px rgba(255,255,255,.028),
            0 0 0 58px rgba(255,255,255,.014) !important;
    }

    .els_hero > .els_pattern::after{
        width: 120px !important;
        height: 120px !important;
        right: 70px !important;
        bottom: 58px !important;
        box-shadow:
            0 0 0 27px rgba(255,255,255,.024),
            0 0 0 54px rgba(255,255,255,.012) !important;
    }
}

/* Mobile safe geometry: no orbit crosses the hero boundary during motion. */
@media (max-width: 640px){
    .els_hero > .els_pattern{
        background-image:
            radial-gradient(circle at 8% 20%, rgba(255,255,255,.22) 0 2px, transparent 3px),
            radial-gradient(circle at 15% 52%, rgba(255,255,255,.15) 0 4px, transparent 5px),
            radial-gradient(circle at 23% 76%, rgba(255,255,255,.18) 0 3px, transparent 4px),
            radial-gradient(circle at 34% 31%, rgba(255,255,255,.14) 0 2px, transparent 3px),
            radial-gradient(circle at 46% 66%, rgba(255,255,255,.19) 0 4px, transparent 5px),
            radial-gradient(circle at 57% 18%, rgba(255,255,255,.15) 0 3px, transparent 4px),
            radial-gradient(circle at 68% 45%, rgba(255,255,255,.21) 0 4px, transparent 5px),
            radial-gradient(circle at 78% 72%, rgba(255,255,255,.14) 0 3px, transparent 4px),
            radial-gradient(circle at 88% 27%, rgba(255,255,255,.19) 0 4px, transparent 5px),
            radial-gradient(circle at 94% 59%, rgba(255,255,255,.13) 0 2px, transparent 3px);
        background-size: 100% 100%;
    }

    .els_hero > .els_pattern::before{
        width: 100px !important;
        height: 100px !important;
        left: 48px !important;
        top: 50px !important;
        box-shadow:
            0 0 0 21px rgba(255,255,255,.026),
            0 0 0 42px rgba(255,255,255,.013) !important;
        animation-name: elsHeroOrbitMobileUI62 !important;
    }

    .els_hero > .els_pattern::after{
        width: 104px !important;
        height: 104px !important;
        right: 48px !important;
        bottom: 48px !important;
        box-shadow:
            0 0 0 22px rgba(255,255,255,.022),
            0 0 0 44px rgba(255,255,255,.011) !important;
        animation-name: elsHeroOrbitMobileUI62b !important;
    }
}

@keyframes elsHeroOrbitMobileUI62{
    0%{ transform: translate3d(0,0,0); opacity: .56; }
    100%{ transform: translate3d(7px,5px,0); opacity: .77; }
}

@keyframes elsHeroOrbitMobileUI62b{
    0%{ transform: translate3d(0,0,0); opacity: .52; }
    100%{ transform: translate3d(-7px,-5px,0); opacity: .73; }
}

/* Reduced motion keeps the composition but stops decorative movement. */
@media (prefers-reduced-motion: reduce){
    .els_hero > .els_pattern,
    .els_hero > .els_pattern::before,
    .els_hero > .els_pattern::after{
        animation: none !important;
    }
}

/* 3. Indexer/logo cards: one outer border only; linked image stays visually clean. */
/* Normalise paragraph-wrapped logo markup (<p><a><img></a></p>) to direct-card markup. */
.els_auto_media_grid > .els_auto_media_wrapper{
    display: flex !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
}

.els_auto_media_grid > .els_auto_media_wrapper > .els_auto_media_card{
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.els_auto_media_grid > .els_auto_media_wrapper > .els_auto_media_card > img,
.els_auto_media_grid > .els_auto_media_wrapper > .els_auto_media_card img{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* A media card that is itself the linked-media anchor owns the single outer frame. */
.els_auto_media_card.els_linked_media{
    border: 1px solid #dce8ec !important;
    box-shadow: 0 3px 10px rgba(15, 41, 51, .035) !important;
}

.els_auto_media_card.els_linked_media:hover,
.els_auto_media_card.els_linked_media:focus-visible{
    border-color: var(--els-primary) !important;
    box-shadow: 0 10px 22px rgba(15, 41, 51, .12) !important;
    transform: translateY(-2px) scale(1.012) !important;
}

.els_auto_media_card .els_linked_media,
.els_auto_media_card .els_linked_media:hover,
.els_auto_media_card .els_linked_media:focus{
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	transform: none !important;
}

.els_auto_media_card .els_linked_media:focus-visible{
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	transform: none !important;
	outline: 2px solid var(--els-focus) !important;
	outline-offset: -3px !important;
}

/* 4. DOI is secondary metadata in dark mode, not a bright CTA. */
body[data-theme="dark"] .els_article_badges > a.els_doi_badge[href*="doi"],
body[data-theme="dark"] .els_article_badges > .els_doi_badge{
	background: var(--els-dark-control) !important;
	border-color: var(--els-dm-border-soft) !important;
	color: var(--els-dm-text-soft) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_article_badges > a.els_doi_badge[href*="doi"]:hover,
body[data-theme="dark"] .els_article_badges > a.els_doi_badge[href*="doi"]:focus-visible,
body[data-theme="dark"] .els_article_badges > .els_doi_badge:hover,
body[data-theme="dark"] .els_article_badges > .els_doi_badge:focus-visible{
	background: var(--els-dark-primary-soft) !important;
	border-color: var(--els-primary-border) !important;
	color: var(--els-dm-heading) !important;
}

body[data-theme="dark"] .els_article_badges > .els_doi_badge .els_icon,
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: none !important;
	stroke: currentColor !important;
}

/* ========================================================================== 
   2026-08-14 UI6.3 stable-readiness CSS hardening
   Canonical PDF/galley colour states and slightly livelier hero motion.
   This late layer intentionally normalises historical QA-era galley rules.
   ========================================================================== */

/* PDF icon always follows the button text colour in every interaction state. */
.els_galley_link .els_pdf_icon,
.els_pdf_link .els_pdf_icon,
.obj_galley_link.pdf .els_pdf_icon,
.els_galley_link .els_pdf_icon .els_icon,
.els_pdf_link .els_pdf_icon .els_icon,
.obj_galley_link.pdf .els_pdf_icon .els_icon{
    color: inherit !important;
}

.els_galley_link .els_pdf_icon svg,
.els_pdf_link .els_pdf_icon svg,
.obj_galley_link.pdf .els_pdf_icon svg,
.els_galley_link .els_pdf_icon svg *,
.els_pdf_link .els_pdf_icon svg *,
.obj_galley_link.pdf .els_pdf_icon svg *{
    stroke: currentColor !important;
}

/* Canonical dark-mode galley normal state. */
body[data-theme="dark"] .els_galley_link,
body[data-theme="dark"] .els_galley_link:visited,
body[data-theme="dark"] .els_galleys a,
body[data-theme="dark"] .els_galleys a:visited,
body[data-theme="dark"] .els_detail_galleys a,
body[data-theme="dark"] .els_detail_galleys a:visited,
body[data-theme="dark"] .obj_galley_link,
body[data-theme="dark"] .obj_galley_link:visited,
body[data-theme="dark"] .galley_link,
body[data-theme="dark"] .galley_link:visited,
body[data-theme="dark"] .els_pdf_link,
body[data-theme="dark"] .els_pdf_link:visited{
    background: var(--els-dark-control) !important;
    border-color: var(--els-dm-border) !important;
    color: var(--els-dm-link) !important;
    box-shadow: none !important;
}

/* Canonical dark-mode hover/focus/active state: accent surface + contrast text. */
body[data-theme="dark"] .els_galley_link:hover,
body[data-theme="dark"] .els_galley_link:focus,
body[data-theme="dark"] .els_galley_link:focus-visible,
body[data-theme="dark"] .els_galley_link:active,
body[data-theme="dark"] .els_galleys a:hover,
body[data-theme="dark"] .els_galleys a:focus,
body[data-theme="dark"] .els_galleys a:focus-visible,
body[data-theme="dark"] .els_galleys a:active,
body[data-theme="dark"] .els_detail_galleys a:hover,
body[data-theme="dark"] .els_detail_galleys a:focus,
body[data-theme="dark"] .els_detail_galleys a:focus-visible,
body[data-theme="dark"] .els_detail_galleys a:active,
body[data-theme="dark"] .obj_galley_link:hover,
body[data-theme="dark"] .obj_galley_link:focus,
body[data-theme="dark"] .obj_galley_link:focus-visible,
body[data-theme="dark"] .obj_galley_link:active,
body[data-theme="dark"] .galley_link:hover,
body[data-theme="dark"] .galley_link:focus,
body[data-theme="dark"] .galley_link:focus-visible,
body[data-theme="dark"] .galley_link:active,
body[data-theme="dark"] .els_pdf_link:hover,
body[data-theme="dark"] .els_pdf_link:focus,
body[data-theme="dark"] .els_pdf_link:focus-visible,
body[data-theme="dark"] .els_pdf_link:active{
    background: var(--els-accent) !important;
    border-color: var(--els-accent) !important;
    color: var(--els-accent-contrast) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .18) !important;
}

/* Keep restricted PDF galleys visually coherent without hiding their state. */
body[data-theme="dark"] .els_galley_link.restricted,
body[data-theme="dark"] .els_pdf_link.restricted,
body[data-theme="dark"] .obj_galley_link.restricted{
    background: var(--els-dm-surface-2) !important;
    border-color: var(--els-dm-border-soft) !important;
    color: var(--els-dm-text-soft) !important;
}