/*
 * CNAPC Meridian Theme
 * Purpose-built for OJS 3.3.0-x
 */

:root {
	--cnapc-navy-950: #061729;
	--cnapc-navy-900: #08243d;
	--cnapc-navy-800: #0b3554;
	--cnapc-navy-700: #124b6b;
	--cnapc-teal-600: #0d9488;
	--cnapc-teal-500: #14b8a6;
	--cnapc-teal-100: #ccfbf1;
	--cnapc-amber-500: #f59e0b;
	--cnapc-amber-100: #fef3c7;
	--cnapc-slate-900: #172033;
	--cnapc-slate-700: #475569;
	--cnapc-slate-500: #64748b;
	--cnapc-slate-300: #cbd5e1;
	--cnapc-slate-200: #e2e8f0;
	--cnapc-slate-100: #f1f5f9;
	--cnapc-white: #ffffff;
	--cnapc-shell: 1240px;
	--cnapc-radius: 18px;
	--cnapc-shadow: 0 18px 50px rgba(6, 23, 41, .10);
}

html {
	scroll-behavior: smooth;
}

body {
	background: #f8fafc;
	color: var(--cnapc-slate-900);
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.68;
}

body,
button,
input,
select,
textarea {
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
	color: var(--cnapc-teal-600);
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
	outline: 3px solid rgba(245, 158, 11, .72);
	outline-offset: 3px;
}

.cnapc-v1 {
	min-height: 100vh;
	background: #fff;
}

.cnapc-shell {
	width: min(calc(100% - 48px), var(--cnapc-shell));
	margin-right: auto;
	margin-left: auto;
}

.cnapc-header {
	position: relative;
	z-index: 20;
	background: var(--cnapc-white);
	box-shadow: 0 1px 0 rgba(8, 36, 61, .08);
}

.cnapc-header.is-scrolled {
	box-shadow: 0 8px 24px rgba(6, 23, 41, .08);
}

.cnapc-scroll-marker {
	display: block;
	height: 1px;
}

.cnapc-header .cmp_skip_to_content a {
	background: var(--cnapc-amber-500);
	color: var(--cnapc-navy-950);
}

.cnapc-utility {
	background: var(--cnapc-navy-950);
	color: rgba(255, 255, 255, .78);
	font-size: 12px;
	letter-spacing: .02em;
}

.cnapc-utility-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 35px;
}

.cnapc-utility-inner > div {
	display: flex;
	gap: 24px;
}

.cnapc-header .pkp_head_wrapper {
	width: 100%;
	max-width: none;
	padding: 0;
}

/* Neutralize legacy per-journal CSS that is loaded after the active theme. */
.cnapc-v1 .cnapc-header .pkp_site_name_wrapper,
.cnapc-v1 .cnapc-header .pkp_navigation_primary_row {
	padding-right: 0;
	padding-left: 0;
	background: transparent;
	color: inherit;
}

.cnapc-v1 .cnapc-header .pkp_navigation_user_wrapper {
	padding-right: 0;
	padding-left: 0;
	color: inherit;
}

.cnapc-masthead {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 32px;
	align-items: center;
	min-height: 122px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.cnapc-header .pkp_site_name_wrapper {
	width: auto;
	padding: 0;
}

.cnapc-header .pkp_site_name {
	padding: 0;
}

.cnapc-header .pkp_site_name .is_img {
	display: inline-flex;
	align-items: center;
	min-height: 74px;
}

.cnapc-header .pkp_site_name img {
	display: block;
	width: auto;
	max-width: min(550px, 100%);
	height: auto;
	max-height: 78px;
	object-fit: contain;
	object-position: left center;
}

.cnapc-header .pkp_site_name .is_text {
	display: block;
	max-width: 700px;
	color: var(--cnapc-navy-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(22px, 3vw, 36px);
	font-weight: 700;
	line-height: 1.12;
}

.cnapc-header-actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

.cnapc-header-search {
	position: relative;
	display: flex;
	align-items: center;
}

.cnapc-header-search .fa {
	position: absolute;
	left: 15px;
	color: var(--cnapc-slate-500);
}

.cnapc-header-search input {
	width: 285px;
	height: 44px;
	padding: 0 16px 0 41px;
	border: 1px solid var(--cnapc-slate-300);
	border-radius: 999px;
	background: #f8fafc;
	color: var(--cnapc-slate-900);
	font-size: 13px;
}

.cnapc-header-search input:focus {
	border-color: var(--cnapc-teal-600);
	background: #fff;
}

.cnapc-submit,
.cnapc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	font-weight: 750;
	line-height: 1.2;
	text-decoration: none;
	transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.cnapc-submit {
	min-height: 44px;
	padding: 0 20px;
	background: var(--cnapc-amber-500);
	color: var(--cnapc-navy-950);
	font-size: 13px;
}

.cnapc-submit:hover,
.cnapc-btn:hover {
	transform: translateY(-2px);
	text-decoration: none;
}

.cnapc-submit:hover {
	background: #fbbf24;
	box-shadow: 0 10px 24px rgba(245, 158, 11, .23);
}

.cnapc-nav {
	position: relative;
	width: 100%;
	background: var(--cnapc-navy-900);
	color: #fff;
}

.cnapc-nav-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 56px;
}

.cnapc-nav .pkp_navigation_primary_row,
.cnapc-nav .pkp_navigation_primary_wrapper,
.cnapc-nav .pkp_navigation_user_wrapper {
	position: static;
	width: auto;
	padding: 0;
}

.cnapc-nav .pkp_navigation_primary,
.cnapc-nav .pkp_navigation_user {
	display: flex;
	align-items: stretch;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cnapc-nav .pkp_navigation_primary > li,
.cnapc-nav .pkp_navigation_user > li {
	position: relative;
	margin: 0;
}

.cnapc-nav .pkp_navigation_primary > li > a,
.cnapc-nav .pkp_navigation_user > li > a {
	display: flex;
	align-items: center;
	min-height: 56px;
	padding: 0 15px;
	border: 0;
	color: rgba(255, 255, 255, .86);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .01em;
	text-decoration: none;
}

.cnapc-nav .pkp_navigation_primary > li > a:hover,
.cnapc-nav .pkp_navigation_primary > li > a:focus,
.cnapc-nav .pkp_navigation_user > li > a:hover,
.cnapc-nav .pkp_navigation_user > li > a:focus {
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

.cnapc-nav .dropdown-menu {
	min-width: 230px;
	margin: 0;
	padding: 8px;
	border: 1px solid var(--cnapc-slate-200);
	border-radius: 12px;
	background: #fff;
	box-shadow: var(--cnapc-shadow);
}

.cnapc-nav .dropdown-menu a {
	display: block;
	padding: 10px 12px;
	border-radius: 8px;
	color: var(--cnapc-slate-700);
	font-size: 13px;
	font-weight: 650;
}

.cnapc-nav .dropdown-menu a:hover {
	background: var(--cnapc-slate-100);
	color: var(--cnapc-teal-600);
}

.cnapc-nav .pkp_navigation_user_wrapper {
	margin-left: 20px;
}

.cnapc-nav .pkp_navigation_user > li > a {
	padding-right: 10px;
	padding-left: 10px;
	color: #8fe8dc;
}

.cnapc-nav .pkp_navigation_search_wrapper {
	display: none;
}

.cnapc-header .pkp_site_nav_toggle {
	display: none;
}

.cnapc-v1 > .pkp_structure_content {
	width: min(calc(100% - 48px), var(--cnapc-shell));
	max-width: var(--cnapc-shell);
	margin: 48px auto 72px;
	padding: 0;
}

.cnapc-v1 > .pkp_structure_content:not(.has_sidebar) > .pkp_structure_main {
	width: 100%;
	padding: 0;
	border: 0;
}

.pkp_page_index .cnapc-v1 > .pkp_structure_content {
	width: 100%;
	max-width: none;
	margin: 0;
}

.pkp_page_index .cnapc-v1 > .pkp_structure_content > .pkp_structure_main {
	width: 100%;
	padding: 0;
}

.cnapc-home h1,
.cnapc-home h2,
.cnapc-home h3,
.cnapc-footer h2 {
	font-family: Georgia, "Times New Roman", serif;
}

.cnapc-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 82% 18%, rgba(20, 184, 166, .22), transparent 31%),
		linear-gradient(135deg, var(--cnapc-navy-950), var(--cnapc-navy-800));
	color: #fff;
}

.cnapc-hero::before {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 54px 54px;
	content: "";
	mask-image: linear-gradient(to right, transparent, #000 35%, #000);
}

.cnapc-hero-grid {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr);
	gap: 64px;
	align-items: center;
	min-height: 610px;
	padding-top: 72px;
	padding-bottom: 72px;
}

.cnapc-hero-copy {
	max-width: 750px;
}

.cnapc-eyebrow {
	display: block;
	margin-bottom: 14px;
	color: var(--cnapc-teal-500);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	line-height: 1.4;
	text-transform: uppercase;
}

.cnapc-hero h1 {
	max-width: 780px;
	margin: 0;
	color: #fff;
	font-size: clamp(40px, 5.2vw, 68px);
	font-weight: 700;
	letter-spacing: -.035em;
	line-height: 1.03;
}

.cnapc-tagline {
	max-width: 660px;
	margin: 25px 0 0;
	color: #b8f5ec;
	font-size: clamp(19px, 2.2vw, 25px);
	font-weight: 650;
	line-height: 1.4;
}

.cnapc-hero-intro {
	max-width: 660px;
	margin: 18px 0 0;
	color: rgba(255, 255, 255, .72);
	font-size: 16px;
}

.cnapc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 31px;
}

.cnapc-btn {
	min-height: 48px;
	padding: 0 23px;
	border: 1px solid transparent;
	font-size: 14px;
}

.cnapc-btn-primary {
	background: var(--cnapc-amber-500);
	color: var(--cnapc-navy-950);
}

.cnapc-btn-primary:hover {
	background: #fbbf24;
	color: var(--cnapc-navy-950);
	box-shadow: 0 12px 28px rgba(245, 158, 11, .24);
}

.cnapc-btn-light {
	border-color: rgba(255, 255, 255, .3);
	background: rgba(255, 255, 255, .08);
	color: #fff;
	backdrop-filter: blur(8px);
}

.cnapc-btn-light:hover {
	background: rgba(255, 255, 255, .14);
	color: #fff;
}

.cnapc-btn-outline {
	border-color: rgba(255, 255, 255, .36);
	background: transparent;
	color: #fff;
}

.cnapc-btn-outline:hover {
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

.cnapc-hero-art {
	position: relative;
}

.cnapc-hero-art img {
	display: block;
	width: min(100%, 590px);
	height: auto;
	margin: auto;
	filter: drop-shadow(0 28px 50px rgba(0, 0, 0, .18));
	transform: translateY(8px);
}

.cnapc-facts {
	position: relative;
	z-index: 2;
	background: #fff;
	border-bottom: 1px solid var(--cnapc-slate-200);
}

.cnapc-facts-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.cnapc-facts-grid > div {
	display: flex;
	align-items: center;
	gap: 15px;
	min-height: 116px;
	padding: 22px 28px;
	border-right: 1px solid var(--cnapc-slate-200);
}

.cnapc-facts-grid > div:first-child {
	border-left: 1px solid var(--cnapc-slate-200);
}

.cnapc-facts-grid b {
	display: grid;
	flex: 0 0 44px;
	width: 44px;
	height: 44px;
	place-items: center;
	border-radius: 12px;
	background: var(--cnapc-teal-100);
	color: var(--cnapc-teal-600);
	font-size: 18px;
}

.cnapc-facts-grid span {
	display: flex;
	flex-direction: column;
}

.cnapc-facts-grid strong {
	color: var(--cnapc-navy-900);
	font-size: 14px;
}

.cnapc-facts-grid small {
	margin-top: 3px;
	color: var(--cnapc-slate-500);
	font-size: 11px;
	line-height: 1.45;
}

.cnapc-section {
	padding: 84px 0;
}

.cnapc-latest {
	background: #f8fafc;
}

.cnapc-section-heading {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 36px;
}

.cnapc-section-heading.compact {
	margin-bottom: 24px;
}

.cnapc-section-heading .cnapc-eyebrow {
	margin-bottom: 8px;
	color: var(--cnapc-teal-600);
}

.cnapc-section-heading h2 {
	margin: 0;
	color: var(--cnapc-navy-900);
	font-size: clamp(31px, 4vw, 45px);
	letter-spacing: -.025em;
	line-height: 1.12;
}

.cnapc-section-heading > a {
	padding-bottom: 5px;
	color: var(--cnapc-teal-600);
	font-size: 13px;
	font-weight: 800;
	text-decoration: none;
}

.cnapc-research-layout {
	display: grid;
	grid-template-columns: 305px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
}

.cnapc-issue-feature {
	position: sticky;
	top: 24px;
	overflow: hidden;
	border-radius: var(--cnapc-radius);
	background: var(--cnapc-navy-900);
	box-shadow: var(--cnapc-shadow);
	color: #fff;
}

.cnapc-issue-mark {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	height: 210px;
	padding: 30px;
	background:
		radial-gradient(circle at 75% 25%, rgba(45, 212, 191, .55), transparent 26%),
		linear-gradient(145deg, #0e5670, #071d35);
}

.cnapc-issue-mark::after {
	position: absolute;
	top: 35px;
	right: 35px;
	width: 105px;
	height: 105px;
	border: 1px solid rgba(255,255,255,.24);
	border-radius: 50%;
	box-shadow: 0 0 0 25px rgba(255,255,255,.04), 0 0 0 50px rgba(255,255,255,.025);
	content: "";
}

.cnapc-issue-mark span {
	font-size: 29px;
	font-weight: 850;
	letter-spacing: .14em;
}

.cnapc-issue-mark small {
	color: #8fe8dc;
	font-size: 11px;
	font-weight: 750;
	letter-spacing: .17em;
	text-transform: uppercase;
}

.cnapc-issue-feature > div:last-child {
	padding: 28px;
}

.cnapc-label {
	color: var(--cnapc-teal-500);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.cnapc-issue-feature h3 {
	margin: 9px 0 0;
	color: #fff;
	font-size: 23px;
	line-height: 1.3;
}

.cnapc-issue-feature p {
	margin: 13px 0 24px;
	color: rgba(255,255,255,.66);
	font-size: 12px;
}

.cnapc-issue-feature .cnapc-btn {
	width: 100%;
	min-height: 44px;
	padding: 0 15px;
}

.cnapc-archive-link {
	display: block;
	margin-top: 17px;
	color: #8fe8dc;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
}

.cnapc-archive-link:hover {
	color: #fff;
}

.cnapc-article-grid,
.cnapc-v1 .obj_issue_toc .cmp_article_list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cnapc-article-grid > li,
.cnapc-v1 .obj_issue_toc .cmp_article_list > li {
	margin: 0;
	padding: 0;
	border: 0;
}

.cnapc-article-card {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 285px;
	padding: 25px;
	border: 1px solid var(--cnapc-slate-200);
	border-radius: 15px;
	background: #fff;
	box-shadow: 0 4px 18px rgba(6, 23, 41, .035);
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.cnapc-article-card:hover {
	transform: translateY(-3px);
	border-color: rgba(13, 148, 136, .34);
	box-shadow: 0 16px 38px rgba(6, 23, 41, .085);
}

.cnapc-article-kicker {
	display: block;
	margin-bottom: 10px;
	color: var(--cnapc-teal-600);
	font-size: 10px;
	font-weight: 850;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.cnapc-article-card .title {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.38;
}

.cnapc-article-card .title a {
	color: var(--cnapc-navy-900);
	text-decoration: none;
}

.cnapc-article-card .title a:hover {
	color: var(--cnapc-teal-600);
}

.cnapc-article-card .subtitle {
	display: block;
	margin-top: 4px;
}

.cnapc-article-card .authors {
	margin-top: 12px;
	color: var(--cnapc-slate-500);
	font-size: 12px;
	font-weight: 650;
}

.cnapc-card-abstract {
	margin-top: 14px;
	color: var(--cnapc-slate-700);
	font-size: 12px;
	line-height: 1.65;
}

.cnapc-card-footer {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: auto;
	padding-top: 20px;
	font-size: 11px;
}

.cnapc-view-article {
	margin-right: auto;
	color: var(--cnapc-teal-600);
	font-weight: 800;
	text-decoration: none;
}

.cnapc-card-footer .pages,
.cnapc-card-footer .published {
	color: var(--cnapc-slate-500);
}

.cnapc-article-card .galleys_links {
	position: static;
	display: flex;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
}

.cnapc-article-card .galleys_links li {
	margin: 0 7px 0 0;
}

.cnapc-article-card .obj_galley_link {
	padding: 5px 10px;
	border: 1px solid var(--cnapc-slate-200);
	border-radius: 999px;
	background: var(--cnapc-slate-100);
	color: var(--cnapc-navy-800);
	font-size: 10px;
	font-weight: 800;
}

.cnapc-article-card .obj_galley_link:hover {
	border-color: var(--cnapc-teal-600);
	background: var(--cnapc-teal-600);
	color: #fff;
}

.cnapc-about {
	background: #fff;
}

.cnapc-about-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
	gap: 72px;
	align-items: start;
}

.cnapc-about-text {
	position: relative;
	color: var(--cnapc-slate-700);
	font-size: 14px;
}

.cnapc-about-text p:first-child {
	margin-top: 0;
}

.cnapc-js .cnapc-about-text.is-collapsed {
	max-height: 330px;
	overflow: hidden;
	mask-image: linear-gradient(to bottom, #000 70%, transparent 100%);
}

.cnapc-about-toggle {
	margin-top: 20px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid currentColor;
	background: transparent;
	color: var(--cnapc-teal-600);
	font-size: 13px;
	font-weight: 800;
	cursor: pointer;
}

.cnapc-scope-card {
	padding: 31px;
	border: 1px solid var(--cnapc-slate-200);
	border-radius: var(--cnapc-radius);
	background: #f8fafc;
}

.cnapc-scope-card h2 {
	margin: 0 0 20px;
	color: var(--cnapc-navy-900);
	font-size: 24px;
}

.cnapc-scope-card ul {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cnapc-scope-card li {
	padding: 8px 12px;
	border: 1px solid #cceeea;
	border-radius: 999px;
	background: #fff;
	color: var(--cnapc-navy-800);
	font-size: 11px;
	font-weight: 700;
}

.cnapc-announcements {
	background: var(--cnapc-navy-950);
}

.cnapc-announcements .cnapc-section-heading h2 {
	color: #fff;
}

.cnapc-announcements .cnapc-section-heading > a {
	color: #8fe8dc;
}

.cnapc-announcement-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 17px;
}

.cnapc-announcement-grid article {
	display: flex;
	gap: 17px;
	min-height: 145px;
	padding: 24px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 14px;
	background: rgba(255,255,255,.045);
}

.cnapc-announcement-grid article > .fa {
	display: grid;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 12px;
	background: rgba(20,184,166,.18);
	color: #6ee7d8;
}

.cnapc-announcement-grid time {
	color: rgba(255,255,255,.54);
	font-size: 10px;
	font-weight: 750;
	letter-spacing: .08em;
}

.cnapc-announcement-grid h3 {
	margin: 7px 0 0;
	font-size: 17px;
	line-height: 1.42;
}

.cnapc-announcement-grid h3 a {
	color: #fff;
	text-decoration: none;
}

.cnapc-announcement-grid h3 a:hover {
	color: #8fe8dc;
}

.cnapc-indexing {
	background: #fff;
}

.cnapc-index-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 12px;
}

.cnapc-index-grid a {
	display: grid;
	min-height: 86px;
	place-items: center;
	padding: 14px;
	border: 1px solid var(--cnapc-slate-200);
	border-radius: 12px;
	background: #fff;
	color: var(--cnapc-slate-700);
	font-size: 13px;
	font-weight: 800;
	text-align: center;
	text-decoration: none;
	transition: border-color .2s ease, color .2s ease, transform .2s ease;
}

.cnapc-index-grid a:hover {
	transform: translateY(-2px);
	border-color: var(--cnapc-teal-600);
	color: var(--cnapc-teal-600);
}

.cnapc-additional {
	border-top: 1px solid var(--cnapc-slate-200);
	background: #fff;
}

.cnapc-final-cta {
	padding: 65px 0;
	background:
		radial-gradient(circle at 90% 10%, rgba(20,184,166,.22), transparent 28%),
		linear-gradient(135deg, var(--cnapc-navy-900), var(--cnapc-navy-700));
	color: #fff;
}

.cnapc-final-cta-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
}

.cnapc-final-cta .cnapc-eyebrow {
	margin-bottom: 8px;
}

.cnapc-final-cta h2 {
	margin: 0;
	color: #fff;
	font-size: clamp(30px, 4vw, 44px);
	line-height: 1.15;
}

.cnapc-final-cta p {
	margin: 12px 0 0;
	color: rgba(255,255,255,.68);
}

.cnapc-final-cta .cnapc-actions {
	flex: 0 0 auto;
	margin-top: 0;
}

/* Internal OJS pages */
.cnapc-v1 > .pkp_structure_content.has_sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 300px;
	gap: 44px;
}

.cnapc-v1 > .pkp_structure_content.has_sidebar::before,
.cnapc-v1 > .pkp_structure_content.has_sidebar::after {
	display: none !important;
	content: none !important;
}

.cnapc-v1 > .pkp_structure_content.has_sidebar > .pkp_structure_main,
.cnapc-v1 > .pkp_structure_content.has_sidebar > .pkp_structure_sidebar {
	float: none;
	width: auto;
	padding: 0;
	border: 0;
}

.cnapc-v1 .page,
.cnapc-v1 .page_issue,
.cnapc-v1 .page_search,
.cnapc-v1 .page_about,
.cnapc-v1 .page_submissions,
.cnapc-v1 .page_announcement,
.cnapc-v1 .obj_article_details {
	color: var(--cnapc-slate-700);
}

.cnapc-v1 .page > h1,
.cnapc-v1 .page_issue > h1,
.cnapc-v1 .page_search > h1,
.cnapc-v1 .page_about > h1,
.cnapc-v1 .page_submissions > h1,
.cnapc-v1 .page_announcement > h1,
.cnapc-v1 .obj_article_details > .page_title {
	margin-top: 0;
	color: var(--cnapc-navy-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(32px, 4vw, 48px);
	line-height: 1.18;
}

.cnapc-v1 .obj_issue_toc > .heading {
	margin-bottom: 28px;
	padding: 24px;
	border: 1px solid var(--cnapc-slate-200);
	border-radius: 14px;
	background: var(--cnapc-slate-100);
}

.cnapc-v1 .obj_issue_toc .section > h2,
.cnapc-v1 .obj_issue_toc .section > h3 {
	margin: 42px 0 22px;
	color: var(--cnapc-navy-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 28px;
}

.cnapc-v1 .pkp_structure_sidebar .pkp_block {
	margin: 0 0 20px;
	padding: 20px;
	border: 1px solid var(--cnapc-slate-200);
	border-radius: 13px;
	background: #fff;
	box-shadow: 0 7px 22px rgba(6, 23, 41, .04);
}

.cnapc-v1 .pkp_structure_sidebar .title {
	margin: 0 0 14px;
	color: var(--cnapc-navy-900);
	font-size: 15px;
	font-weight: 800;
}

.cnapc-v1 .pkp_structure_sidebar img {
	max-width: 100%;
	height: auto;
}

.cnapc-v1 .cmp_form .fields > .form-group,
.cnapc-v1 .cmp_form .fields > .form-group:last-child {
	padding-right: 0;
	padding-left: 0;
}

.cnapc-v1 input[type="text"],
.cnapc-v1 input[type="email"],
.cnapc-v1 input[type="password"],
.cnapc-v1 input[type="search"],
.cnapc-v1 select,
.cnapc-v1 textarea {
	border-color: var(--cnapc-slate-300);
	border-radius: 9px;
}

.cnapc-v1 .cmp_button,
.cnapc-v1 .cmp_form .buttons button,
.cnapc-v1 .page_login .buttons button,
.cnapc-v1 .page_register .buttons button {
	border: 0;
	border-radius: 999px;
	background: var(--cnapc-teal-600);
	color: #fff;
	font-weight: 750;
}

/* Article detail: prevent the default 3-column squeeze on desktop. */
body.pkp_page_article .cnapc-v1 > .pkp_structure_content.has_sidebar {
	display: block;
	width: min(calc(100% - 48px), 1180px);
	max-width: 1180px;
}

body.pkp_page_article .obj_article_details > .row::before,
body.pkp_page_article .obj_article_details > .row::after {
	display: none;
	content: none;
}

body.pkp_page_article .cnapc-v1 > .pkp_structure_content.has_sidebar > .pkp_structure_main {
	float: none;
	width: 100%;
	padding: 0;
	border: 0;
}

body.pkp_page_article .cnapc-v1 > .pkp_structure_content.has_sidebar > .pkp_structure_sidebar {
	display: none;
}

body.pkp_page_article .cmp_breadcrumbs {
	margin: 0 0 32px;
	padding: 13px 17px;
	border: 1px solid var(--cnapc-slate-200);
	border-radius: 11px;
	background: var(--cnapc-slate-100);
	color: var(--cnapc-slate-500);
	font-size: 12px;
}

body.pkp_page_article .cmp_breadcrumbs a {
	color: var(--cnapc-teal-600);
	font-weight: 700;
}

body.pkp_page_article .obj_article_details {
	width: 100%;
	max-width: none;
}

body.pkp_page_article .obj_article_details > .page_title,
body.pkp_page_article .pkp_structure_main .obj_article_details > .page_title {
	max-width: 1040px;
	margin: 0 0 38px;
	color: var(--cnapc-navy-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(35px, 4.2vw, 54px);
	font-weight: 700;
	letter-spacing: -.028em;
	line-height: 1.14;
}

body.pkp_page_article .obj_article_details > .row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 330px;
	gap: 48px;
	align-items: start;
	margin: 0;
}

body.pkp_page_article .obj_article_details .main_entry,
body.pkp_page_article .obj_article_details .entry_details {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}

body.pkp_page_article .obj_article_details .main_entry {
	min-width: 0;
}

body.pkp_page_article .obj_article_details .main_entry > .item {
	margin: 0;
	padding: 30px 0;
	border-bottom: 1px solid var(--cnapc-slate-200);
}

body.pkp_page_article .obj_article_details .main_entry > .item:first-child {
	padding-top: 0;
}

body.pkp_page_article .obj_article_details .main_entry > .item:last-child {
	border-bottom: 0;
}

body.pkp_page_article .obj_article_details .main_entry .label {
	margin: 0 0 15px;
	color: var(--cnapc-navy-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 25px;
	font-weight: 700;
	line-height: 1.3;
}

body.pkp_page_article .obj_article_details .main_entry .authors {
	margin: 0;
	padding: 0;
}

body.pkp_page_article .obj_article_details .main_entry .authors > li {
	display: grid;
	grid-template-columns: minmax(150px, .35fr) minmax(0, 1fr);
	gap: 16px;
	margin: 0;
	padding: 13px 0;
	border-bottom: 1px dashed var(--cnapc-slate-200);
}

body.pkp_page_article .obj_article_details .main_entry .authors > li:last-child {
	border-bottom: 0;
}

body.pkp_page_article .obj_article_details .authors .name {
	color: var(--cnapc-navy-900);
	font-size: 14px;
	font-weight: 800;
}

body.pkp_page_article .obj_article_details .authors .affiliation {
	color: var(--cnapc-slate-500);
	font-size: 12px;
	line-height: 1.55;
}

body.pkp_page_article .obj_article_details .item.doi,
body.pkp_page_article .obj_article_details .item.keywords {
	display: grid;
	grid-template-columns: 105px minmax(0, 1fr);
	gap: 18px;
	align-items: start;
}

body.pkp_page_article .obj_article_details .item.doi .label,
body.pkp_page_article .obj_article_details .item.keywords .label {
	margin: 0;
	font-family: inherit;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.pkp_page_article .obj_article_details .item.doi .value,
body.pkp_page_article .obj_article_details .item.keywords .value {
	min-width: 0;
	color: var(--cnapc-slate-700);
	font-size: 13px;
	word-break: break-word;
}

body.pkp_page_article .obj_article_details .abstract {
	text-align: left;
}

body.pkp_page_article .obj_article_details .abstract p {
	margin: 0;
	color: var(--cnapc-slate-700);
	font-size: 15px;
	line-height: 1.85;
	text-align: justify;
}

body.pkp_page_article .obj_article_details .downloads_chart canvas {
	max-width: 100%;
}

body.pkp_page_article .obj_article_details .author_bios .sub_item {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 24px;
	align-items: start;
}

body.pkp_page_article .obj_article_details .author_bios .sub_item .label {
	font-family: inherit;
	font-size: 14px;
}

body.pkp_page_article .obj_article_details .author_bios img {
	display: block;
	width: auto;
	max-width: 150px;
	height: auto;
	max-height: 180px;
	border-radius: 12px;
	object-fit: cover;
}

body.pkp_page_article .obj_article_details .references .value {
	counter-reset: cnapc-reference;
}

body.pkp_page_article .obj_article_details .references .value p {
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px solid var(--cnapc-slate-100);
	color: var(--cnapc-slate-700);
	font-size: 12px;
	line-height: 1.7;
	text-align: left;
	overflow-wrap: anywhere;
}

body.pkp_page_article .obj_article_details .references .value p:last-child {
	border-bottom: 0;
}

body.pkp_page_article .obj_article_details .entry_details {
	position: sticky;
	top: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

body.pkp_page_article .obj_article_details .entry_details > .item {
	margin: 0;
	padding: 22px;
	border: 1px solid var(--cnapc-slate-200);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 25px rgba(6, 23, 41, .045);
	overflow-wrap: anywhere;
}

body.pkp_page_article .obj_article_details .entry_details .label {
	margin: 0 0 11px;
	color: var(--cnapc-navy-900);
	font-size: 13px;
	font-weight: 850;
	letter-spacing: .04em;
}

body.pkp_page_article .obj_article_details .entry_details .value,
body.pkp_page_article .obj_article_details .entry_details p {
	color: var(--cnapc-slate-700);
	font-size: 12px;
	line-height: 1.65;
}

body.pkp_page_article .obj_article_details .entry_details .galleys_links,
body.pkp_page_article .obj_article_details .entry_details .galleys_links li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.pkp_page_article .obj_article_details .entry_details .obj_galley_link,
body.pkp_page_article .obj_article_details .entry_details a.obj_galley_link.pdf {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	padding: 0 18px;
	border: 0;
	border-radius: 999px;
	background: var(--cnapc-amber-500);
	color: var(--cnapc-navy-950);
	font-size: 12px;
	font-weight: 850;
	text-decoration: none;
}

body.pkp_page_article .obj_article_details .entry_details .obj_galley_link:hover {
	background: #fbbf24;
	box-shadow: 0 10px 22px rgba(245, 158, 11, .22);
}

body.pkp_page_article .obj_article_details .citation_display .csl-entry {
	font-size: 11px;
	line-height: 1.65;
}

body.pkp_page_article .obj_article_details .citation_formats_button {
	width: 100%;
	margin-top: 15px;
	padding: 9px 13px;
	border: 1px solid var(--cnapc-slate-300);
	border-radius: 9px;
	background: var(--cnapc-slate-100);
	color: var(--cnapc-navy-800);
	font-size: 11px;
	font-weight: 750;
}

body.pkp_page_article .obj_article_details .citation_formats_list {
	left: auto;
	right: 0;
	width: min(300px, calc(100vw - 40px));
	max-width: 100%;
}

body.pkp_page_article .citationTracker {
	margin-top: 48px !important;
	padding: 24px !important;
	border-color: var(--cnapc-slate-200) !important;
	border-radius: 14px !important;
	background: var(--cnapc-slate-100);
}

body.pkp_page_article .citationTracker h2 {
	color: var(--cnapc-navy-900);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 24px;
}

.cnapc-footer {
	background: var(--cnapc-navy-950);
	color: rgba(255,255,255,.7);
}

.cnapc-footer > .pkp_footer_content {
	padding-top: 42px;
	color: rgba(255,255,255,.74);
}

.cnapc-footer-grid {
	display: grid;
	grid-template-columns: minmax(0, 2fr) repeat(3, minmax(140px, .75fr));
	gap: 55px;
	padding-top: 66px;
	padding-bottom: 60px;
}

.cnapc-footer-intro strong {
	display: block;
	max-width: 470px;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	line-height: 1.35;
}

.cnapc-footer-intro p {
	max-width: 430px;
	margin: 16px 0 0;
	font-size: 13px;
}

.cnapc-footer-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 21px;
}

.cnapc-footer-meta span {
	padding: 6px 10px;
	border: 1px solid rgba(255,255,255,.13);
	border-radius: 999px;
	color: #8fe8dc;
	font-size: 10px;
	font-weight: 750;
}

.cnapc-footer h2 {
	margin: 0 0 17px;
	color: #fff;
	font-size: 16px;
}

.cnapc-footer-grid > div:not(.cnapc-footer-intro) > a {
	display: block;
	margin: 9px 0;
	color: rgba(255,255,255,.65);
	font-size: 12px;
	text-decoration: none;
}

.cnapc-footer-grid > div:not(.cnapc-footer-intro) > a:hover {
	color: #8fe8dc;
}

.cnapc-footer-ojs .pkp_brand_footer {
	padding: 0;
}

.cnapc-footer-ojs .pkp_brand_footer img {
	width: auto;
	max-width: 125px;
	max-height: 60px;
	filter: brightness(0) invert(1);
	opacity: .72;
}

.cnapc-footer-base {
	padding: 18px 0;
	border-top: 1px solid rgba(255,255,255,.1);
	color: rgba(255,255,255,.46);
	font-size: 11px;
}

@media (max-width: 1100px) {
	.cnapc-header-search input {
		width: 225px;
	}

	.cnapc-nav .pkp_navigation_primary > li > a {
		padding-right: 10px;
		padding-left: 10px;
		font-size: 12px;
	}

	.cnapc-hero-grid {
		grid-template-columns: minmax(0, 1.05fr) minmax(320px, .65fr);
		gap: 32px;
	}

	.cnapc-facts-grid > div {
		padding-right: 18px;
		padding-left: 18px;
	}

	.cnapc-index-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.cnapc-footer-grid {
		grid-template-columns: 1.6fr repeat(3, 1fr);
		gap: 32px;
	}
}

@media (max-width: 992px) {
	.cnapc-shell {
		width: min(calc(100% - 36px), var(--cnapc-shell));
	}

	.cnapc-utility-inner > span {
		display: none;
	}

	.cnapc-utility-inner {
		justify-content: flex-end;
	}

.cnapc-masthead {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	min-height: auto;
	padding-top: 18px;
	padding-bottom: 18px;
}

	.cnapc-header .pkp_site_name_wrapper {
		display: flex;
		align-items: center;
		gap: 15px;
	}

	.cnapc-header .pkp_site_nav_toggle {
		position: static;
		display: grid;
		flex: 0 0 43px;
		width: 43px;
		height: 43px;
		place-items: center;
		margin: 0;
		border: 0;
		border-radius: 10px;
		background: var(--cnapc-navy-900);
		color: #fff;
	}

	.cnapc-header .pkp_site_nav_toggle span {
		font-size: 0;
	}

	.cnapc-header .pkp_site_nav_toggle span::before {
		color: #fff;
		font-family: FontAwesome;
		font-size: 17px;
		content: "\f0c9";
	}

	.cnapc-header .pkp_site_name .is_img {
		min-height: 50px;
	}

	.cnapc-header .pkp_site_name img {
		max-height: 58px;
	}

	.cnapc-header-search {
		display: none;
	}

	.cnapc-submit {
		min-height: 42px;
		padding: 0 16px;
	}

	.cnapc-nav {
		display: none;
	}

	.cnapc-nav.pkp_site_nav_menu--isOpen {
		display: block;
		padding: 12px 0 18px;
	}

	.cnapc-nav-inner,
	.cnapc-nav .pkp_navigation_primary,
	.cnapc-nav .pkp_navigation_user {
		display: block;
	}

	.cnapc-nav .pkp_navigation_primary > li > a,
	.cnapc-nav .pkp_navigation_user > li > a {
		min-height: 43px;
		padding: 0 12px;
	}

	.cnapc-nav .pkp_navigation_primary ul {
		position: static;
		display: block;
		padding: 0 0 8px 20px;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	.cnapc-nav .pkp_navigation_primary ul a {
		color: rgba(255,255,255,.65);
	}

	.cnapc-nav .pkp_navigation_user_wrapper {
		margin: 8px 0 0;
		padding-top: 8px;
		border-top: 1px solid rgba(255,255,255,.1);
	}

	.cnapc-nav .pkp_navigation_search_wrapper {
		display: block;
	}

	.cnapc-nav .pkp_navigation_search_wrapper a {
		color: #fff;
	}

	.cnapc-hero-grid {
		grid-template-columns: 1fr;
		min-height: auto;
		padding-top: 68px;
		padding-bottom: 60px;
	}

	.cnapc-hero-copy {
		max-width: 800px;
	}

	.cnapc-hero-art {
		display: none;
	}

	.cnapc-facts-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.cnapc-facts-grid > div:nth-child(3) {
		border-left: 1px solid var(--cnapc-slate-200);
	}

	.cnapc-facts-grid > div:nth-child(-n+2) {
		border-bottom: 1px solid var(--cnapc-slate-200);
	}

	.cnapc-research-layout {
		grid-template-columns: 1fr;
	}

	.cnapc-issue-feature {
		position: static;
		display: grid;
		grid-template-columns: 240px 1fr;
	}

	.cnapc-issue-mark {
		height: 100%;
		min-height: 260px;
	}

	.cnapc-about-grid {
		grid-template-columns: 1fr;
		gap: 46px;
	}

	.cnapc-announcement-grid {
		grid-template-columns: 1fr;
	}

	.cnapc-v1 > .pkp_structure_content.has_sidebar {
		grid-template-columns: 1fr;
	}

	.cnapc-v1 > .pkp_structure_content.has_sidebar > .pkp_structure_sidebar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px;
	}

	.cnapc-v1 .pkp_structure_sidebar .pkp_block {
		margin: 0;
	}

	.cnapc-footer-grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.cnapc-footer-intro {
		grid-column: 1 / -1;
	}

	body.pkp_page_article .cnapc-v1 > .pkp_structure_content.has_sidebar {
		width: min(calc(100% - 36px), 860px);
	}

	body.pkp_page_article .obj_article_details > .row {
		grid-template-columns: 1fr;
		gap: 35px;
	}

	body.pkp_page_article .obj_article_details .entry_details {
		position: static;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 680px) {
	.cnapc-shell,
	.cnapc-v1 > .pkp_structure_content {
		width: min(calc(100% - 28px), var(--cnapc-shell));
	}

	.pkp_page_index .cnapc-v1 > .pkp_structure_content {
		width: 100%;
	}

	.cnapc-utility-inner {
		min-height: 32px;
	}

	.cnapc-utility-inner > div {
		width: 100%;
		justify-content: space-between;
		gap: 10px;
		font-size: 10px;
	}

	.cnapc-masthead {
		grid-template-columns: minmax(0, 1fr);
		gap: 13px;
		padding-top: 14px;
		padding-bottom: 14px;
	}

	.cnapc-header .pkp_site_name_wrapper {
		width: 100%;
	}

	.cnapc-header .pkp_site_name {
		min-width: 0;
	}

	.cnapc-header .pkp_site_name img {
		max-width: 100%;
		max-height: 53px;
	}

	.cnapc-header-actions {
		padding-left: 58px;
	}

	.cnapc-submit {
		width: 100%;
	}

	.cnapc-hero-grid {
		padding-top: 52px;
		padding-bottom: 53px;
	}

	.cnapc-hero h1 {
		font-size: clamp(35px, 11.5vw, 50px);
	}

	.cnapc-tagline {
		font-size: 18px;
	}

	.cnapc-actions,
	.cnapc-actions .cnapc-btn {
		width: 100%;
	}

	.cnapc-facts-grid {
		grid-template-columns: 1fr;
	}

	.cnapc-facts-grid > div,
	.cnapc-facts-grid > div:nth-child(3) {
		min-height: 94px;
		border-right: 1px solid var(--cnapc-slate-200);
		border-bottom: 1px solid var(--cnapc-slate-200);
		border-left: 1px solid var(--cnapc-slate-200);
	}

	.cnapc-facts-grid > div:last-child {
		border-bottom: 0;
	}

	.cnapc-section {
		padding: 61px 0;
	}

	.cnapc-section-heading {
		align-items: start;
		flex-direction: column;
		gap: 14px;
	}

	.cnapc-issue-feature {
		display: block;
	}

	.cnapc-issue-mark {
		height: 180px;
		min-height: 0;
	}

	.cnapc-article-grid,
	.cnapc-v1 .obj_issue_toc .cmp_article_list {
		grid-template-columns: 1fr;
	}

	.cnapc-article-card {
		min-height: 0;
	}

	.cnapc-index-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.cnapc-final-cta-inner {
		align-items: start;
		flex-direction: column;
		gap: 25px;
	}

	.cnapc-final-cta .cnapc-actions {
		width: 100%;
	}

	.cnapc-v1 > .pkp_structure_content.has_sidebar > .pkp_structure_sidebar {
		grid-template-columns: 1fr;
	}

	.cnapc-footer-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 35px 24px;
		padding-top: 50px;
	}

	.cnapc-footer-intro,
	.cnapc-footer-ojs {
		grid-column: 1 / -1;
	}

	body.pkp_page_article .cnapc-v1 > .pkp_structure_content.has_sidebar {
		width: min(calc(100% - 28px), 680px);
	}

	body.pkp_page_article .obj_article_details > .page_title,
	body.pkp_page_article .pkp_structure_main .obj_article_details > .page_title {
		font-size: 32px;
	}

	body.pkp_page_article .obj_article_details .main_entry .authors > li,
	body.pkp_page_article .obj_article_details .item.doi,
	body.pkp_page_article .obj_article_details .item.keywords,
	body.pkp_page_article .obj_article_details .author_bios .sub_item,
	body.pkp_page_article .obj_article_details .entry_details {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

.cnapc-nav .pkp_navigation_user_wrapper {
	position: static !important;
	flex: 0 0 auto;
	margin-right: 0 !important;
	margin-left: auto !important;
	padding: 0 !important;
}

.cnapc-nav .pkp_navigation_user {
	position: static !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.cnapc-nav .pkp_navigation_user > li > a {
	white-space: nowrap;
}


/* Perbaikan warna submenu navigasi CNAPC */
.pkp_navigation_primary li ul {
    background: #ffffff !important;
}

.pkp_navigation_primary li ul a,
.pkp_navigation_primary .dropdown-menu a {
    color: #17324d !important;
    background: #ffffff !important;
}

.pkp_navigation_primary li ul a:hover,
.pkp_navigation_primary li ul a:focus,
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
    color: #006f83 !important;
    background: #eef6f8 !important;
}