/**
 * Prime Academic Press — force layer v19.
 * Site-wide static pages (.page): match homepage Apple frosted feel; tighten CMS spacing; gold section accents.
 */

:root {
	--pap-apple-card: rgba(255, 255, 255, 0.74);
	--pap-apple-border: rgba(255, 255, 255, 0.92);
	--pap-apple-shadow: rgba(16, 24, 40, 0.08);
	--pap-apple-text: #1f2937;
	--pap-gold-line: rgba(201, 162, 39, 0.88);
	--pap-gold-soft: rgba(201, 162, 39, 0.28);
}

/* ─── 1) Site context (no journal): frosted card on static pages like About Us ─── */
body.pap-site-index .pkp_structure_main > .page {
	position: relative !important;
	overflow: hidden !important;
	background: var(--pap-apple-card) !important;
	backdrop-filter: blur(10px) saturate(140%) !important;
	-webkit-backdrop-filter: blur(10px) saturate(140%) !important;
	border: 1px solid var(--pap-apple-border) !important;
	border-radius: 22px !important;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 14px 36px var(--pap-apple-shadow) !important;
	padding: 22px 26px 24px !important;
	margin-bottom: 1rem !important;
	color: var(--pap-apple-text) !important;
	font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif !important;
}

body.pap-site-index .pkp_structure_main > .page::before {
	content: "" !important;
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 3px !important;
	background: linear-gradient(90deg, #132d4d 0%, #c9a227 38%, #f4d03f 50%, #c9a227 62%, #132d4d 100%) !important;
	opacity: 0.92 !important;
	pointer-events: none !important;
}

body.pap-site-index .pkp_structure_main > .page .cmp_html_content {
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	box-shadow: none !important;
}

/* ─── 2) Typography: consistent sans (Apple-like UI rhythm), tighter vertical metrics ─── */
.pkp_structure_main > .page h1,
.pkp_structure_main > .page .cmp_html_content h1 {
	font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	color: #0f172a !important;
	line-height: 1.25 !important;
	margin: 0 0 0.85rem !important;
	padding: 0 !important;
	border: none !important;
}

.pkp_structure_main > .page h2,
.pkp_structure_main > .page .cmp_html_content h2 {
	display: block !important;
	font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif !important;
	font-weight: 700 !important;
	letter-spacing: 0.04em !important;
	text-transform: none !important;
	color: #111827 !important;
	margin: 1.15rem 0 0.45rem !important;
	padding: 0 !important;
	line-height: 1.35 !important;
	border: none !important;
	border-bottom: none !important;
}

.pkp_structure_main > .page h2:first-of-type,
.pkp_structure_main > .page .cmp_html_content h2:first-of-type {
	margin-top: 0.35rem !important;
}

.pkp_structure_main > .page h3,
.pkp_structure_main > .page .cmp_html_content h3 {
	font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif !important;
	font-weight: 600 !important;
	color: #1e293b !important;
	margin: 0.85rem 0 0.35rem !important;
}

.pkp_structure_main > .page p,
.pkp_structure_main > .page .cmp_html_content p {
	font-family: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif !important;
	line-height: 1.68 !important;
	color: var(--pap-apple-text) !important;
	margin: 0 0 0.65rem !important;
}

.pkp_structure_main > .page p:last-child,
.pkp_structure_main > .page .cmp_html_content p:last-child {
	margin-bottom: 0 !important;
}

.pkp_structure_main > .page h2 + p,
.pkp_structure_main > .page .cmp_html_content h2 + p {
	margin-top: 0 !important;
}

/* Kill invisible spacer blocks often pasted from Word */
.pkp_structure_main > .page .cmp_html_content p:empty,
.pkp_structure_main > .page p:empty {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
}

.pkp_structure_main > .page br + br,
.pkp_structure_main > .page .cmp_html_content br + br {
	display: none !important;
	line-height: 0 !important;
}

/* Softer section breaks than default grey <hr> */
.pkp_structure_main > .page hr,
.pkp_structure_main > .page .cmp_html_content hr {
	border: 0 !important;
	height: 1px !important;
	margin: 0.65rem 0 0.85rem !important;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(201, 162, 39, 0.45) 20%,
		rgba(244, 208, 63, 0.55) 50%,
		rgba(201, 162, 39, 0.45) 80%,
		transparent 100%
	) !important;
	opacity: 1 !important;
}

/* ─── 3) Journal context: same spacing + gold headings on HTML pages (main already frosted in v11) ─── */
body:not(.pap-site-index) .pkp_structure_main > .page p,
body:not(.pap-site-index) .pkp_structure_main > .page .cmp_html_content p {
	margin-bottom: 0.65rem !important;
}

body:not(.pap-site-index) .pkp_structure_main > .page h2,
body:not(.pap-site-index) .pkp_structure_main > .page .cmp_html_content h2 {
	margin-top: 1rem !important;
	margin-bottom: 0.45rem !important;
}