/* ==========================================================================
   Elkuator Scholar 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 {
	/* Brand colors: the only 3 colors journal managers should normally change */
	--els-primary: #0788b6;
	--els-accent: #f5821f;
	--els-dark: #1c2529;

	/* Derived brand tokens */
	--els-primary-dark: #173F7A;
	--els-primary-soft: #f3f8fa;
	--els-primary-border: #b9dfe8;
	--els-accent-soft: #fff8ef;
	--els-accent-border: var(--els-accent);

	/* Neutral UI tokens */
	--els-bg: #f3f8fa;
	--els-surface: #ffffff;
	--els-text: #1f2933;
	--els-heading: #1b2630;
	--els-muted: #6b7280;
	--els-border: #3b3c3d4d;
	--els-border-soft: #e5edf1;
	--els-white: #ffffff;

	/* Functional tokens */
	--els-link: #173F7A;
	--els-link-hover: var(--els-accent);
	--els-button-bg: #173F7A;
	--els-button-text: var(--els-white);
	--els-submit-bg: var(--els-accent);
	--els-submit-hover-bg: #173F7A;
	--els-submit-border: var(--els-submit-bg);
	--els-footer-bg: var(--els-dark);
	--els-copyright-bg: #1c2529;
	--els-prehero-bg: #173F7A;

	/* 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: 1320px;
}

*,
*::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, "Noto Sans", Arial, Helvetica, sans-serif);
	font-size: 15px;
	line-height: 1.65;
}

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

@media(max-width: 768px) {
  a {
	color: #555555;
	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, #173F7A);
	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, #173F7A);
	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, #173F7A);
	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, #173F7A);
	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: "\f0e4";
}

/* 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: "\f0e4";
}

/* 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: "\f013";
}

/* 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: "\f007";
}

/* 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: "\f234";
}

/* 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: "\f090";
}

/* 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: "\f08b";
}

/* 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, #0788b6);
	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, #173F7A) !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: #173F7A !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: #173F7A !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;
}

.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;
	letter-spacing: .01em !important;
}

.els_nav_issn:hover .els_nav_issn_label {
	background: rgba(255, 255, 255, .24) !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: #173F7A;
	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;
}

#navigationPrimary li a {
	font-weight: 600;
}

/* Hero */
.els_hero {
	position: relative;
	overflow: hidden;
	background: #173F7A;
	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%;
}

ul.keyword.list-unstyled.marquee-content {
  width: 92% !important;
}

.marquee-container {
    height: 350px; /* Adjust as needed */
    overflow: hidden;
    position: relative;
}
ul.marquee-content li{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 1), inset 0 1px 1px rgba(255, 255, 255, 0.6);
    text-align: center;
    margin: 5px;
    border-radius: 10px;
    /* border: solid 1px; */
    line-height: 20px;
    padding: 5px 0;
}

.marquee-content {
    position: absolute;
    width: 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, #173F7A);
	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: #173F7A !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: #173F7A !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_announcement_detail,
.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: #173F7A;
	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: #173F7A !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: #173F7A !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: #173F7A;
}

.els_section_head h2 {
	margin: 0;
	color: #173F7A;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.25;
}

.els_section_head h2 a {
	color: #173F7A;
	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, #173F7A);
	font-size: 15px;
	line-height: 1.25;
}

.els_article_title a,
.obj_article_summary .title a {
	color: #173F7A;
	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;
}

.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,
.els_pdf_link i::before,
.obj_galley_link.pdf i::before {
	display: none !important;
	content: none !important;
}

.els_pdf_link .els_pdf_svg_icon,
.obj_galley_link.pdf .els_pdf_svg_icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	flex: 0 0 16px;
	vertical-align: -3px;
}

.els_pdf_svg_icon svg {
	display: block !important;
	width: 16px !important;
	height: 16px !important;
	overflow: visible;
}

.els_pdf_svg_sheet {
	fill: #fff;
	stroke: #173F7A;
	stroke-width: 1.6;
}

.els_pdf_svg_fold {
	fill: none;
	stroke: var(--els-accent);
	stroke-width: 1.6;
	stroke-linejoin: round;
}

.els_pdf_svg_line {
	fill: none;
	stroke: #173F7A;
	stroke-width: 1.25;
	stroke-linecap: round;
}

.els_pdf_svg_badge {
	fill: #173F7A;
	stroke: #173F7A;
	stroke-width: .5;
}

.els_pdf_svg_text {
	fill: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4px;
	font-weight: 700;
	letter-spacing: .1px;
}

.els_pdf_label {
	display: inline-block;
	line-height: 1;
}

.els_pdf_link:hover .els_pdf_svg_sheet,
.obj_galley_link.pdf:hover .els_pdf_svg_sheet {
	fill: var(--els-primary-soft, #f3f8fa);
}

/* 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: #173F7A;
	font-size: 13px;
	font-weight: 700;
}

.els_issue_articles h1 {
	max-width: 790px;
	margin: 4px 0 22px;
	color: #173F7A;
	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: #173F7A;
	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,
.els_back_wrap {
	margin: 0 0 22px;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

.els_issue_back a,
.els_back_link,
.els_announcement_back {
	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: #173F7A;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.els_back_link,
.els_announcement_back {
	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,
.els_announcement_back:hover,
.els_announcement_back:focus {
	background: #173F7A;
	border-color: #173F7A;
	color: #fff;
	text-decoration: none;
}

.els_issue_back a::before {
	content: "\f060";
	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, #f5821f);
	box-shadow: 0 12px 28px rgba(15, 41, 51, 0.24);
	transform: translateY(-2px);
}

.els_issue_card h2 {
	margin: 0 0 6px;
	color: #173F7A;
	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,
.els_announcement_detail {
	width: 100%;
	min-height: 620px;
	padding: 24px 26px 42px;
}

.els_announcements_page h1,
.els_announcement_detail 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: #173F7A;
	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,
.els_announcement_body,
.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,
.els_announcement_body 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, #173F7A);
	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: #173F7A;
	text-decoration: none;
}

.els_about_nav_group a.is_active,
.els_about_nav details.els_about_nav_group a.is_active {
	background: #fff;
	color: #173F7A;
	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: #173F7A;
}

.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: #173F7A !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: #173F7A !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: #173F7A !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: #173F7A;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
}

.els_detail_authors a {
	color: #173F7A;
	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: #173F7A;
	text-decoration: none;
}

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

.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 #173F7A;
}

.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: #173F7A;
	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: #173F7A;
	text-decoration: none;
}

.els_detail_tabs a.is_active {
	background: #173F7A;
	border-color: #173F7A;
	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: #173F7A;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
}

.els_article_copyright {
	margin-top: 8px;
	padding: 22px 24px !important;
	background: #fbfdfe;
	border: 1px solid var(--els-border);
	border-left: 4px solid var(--els-accent);
}

.els_article_copyright h2 {
	margin-bottom: 14px;
}

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

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

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

.els_article_copyright a {
	color: #173F7A;
	font-weight: 700;
	text-decoration: none;
}

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

.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: #173F7A;
	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: #173F7A;
	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, #173F7A);
	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_ojs_citation_section {
	margin-top: 34px;
	padding-top: 28px;
	border-top: 1px solid #dce8ec;
}

.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 16px;
	color: #1f2933;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .value {
	color: #1f2933;
	font-size: 15px;
	line-height: 1.75;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats {
	margin-top: 18px;
	background: #f7fbfc;
	border: 1px solid #dce8ec;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_button {
	width: 100%;
	padding: 14px 16px;
	background: #fff;
	border: 0;
	border-bottom: 1px solid #dce8ec;
	color: #1f2933;
	font-weight: 700;
	text-align: left;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list li,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul li {
	margin: 0;
	border-bottom: 1px solid #dce8ec;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list li:last-child,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul li:last-child {
	border-bottom: 0;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list a,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul li a {
	display: block;
	padding: 12px 16px;
	color: #173F7A;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

.pkp_page_article.pkp_op_view .els_ojs_citation_section .citation_formats_list a:hover,
.pkp_page_article.pkp_op_view .els_ojs_citation_section ul li a:hover {
	background: var(--els-primary-soft, #f3f8fa);
	color: var(--els-accent);
}

.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: #173F7A;
	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: #173F7A;
	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: #173F7A;
	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: #173F7A;
	text-decoration: none;
}

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

.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: #173F7A;
	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: underline;
	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: underline;
}

.els-site-copyright {
	padding: 20px 0;
	background: #173F7A;
	color: #fff;
	font-size: 13px;
	text-align: center;
}

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

.cmp_button:hover,
.cmp_form .buttons button:hover,
button.submit:hover,
input[type="submit"]:hover {
	background: #173F7A;
	color: #fff;
}

body.pkp_page_article.pkp_op_view .galley_view iframe,
body.pkp_page_article.pkp_op_view iframe {
	background: #fff;
}

.els_mobile_bar {
	display: none;
}

@media (min-width: 769px) {
	.els_mobile_menu {
		display: block;
	}
}

/* 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_mobile_bar {
		display: grid;
		grid-template-columns: 56px 1fr 56px;
		align-items: center;
		gap: 10px;
		padding: 12px 14px;
		background: #173F7A;
		color: #fff;
	}

	.els_mobile_toggle,
	.els_mobile_user {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		background: #fff;
		border: 0;
		border-radius: 6px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
		color: #173F7A;
		font-size: 21px;
		line-height: 1;
		text-decoration: none;
		cursor: pointer;
	}

	.els_mobile_toggle:hover,
	.els_mobile_toggle:focus,
	.els_mobile_user:hover,
	.els_mobile_user:focus {
		background: #fff;
		color: #173F7A;
		text-decoration: none;
	}

	.els_mobile_journal {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 44px;
		color: #fff;
		font-size: 19px;
		font-weight: 800;
		line-height: 1.2;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
	}

	.els_mobile_journal:hover,
	.els_mobile_journal:focus {
		color: #fff;
		text-decoration: none;
	}

	.els_mobile_menu {
		display: none !important;
		background: #173F7A;
		border-top: 1px solid rgba(255, 255, 255, .18);
	}

	body.els_mobile_menu_open .els_mobile_menu {
		display: block !important;
	}

	.els_mobile_menu .els_container,
	.els_mobile_menu .els_prehero_nav_inner,
	.els_mobile_menu .els_posthero_nav_inner,
	.els_mobile_menu .els_quick_nav,
	.els_mobile_menu .els_primary_nav,
	.els_mobile_menu .els_primary_menu {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.els_mobile_menu .els_primary_menu li {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none !important;
	}

	.els_mobile_menu .els_short_brand,
	.els_mobile_menu .els_nav_issn,
	.els_mobile_menu .els_nav_search_link,
	.els_mobile_menu .els_quick_nav > a,
	.els_mobile_menu .els_menu_item > a,
	.els_mobile_menu .els_primary_menu > li > a {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 14px 18px !important;
		background: transparent !important;
		border-bottom: 1px solid rgba(255, 255, 255, .18) !important;
		color: #fff !important;
		font-size: 15px !important;
		font-weight: 800 !important;
		line-height: 1.4 !important;
		text-decoration: none !important;
	}

	.els_mobile_menu .els_nav_issn {
		display: flex !important;
		justify-content: flex-start !important;
		gap: 10px !important;
	}

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

	.els_mobile_menu .els_dropdown,
	.els_mobile_menu .els_dropdown_wide {
		position: static !important;
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: rgba(0, 0, 0, .08) !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	.els_mobile_menu .els_dropdown a,
	.els_mobile_menu .els_dropdown_help {
		display: block !important;
		padding: 11px 28px !important;
		background: transparent !important;
		border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
		color: #fff !important;
		font-size: 14px !important;
		text-decoration: none !important;
	}

	.els_mobile_menu .els_dropdown_help strong,
	.els_mobile_menu .els_dropdown_help span {
		display: block;
		color: #fff !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, #173F7A) !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_announcement_detail,
	.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: #173F7A;
	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: #173F7A;
	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: #173F7A;
	border: 3px solid #ffffff;
	box-shadow: 0 0 0 2px #173F7A;
	border-radius: 999px;
}

.els-timeline__date {
	display: inline-block;
	margin: 0 0 10px;
	padding: 5px 10px;
	background: var(--els-primary-soft);
	color: #173F7A;
	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: underline;
}

@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 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: #173F7A;
	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: #173F7A;
	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: #173F7A;
	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: #173F7A;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.3;
	text-decoration: none;
}

.statcounter_public_link:hover,
.statcounter_public_link:focus {
	background: #173F7A;
	border-color: #173F7A;
	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: #173F7A;
	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 #173F7A;
	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 #173F7A;
	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: #173F7A !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: #173F7A;
	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: #173F7A;
	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 #173F7A;
}

.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: #173F7A;
	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: #173F7A;
	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: #173F7A;
	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 #173F7A;
}

.els-call-box h3 {
	margin: 0 0 12px;
	color: #173F7A;
	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: #173F7A;
}

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

.page_submissions .cmp_notification a {
	color: #173F7A;
	font-weight: 900;
	text-decoration: none;
}

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

.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: #173F7A;
}

.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: #173F7A;
	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: #173F7A !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: #173F7A;
	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: #173F7A;
	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 #173F7A;
	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: #173F7A;
	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: #173F7A;
	font-weight: 800;
	text-decoration: none;
}

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

.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 #173F7A;
}

.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: #173F7A;
	font-weight: 800;
	text-decoration: none;
}

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

@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, #f5821f);
	text-decoration: underline;
}

/* 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, #f5821f);
	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, #f5821f);
}

/* 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, #f5821f);
	text-decoration: underline;
}

/* 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, #f5821f);
}

/* 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, #f5821f);
	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, #f5821f);
}

/* 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, #f5821f);
	text-decoration: underline;
}

/* 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, #f5821f);
	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: "\f0e0";
	font-family: FontAwesome;
	font-size: 12px;
	font-weight: normal;
	color: var(--els-accent, #f5821f);
}

/* 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 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 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: #1f2937;
  line-height: 1;
  vertical-align: middle;
}

.els_author_modals {
  display: contents;
}

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

.els_author_modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(17, 24, 39, 0.52);
}

.els_author_modal_panel {
  position: relative;
  width: min(100%, 788px);
  max-height: min(88vh, 760px);
  overflow: auto;
  padding: 28px 32px 30px;
  border: 1px solid #d6dee8;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 22px 60px rgba(15, 23, 42, 0.25);
  color: #1f2937;
}

.els_author_modal_close {
  position: absolute;
  top: 18px;
  right: 22px;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1f2937;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 34px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

.els_author_modal_close:hover,
.els_author_modal_close:focus {
  color: #285aa7;
  outline: none;
}

.els_author_modal_header {
  padding-right: 42px;
}

.els_author_role_label {
  display: block;
  margin: 0px 0 20px;
  color: #1f2937;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}

.els_author_identity_row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.els_author_identity_row h2,
.els_author_modal_header .els_author_identity_row h2 {
  margin: 0;
  color: #1f2937;
  font-family: var(--els-heading-font, Georgia, serif);
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
}

.els_author_pronoun {
  display: inline-block;
  margin-left: 6px;
  color: #1f2937;
  font-family: var(--els-body-font, Arial, Helvetica, sans-serif);
  font-size: 0.72em;
  font-weight: 700;
  line-height: 1;
  vertical-align: baseline;
}

.els_author_affiliation {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 18px 0 0;
  color: #1f2937;
  font-size: 16px;

  line-height: 1.5;
}

.els_author_affiliation_flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: 18px;
  line-height: 1;
}

.els_author_modal_actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin: 20px 0 0;
  padding: 18px 0;
  border-top: 1px solid #d7e4ee;
  border-bottom: 1px solid #d7e4ee;
}

.els_author_action,
.els_author_action:visited,
.els_author_action:hover,
.els_author_action:focus,
.els_author_orcid_action,
.els_author_orcid_action:visited,
.els_author_orcid_action:hover,
.els_author_orcid_action:focus {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  color: #1f2937;
  font-size: 16px;

  line-height: 1.2;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none;
}

.els_author_action > span,
.els_author_orcid_text {
  display: inline-block;
  color: var(--els-dm-heading) !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.els_author_action:hover > span,
.els_author_action:focus > span,
.els_author_orcid_action:hover .els_author_orcid_text,
.els_author_orcid_action:focus .els_author_orcid_text {
  color: #285aa7;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

.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: #1f2937;
}

.els_author_icon_search {
  color: #0072a8;
}

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

.els_author_search_tools {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 28px;
  margin: 22px 0 0;
}

.els_author_search_primary,
.els_author_search_primary:visited {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  width: auto;
  min-width: 340px;
  min-height: 52px;
  padding: 10px 26px;
  border: 2px solid #0072a8;
  border-radius: 999px;
  background: #fff;
  color: #00669a;
  font-size: 16px;
  line-height: 1.2;
  text-align: left;
  text-decoration: none;
  word-spacing: normal;
  letter-spacing: normal;
  box-shadow: none;
}

.els_author_search_primary span {
  display: inline-block;
  white-space: nowrap;
  text-align: left;
  word-spacing: normal;
  letter-spacing: normal;
}

.els_author_search_primary:hover,
.els_author_search_primary:focus {
  background: #eff8fd;
  color: #004f78;
  text-decoration: none;
  outline: none;
}

.els_author_search_primary .els_author_icon_search {
  width: 25px;
  height: 25px;
}

.els_author_search_external {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  color: #1f2937;
  font-size: 16px;

  line-height: 1.4;
  white-space: nowrap;
}

.els_author_search_external a,
.els_author_search_external a:visited {
  color: #1f2937;
  text-underline-offset: 3px;
}

.els_author_search_external a + a {
  padding-left: 10px;
  border-left: 1px solid #c9d7e2;
}

.els_author_search_external a:hover,
.els_author_search_external a:focus {
  color: #285aa7;
}

html.els_author_modal_open,
body.els_author_modal_open {
  overflow: hidden;
}

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

@media (max-width: 767px) {
  .els_author_modal {
    align-items: flex-start;
    justify-content: center;
    padding: 18px 14px;
    overflow-y: auto;
  }

  .els_author_modal_panel {
    width: 100%;
    max-width: 420px;
    max-height: none;
    margin: 0 auto;
    padding: 26px 24px 28px;
    overflow: visible;
    border-radius: 0;
  }

  .els_author_modal_close {
    top: 18px;
    right: 18px;
    width: 30px;
    height: 30px;
    font-size: 34px;
    line-height: 1;
  }

  .els_author_modal_header {
    padding-right: 38px;
  }

  .els_author_role_label {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 900;
    line-height: 1.3;
  }

  .els_author_identity_row {
    display: block;
  }

  .els_author_identity_row h2,
  .els_author_modal_header .els_author_identity_row h2 {
    margin: 0;
    color: #1f2937;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2;
    text-align: left;
    word-spacing: normal;
    letter-spacing: normal;
  }

  .els_author_affiliation {
    display: block;
    margin: 18px 0 0;
    color: #1f2937;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.55;
    text-align: left !important;
    text-align-last: left !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    overflow-wrap: break-word;
  }

  .els_author_affiliation_flag {
    display: inline-flex;
    margin-left: 6px;
    font-size: 17px;
    vertical-align: -1px;
  }

  .els_author_modal_actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 26px 0 0;
    padding: 18px 0;
  }

  .els_author_action,
  .els_author_orcid_action {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 9px;
    color: #1f2937;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
    text-align: left;
    text-decoration: none !important;
  }

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

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

  .els_author_search_tools {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 22px 0 0;
  }

  .els_author_search_primary,
  .els_author_search_primary:visited {
    width: 100%;
    min-width: 0;
    min-height: 52px;
    padding: 10px 20px;
    justify-content: center;
    gap: 10px;
    border-width: 2px;
    font-size: 15px;
    line-height: 1.25;
    text-align: center;
  }

  .els_author_search_primary span {
    display: inline;
    white-space: normal;
    text-align: center;
    word-spacing: normal !important;
    letter-spacing: normal !important;
  }

  .els_author_search_primary .els_author_icon_search {
    width: 23px;
    height: 23px;
  }

  .els_author_search_external {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    color: #1f2937;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    white-space: normal;
    text-align: left;
  }

  .els_author_search_external span {
    flex: 0 0 100%;
    display: block;
    margin-bottom: 2px;
  }

  .els_author_search_external a,
  .els_author_search_external a:visited {
    display: inline-flex;
    color: #1f2937;
    font-weight: 800;
    line-height: 1.3;
    text-decoration: underline;
    text-underline-offset: 3px;
  }

  .els_author_search_external a + a {
    margin-left: 0;
    padding-left: 10px;
    border-left: 1px solid #c9d7e2;
  }
}

@media (max-width: 430px) {
  .els_author_modal {
    padding: 14px 10px;
  }

  .els_author_modal_panel {
    max-width: 100%;
    padding: 24px 20px 26px;
  }

  .els_author_identity_row h2,
  .els_author_modal_header .els_author_identity_row h2 {
    font-size: 23px;
  }

  .els_author_affiliation {
    font-size: 14px;
    line-height: 1.55;
  }

  .els_author_action,
  .els_author_orcid_action,
  .els_author_search_external {
    font-size: 14px;
  }

  .els_author_search_primary,
  .els_author_search_primary:visited {
    min-height: 50px;
    padding: 10px 16px;
    font-size: 14px;
  }
}

/* ==================================================
   Elkuator Scholar 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: #173F7A;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}

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

/* ==================================================
   Elkuator Scholar 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: "\f015";
}

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

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

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

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

/* Mobile menu: keep icon alignment tidy */
@media (max-width: 768px) {
  .els_mobile_menu .els_primary_menu > li > a,
  .els_mobile_menu #navigationPrimary > li > a {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
  }

  .els_mobile_menu .els_primary_menu > li > a::before,
  .els_mobile_menu #navigationPrimary > li > a::before {
    flex: 0 0 18px;
    width: 18px;
    font-size: 15px;
  }
}
/* =========================================================
   Elkuator Scholar 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, #173F7A) !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,
.els_announcement_back,
.els_announcement_back:visited {
  background: #ffffff !important;
  border-color: var(--els-primary-border, #173F7A) !important;
  color: #173F7A !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,
.els_announcement_back:hover,
.els_announcement_back:focus,
.els_announcement_back:focus-visible,
.els_announcement_back:active {
  background: var(--els-submit-hover-bg, #173F7A) !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, #173F7A) !important;
  color: #173F7A !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, #173F7A) !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, #173F7A) !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;
}

/* PDF icon state follows button state without changing button size */
.els_galley:hover .els_pdf_svg_sheet,
.els_galley:focus .els_pdf_svg_sheet,
.els_galley:focus-visible .els_pdf_svg_sheet,
.els_galley:active .els_pdf_svg_sheet,
.els_galleys a:hover .els_pdf_svg_sheet,
.els_galleys a:focus .els_pdf_svg_sheet,
.els_galleys a:focus-visible .els_pdf_svg_sheet,
.els_galleys a:active .els_pdf_svg_sheet,
.els_detail_galleys a:hover .els_pdf_svg_sheet,
.els_detail_galleys a:focus .els_pdf_svg_sheet,
.els_detail_galleys a:focus-visible .els_pdf_svg_sheet,
.els_detail_galleys a:active .els_pdf_svg_sheet,
.els_pdf_link:hover .els_pdf_svg_sheet,
.els_pdf_link:focus .els_pdf_svg_sheet,
.els_pdf_link:focus-visible .els_pdf_svg_sheet,
.els_pdf_link:active .els_pdf_svg_sheet,
.obj_galley_link.pdf:hover .els_pdf_svg_sheet,
.obj_galley_link.pdf:focus .els_pdf_svg_sheet,
.obj_galley_link.pdf:focus-visible .els_pdf_svg_sheet,
.obj_galley_link.pdf:active .els_pdf_svg_sheet,
.cmp_article_galley_link:hover .els_pdf_svg_sheet,
.cmp_article_galley_link:focus .els_pdf_svg_sheet,
.cmp_article_galley_link:focus-visible .els_pdf_svg_sheet,
.cmp_article_galley_link:active .els_pdf_svg_sheet {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.els_galley:hover .els_pdf_svg_fold,
.els_galley:focus .els_pdf_svg_fold,
.els_galley:focus-visible .els_pdf_svg_fold,
.els_galley:active .els_pdf_svg_fold,
.els_galleys a:hover .els_pdf_svg_fold,
.els_galleys a:focus .els_pdf_svg_fold,
.els_galleys a:focus-visible .els_pdf_svg_fold,
.els_galleys a:active .els_pdf_svg_fold,
.els_detail_galleys a:hover .els_pdf_svg_fold,
.els_detail_galleys a:focus .els_pdf_svg_fold,
.els_detail_galleys a:focus-visible .els_pdf_svg_fold,
.els_detail_galleys a:active .els_pdf_svg_fold,
.els_pdf_link:hover .els_pdf_svg_fold,
.els_pdf_link:focus .els_pdf_svg_fold,
.els_pdf_link:focus-visible .els_pdf_svg_fold,
.els_pdf_link:active .els_pdf_svg_fold,
.obj_galley_link.pdf:hover .els_pdf_svg_fold,
.obj_galley_link.pdf:focus .els_pdf_svg_fold,
.obj_galley_link.pdf:focus-visible .els_pdf_svg_fold,
.obj_galley_link.pdf:active .els_pdf_svg_fold,
.cmp_article_galley_link:hover .els_pdf_svg_fold,
.cmp_article_galley_link:focus .els_pdf_svg_fold,
.cmp_article_galley_link:focus-visible .els_pdf_svg_fold,
.cmp_article_galley_link:active .els_pdf_svg_fold {
  stroke: var(--els-submit-border, var(--els-submit-bg, var(--els-accent))) !important;
}

.els_galley:hover .els_pdf_svg_line,
.els_galley:focus .els_pdf_svg_line,
.els_galley:focus-visible .els_pdf_svg_line,
.els_galley:active .els_pdf_svg_line,
.els_galleys a:hover .els_pdf_svg_line,
.els_galleys a:focus .els_pdf_svg_line,
.els_galleys a:focus-visible .els_pdf_svg_line,
.els_galleys a:active .els_pdf_svg_line,
.els_detail_galleys a:hover .els_pdf_svg_line,
.els_detail_galleys a:focus .els_pdf_svg_line,
.els_detail_galleys a:focus-visible .els_pdf_svg_line,
.els_detail_galleys a:active .els_pdf_svg_line,
.els_pdf_link:hover .els_pdf_svg_line,
.els_pdf_link:focus .els_pdf_svg_line,
.els_pdf_link:focus-visible .els_pdf_svg_line,
.els_pdf_link:active .els_pdf_svg_line,
.obj_galley_link.pdf:hover .els_pdf_svg_line,
.obj_galley_link.pdf:focus .els_pdf_svg_line,
.obj_galley_link.pdf:focus-visible .els_pdf_svg_line,
.obj_galley_link.pdf:active .els_pdf_svg_line,
.cmp_article_galley_link:hover .els_pdf_svg_line,
.cmp_article_galley_link:focus .els_pdf_svg_line,
.cmp_article_galley_link:focus-visible .els_pdf_svg_line,
.cmp_article_galley_link:active .els_pdf_svg_line {
  stroke: var(--els-submit-hover-bg, #173F7A) !important;
}

.els_galley:hover .els_pdf_svg_badge,
.els_galley:focus .els_pdf_svg_badge,
.els_galley:focus-visible .els_pdf_svg_badge,
.els_galley:active .els_pdf_svg_badge,
.els_galleys a:hover .els_pdf_svg_badge,
.els_galleys a:focus .els_pdf_svg_badge,
.els_galleys a:focus-visible .els_pdf_svg_badge,
.els_galleys a:active .els_pdf_svg_badge,
.els_detail_galleys a:hover .els_pdf_svg_badge,
.els_detail_galleys a:focus .els_pdf_svg_badge,
.els_detail_galleys a:focus-visible .els_pdf_svg_badge,
.els_detail_galleys a:active .els_pdf_svg_badge,
.els_pdf_link:hover .els_pdf_svg_badge,
.els_pdf_link:focus .els_pdf_svg_badge,
.els_pdf_link:focus-visible .els_pdf_svg_badge,
.els_pdf_link:active .els_pdf_svg_badge,
.obj_galley_link.pdf:hover .els_pdf_svg_badge,
.obj_galley_link.pdf:focus .els_pdf_svg_badge,
.obj_galley_link.pdf:focus-visible .els_pdf_svg_badge,
.obj_galley_link.pdf:active .els_pdf_svg_badge,
.cmp_article_galley_link:hover .els_pdf_svg_badge,
.cmp_article_galley_link:focus .els_pdf_svg_badge,
.cmp_article_galley_link:focus-visible .els_pdf_svg_badge,
.cmp_article_galley_link:active .els_pdf_svg_badge {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

.els_galley:hover .els_pdf_svg_text,
.els_galley:focus .els_pdf_svg_text,
.els_galley:focus-visible .els_pdf_svg_text,
.els_galley:active .els_pdf_svg_text,
.els_galleys a:hover .els_pdf_svg_text,
.els_galleys a:focus .els_pdf_svg_text,
.els_galleys a:focus-visible .els_pdf_svg_text,
.els_galleys a:active .els_pdf_svg_text,
.els_detail_galleys a:hover .els_pdf_svg_text,
.els_detail_galleys a:focus .els_pdf_svg_text,
.els_detail_galleys a:focus-visible .els_pdf_svg_text,
.els_detail_galleys a:active .els_pdf_svg_text,
.els_pdf_link:hover .els_pdf_svg_text,
.els_pdf_link:focus .els_pdf_svg_text,
.els_pdf_link:focus-visible .els_pdf_svg_text,
.els_pdf_link:active .els_pdf_svg_text,
.obj_galley_link.pdf:hover .els_pdf_svg_text,
.obj_galley_link.pdf:focus .els_pdf_svg_text,
.obj_galley_link.pdf:focus-visible .els_pdf_svg_text,
.obj_galley_link.pdf:active .els_pdf_svg_text,
.cmp_article_galley_link:hover .els_pdf_svg_text,
.cmp_article_galley_link:focus .els_pdf_svg_text,
.cmp_article_galley_link:focus-visible .els_pdf_svg_text,
.cmp_article_galley_link:active .els_pdf_svg_text {
  fill: var(--els-submit-hover-bg, #173F7A) !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
   ========================================================= */

:root {
	--els-container: 1280px;
	--els-page-gutter: 96px;
}

.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: #173F7A;
	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 #173F7A;
	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: #173F7A;
	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: #173F7A;
	text-decoration: none;
}

.els-eb-profile a:hover,
.els-eb-profile a:focus {
	color: var(--els-accent);
	text-decoration: underline;
	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 Theme
   Trigger: body[data-theme="dark"]
   ========================================================= */

/* ------------------------------
   01. DARK MODE TOKENS
   ------------------------------ */

body[data-theme="dark"] {
	--els-dm-page: #0b1220;
	--els-dm-surface: #111827;
	--els-dm-surface-2: #182235;
	--els-dm-surface-3: #22314a;
	--els-dm-border: rgba(148, 163, 184, .26);
	--els-dm-border-soft: rgba(148, 163, 184, .16);
	--els-dm-text: #e5edf7;
	--els-dm-text-soft: #cbd5e1;
	--els-dm-text-muted: #94a3b8;
	--els-dm-heading: #f8fafc;
	--els-dm-link: #93c5fd;
	--els-dm-link-hover: #bfdbfe;
	--els-dm-blue: #315fa8;
	--els-dm-blue-dark: #1f3f78;
	--els-dm-yellow: #f6c400;

	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,
body[data-theme="dark"] .page_register,
body[data-theme="dark"] .page_login {
	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,
body[data-theme="dark"] .citation_formats {
	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: #f8fafc !important;
	color: #334155 !important;
	border-color: #cbd5e1 !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: #bfdbfe !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_ojs_citation_section, 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) transparent !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 */
body[data-theme="dark"] .els_author_modal {
	background: rgba(2, 6, 23, .72) !important;
}

body[data-theme="dark"] .els_author_modal_panel {
	background: var(--els-dm-surface) !important;
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .45) !important;
}

body[data-theme="dark"] .els_author_modal_header,
body[data-theme="dark"] .els_author_identity_row,
body[data-theme="dark"] .els_author_affiliation,
body[data-theme="dark"] .els_author_search_tools,
body[data-theme="dark"] .els_author_search_external {
	color: var(--els-dm-text) !important;
	border-color: var(--els-dm-border) !important;
}

body[data-theme="dark"] .els_author_role_label {
	color: var(--els-dm-yellow) !important;
}

body[data-theme="dark"] .els_author_action,
body[data-theme="dark"] .els_author_search_primary {
	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_author_modal_close {
	background: var(--els-dm-surface-2) !important;
	color: #ffffff !important;
	border-color: var(--els-dm-border) !important;
}

/* ------------------------------
   14. ANNOUNCEMENTS
   ------------------------------ */

body[data-theme="dark"] .els_announcements_page,
body[data-theme="dark"] .els_announcement_detail,
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,
body[data-theme="dark"] .els_announcement_single,
body[data-theme="dark"] .els_announcement_body {
	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,
body[data-theme="dark"] .els_announcement_back {
	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: #0f172a !important;
	color: #f8fafc !important;
	border-color: #475569 !important;
}

body[data-theme="dark"] input::placeholder,
body[data-theme="dark"] textarea::placeholder {
	color: #94a3b8 !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, #f6c400) !important;
	color: #ffffff !important;
	border-color: var(--els-accent, #f6c400) !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"] .header_view,
body[data-theme="dark"] .galley_view,
body[data-theme="dark"] #pdfCanvasContainer,
body[data-theme="dark"] .pdfViewer {
	background: var(--els-dm-page) !important;
	color: var(--els-dm-text) !important;
}

body[data-theme="dark"] .header_view .title,
body[data-theme="dark"] .header_view .title a {
	color: #ffffff !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: #111827 !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: #111827 !important;
	}
}

.els_user_menu, #navigationUser, #navigationUser ul{
display: block !important;
}

.pkp_structure_main:after{
display: none;
}

/* ==========================================================================
   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, #111827) !important;
	color: var(--els-dm-text, #e5edf7) !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, #93c5fd) !important;
}

body[data-theme="dark"] #elsHomeMetrics.els_home_metrics h2::after {
	background: var(--els-dm-yellow, #f6c400) !important;
}

body[data-theme="dark"] #elsHomeMetrics.els_home_metrics .els_home_metrics_note {
	color: var(--els-dm-text-soft, #cbd5e1) !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, #e5edf7) !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, #182235 0%, #111827 100%) !important;
	color: var(--els-dm-text, #e5edf7) !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, #93c5fd) !important;
}

body[data-theme="dark"] #elsHomeMetrics .elkuator-scholar-stats-eyebrow,
body[data-theme="dark"] #elsHomeMetrics .elkuator-citation-eyebrow {
	color: var(--els-dm-yellow, #f6c400) !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: #0f172a !important;
	color: var(--els-dm-text, #e5edf7) !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, #93c5fd) !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, #f8fafc) !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, #cbd5e1) !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, #93c5fd), var(--els-dm-yellow, #f6c400)) !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, #f5821f) !important;
	color: #ffffff !important;
	border-color: var(--els-accent, #f5821f) !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, #e5edf7) !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: #182235 !important;
	color: var(--els-dm-text, #e5edf7) !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: #111827 !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, #e5edf7) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_sidebar a,
body[data-theme="dark"] .pkp_structure_sidebar a {
	color: var(--els-dm-link, #93c5fd) !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, #bfdbfe) !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: #0f172a !important;
	color: var(--els-dm-text, #e5edf7) !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: #bfdbfe !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: #182235 !important;
	color: var(--els-dm-text, #e5edf7) !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: #0f172a !important;
	color: var(--els-dm-text, #e5edf7) !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, #cbd5e1) !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, #93c5fd) !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, #93c5fd), var(--els-dm-yellow, #f6c400)) !important;
}

body[data-theme="dark"] .els-citation-bars__notice {
	background: rgba(245, 130, 31, .12) !important;
	color: var(--els-dm-text, #e5edf7) !important;
	border-color: var(--els-accent, #f5821f) !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: #182235 !important;
	border: 1px solid rgba(148, 163, 184, .26) !important;
	border-radius: 10px !important;
	box-shadow: none !important;
	color: #e5edf7 !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, #f5821f) 0%, var(--els-primary, #0788b6) 100%) !important;
	border-color: rgba(255, 255, 255, .16) !important;
	color: #ffffff !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: #ffffff !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: #ffffff !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: #ffffff !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: #182235 !important;
	color: #e5edf7 !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: #0f172a !important;
	border: 1px solid rgba(148, 163, 184, .24) !important;
	box-shadow: none !important;
	color: #e5edf7 !important;
}

body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__row {
	background: #0f172a !important;
	border: 1px solid rgba(148, 163, 184, .24) !important;
	box-shadow: none !important;
	color: #e5edf7 !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: #cbd5e1 !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: #93c5fd !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, #2dd4bf 0%, #f6c400 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: #e5edf7 !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: rgba(147, 197, 253, .14) !important;
	color: #bfdbfe !important;
	border-color: rgba(147, 197, 253, .24) !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__code,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__code {
	background: rgba(245, 130, 31, .13) !important;
	border-color: rgba(245, 130, 31, .35) !important;
	color: #fed7aa !important;
}

body[data-theme="dark"] .els_sidebar .elkuator-author-stats__footer,
body[data-theme="dark"] .pkp_structure_sidebar .elkuator-author-stats__footer {
	background: #0f172a !important;
	border-top: 1px solid rgba(148, 163, 184, .24) !important;
	color: #e5edf7 !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: #182235 !important;
	border: 1px solid rgba(148, 163, 184, .22) !important;
	color: #e5edf7 !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: #93c5fd !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: #bfdbfe !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: #0b1220 !important;
	color: #e5edf7 !important;
	border-color: rgba(148, 163, 184, .22) !important;
}

body[data-theme="dark"] .els_topbar_inner {
	background: transparent !important;
	color: #e5edf7 !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: #e5edf7 !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: #22314a !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: #111827 !important;
	color: #e5edf7 !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: #e5edf7 !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: #e5edf7 !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: #182235 !important;
	color: #ffffff !important;
	text-decoration: none !important;
}

/* ISSN badge */
body[data-theme="dark"] .els_nav_issn {
	color: #e5edf7 !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: #bfdbfe !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: #182235 !important;
	border-color: rgba(148, 163, 184, .28) !important;
	box-shadow: 0 18px 42px rgba(0, 0, 0, .42) !important;
	color: #e5edf7 !important;
}

body[data-theme="dark"] .els_dropdown a {
	background: transparent !important;
	color: #e5edf7 !important;
}

body[data-theme="dark"] .els_dropdown a:hover,
body[data-theme="dark"] .els_dropdown a:focus {
	background: #22314a !important;
	color: #ffffff !important;
}

body[data-theme="dark"] .els_dropdown_help {
	background: #0f172a !important;
	color: #e5edf7 !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: #e5edf7 !important;
}

/* ---------------------------------------------------------
   03. Breadcrumb
   --------------------------------------------------------- */

body[data-theme="dark"] .els_breadcrumb_bar {
	background: #0f172a !important;
	border-top: 1px solid rgba(148, 163, 184, .16) !important;
	border-bottom: 1px solid rgba(148, 163, 184, .22) !important;
	color: #cbd5e1 !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: #cbd5e1 !important;
}

body[data-theme="dark"] .els_breadcrumb_inner a:hover,
body[data-theme="dark"] .els_breadcrumb_inner a:focus {
	color: #93c5fd !important;
	text-decoration: none !important;
}

body[data-theme="dark"] .els_breadcrumb_current {
	color: #f8fafc !important;
}

/* ---------------------------------------------------------
   04. Hero full dark
   --------------------------------------------------------- */

body[data-theme="dark"] .els_hero,
body[data-theme="dark"] .els_hero_basmala {
	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, #0b1220 0%, #111827 48%, #182235 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: #111827 !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, #0788b6) !important;
	color: #ffffff !important;
	border-color: var(--els-primary, #0788b6) !important;
}

body[data-theme="dark"] .els_hero_search button:hover,
body[data-theme="dark"] .els_hero_search button:focus {
	background: var(--els-accent, #f5821f) !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: #bfdbfe !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, #f5821f) !important;
	border-color: var(--els-accent, #f5821f) !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, #0788b6) !important;
	border-color: var(--els-primary, #0788b6) !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------
   05. Post-hero primary navigation
   --------------------------------------------------------- */

body[data-theme="dark"] .els_posthero_nav {
	background: #0f172a !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: #e5edf7 !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: #e5edf7 !important;
}

body[data-theme="dark"] .els_primary_menu > li > a::before,
body[data-theme="dark"] .els_posthero_nav #navigationPrimary > li > a::before {
	color: #cbd5e1 !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: #182235 !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: #182235 !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: #e5edf7 !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: #22314a !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------
   06. Mobile header/menu
   --------------------------------------------------------- */

body[data-theme="dark"] .els_mobile_bar {
	background: #111827 !important;
	color: #ffffff !important;
	border-color: rgba(148, 163, 184, .22) !important;
}

body[data-theme="dark"] .els_mobile_toggle,
body[data-theme="dark"] .els_mobile_user {
	background: #182235 !important;
	color: #ffffff !important;
	border: 1px solid rgba(148, 163, 184, .28) !important;
	box-shadow: none !important;
}

body[data-theme="dark"] .els_mobile_journal {
	color: #ffffff !important;
}

body[data-theme="dark"] .els_mobile_menu {
	background: #111827 !important;
	border-color: rgba(148, 163, 184, .22) !important;
}

body[data-theme="dark"] .els_mobile_menu .els_short_brand,
body[data-theme="dark"] .els_mobile_menu .els_nav_issn,
body[data-theme="dark"] .els_mobile_menu .els_nav_search_link,
body[data-theme="dark"] .els_mobile_menu .els_quick_nav > a,
body[data-theme="dark"] .els_mobile_menu .els_menu_item > a,
body[data-theme="dark"] .els_mobile_menu .els_primary_menu > li > a {
	background: transparent !important;
	border-color: rgba(148, 163, 184, .18) !important;
	color: #e5edf7 !important;
}

body[data-theme="dark"] .els_mobile_menu .els_short_brand:hover,
body[data-theme="dark"] .els_mobile_menu .els_nav_search_link:hover,
body[data-theme="dark"] .els_mobile_menu .els_quick_nav > a:hover,
body[data-theme="dark"] .els_mobile_menu .els_menu_item > a:hover,
body[data-theme="dark"] .els_mobile_menu .els_primary_menu > li > a:hover {
	background: #182235 !important;
	color: #ffffff !important;
}

/* ---------------------------------------------------------
   07. Footer full dark
   --------------------------------------------------------- */

body[data-theme="dark"] .els-dashboard-footer {
	background: #0f172a !important;
	color: #e5edf7 !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: #e5edf7 !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: #e5edf7 !important;
}

body[data-theme="dark"] .els-dashboard-footer a {
	color: #bfdbfe !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: #f6c400 !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: #f6c400 !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: #0b1220 !important;
	color: #cbd5e1 !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: #cbd5e1 !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, #0788b6);
	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, #f5821f);
	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: #182235 !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: #0891b2 !important;
	border-color: #0891b2 !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.
   -------------------------------------------------------------------------- */
body[data-theme="dark"] .els_article_shell .els_author_modals .els_author_modal.is_active .els_author_modal_panel .els_author_search_tools .els_author_search_external,
body[data-theme="dark"] .els_article_shell .els_author_modals .els_author_modal.is_active .els_author_modal_panel .els_author_search_tools .els_author_search_external span {
	color: var(--els-dm-text-soft, #cbd5e1) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_article_shell .els_author_modals .els_author_modal.is_active .els_author_modal_panel .els_author_search_tools .els_author_search_external a,
body[data-theme="dark"] .els_article_shell .els_author_modals .els_author_modal.is_active .els_author_modal_panel .els_author_search_tools .els_author_search_external a:link,
body[data-theme="dark"] .els_article_shell .els_author_modals .els_author_modal.is_active .els_author_modal_panel .els_author_search_tools .els_author_search_external a:visited {
	color: var(--els-dm-link, #93c5fd) !important;
	text-decoration-color: rgba(147, 197, 253, .55) !important;
	opacity: 1 !important;
}

body[data-theme="dark"] .els_article_shell .els_author_modals .els_author_modal.is_active .els_author_modal_panel .els_author_search_tools .els_author_search_external a:hover,
body[data-theme="dark"] .els_article_shell .els_author_modals .els_author_modal.is_active .els_author_modal_panel .els_author_search_tools .els_author_search_external a:focus {
	color: #ffffff !important;
	text-decoration-color: #ffffff !important;
}

/* 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;
}