/* ==========================================================================
   J-LELC: Journal of Language Education, Linguistics, and Culture
   iOS Health / Research app language: grouped background, metric cards,
   system category colours
   Upload: Website > Appearance > Advanced > Journal style sheet
   Scope:  homepage additional content (.jlc-home)
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700..800&family=Inter:opsz,wght@14..32,400..800&display=swap");

:root {
	/* iOS system colours: fill, and the high-contrast variant for text */
	--jlc-orange: #FF9500;  --jlc-orange-t: #C93400;
	--jlc-purple: #FFB300;  --jlc-purple-t: #A86A00;
	--jlc-green: #34C759;   --jlc-green-t: #248A3D;
	--jlc-pink: #FF2D55;    --jlc-pink-t: #D30F45;
	--jlc-blue: #007AFF;    --jlc-blue-t: #0040DD;
	--jlc-teal: #30B0C7;    --jlc-teal-t: #0071A4;
	--jlc-indigo: #FFCC00;  --jlc-indigo-t: #9A6B00;
	--jlc-red: #FF3B30;     --jlc-red-t: #D70015;
	--jlc-cyan-dark: #64D2FF;

	/* Official journal accent (header and buttons on the live site) */
	--jlc-brand: #FF8A00;
	--jlc-brand-t: #C25E00;
	--jlc-brand-lt: #FFB340;
	--jlc-brand-grad: linear-gradient(180deg, #FFA200, #FF7F00);
	--jlc-brand-glow: rgba(255, 138, 0, .55);

	/* Surfaces and labels */
	--jlc-grouped: #F2F2F7;
	--jlc-card: #FFFFFF;
	--jlc-label: #000000;
	--jlc-label-2: #8A8A8E;
	--jlc-sep: #E5E5EA;
	--jlc-fill: #E3E3E8;
	--jlc-dark: #1C1C1E;

	--jlc-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--jlc-ease: cubic-bezier(.2, .8, .2, 1);
	--jlc-edge: 0 0 0 1px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .05), 0 14px 30px -20px rgba(0, 0, 0, .45);
	--jlc-edge-hover: 0 0 0 1px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .05), 0 22px 36px -20px rgba(0, 0, 0, .5);
}

/* ==========================================================================
   Header: banner image fills the whole header
   ========================================================================== */

.pkp_structure_head {
	display: block !important;
	height: auto !important;
	min-height: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: 0 !important;
	background: none !important;
}

.pkp_structure_head::before {
	display: none !important;
}

.pkp_structure_head .pkp_head_wrapper {
	height: auto !important;
	padding: 0 !important;
}

.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .pkp_site_name {
	position: static !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pkp_structure_head .pkp_site_name a.is_img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pkp_structure_head .pkp_site_name a.is_img img {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	max-height: none !important;
	margin: 0 !important;
}

@media (max-width: 991px) {
	.pkp_structure_head .pkp_site_nav_toggle {
		top: 10px !important;
		right: 10px !important;
		left: auto !important;
		z-index: 30;
		width: 44px !important;
		height: 44px !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 1px solid rgba(255, 255, 255, .7) !important;
		border-radius: 14px !important;
		background: rgba(255, 255, 255, .78) !important;
		-webkit-backdrop-filter: saturate(180%) blur(14px);
		backdrop-filter: saturate(180%) blur(14px);
		box-shadow: 0 6px 18px -8px rgba(0, 0, 0, .45) !important;
	}
}

/* ==========================================================================
   Navigation: floating white card over the banner
   ========================================================================== */

.pkp_structure_head .pkp_navigation_primary_row {
	position: relative;
	z-index: 20;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.pkp_structure_head .pkp_navigation_primary_wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 0 !important;
}

.pkp_structure_head .pkp_navigation_primary_wrapper::before,
.pkp_structure_head .pkp_navigation_primary_wrapper::after,
.pkp_structure_head #navigationPrimary::before,
.pkp_structure_head #navigationPrimary::after,
.pkp_structure_head #navigationUser::before,
.pkp_structure_head #navigationUser::after {
	display: none !important;
}

@media (min-width: 992px) {
	.pkp_structure_head .pkp_site_nav_menu {
		background: transparent !important;
		box-shadow: none !important;
	}

	.pkp_structure_head .pkp_navigation_primary_row {
		margin: -30px 0 0 !important;
		padding: 0 !important;
	}

	.pkp_structure_head .pkp_navigation_primary_wrapper {
		padding: 8px 10px !important;
		border: 1px solid rgba(0, 0, 0, .06);
		border-radius: 22px;
		background: rgba(255, 255, 255, .95);
		-webkit-backdrop-filter: saturate(180%) blur(18px);
		backdrop-filter: saturate(180%) blur(18px);
		box-shadow: 0 14px 34px -14px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .04);
	}
}

.pkp_structure_head #navigationPrimary {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	margin: 0 !important;
	padding: 0 !important;
}

.pkp_structure_head #navigationPrimary > li {
	margin: 0 !important;
	padding: 0 !important;
}

.pkp_structure_head #navigationPrimary > li > a,
.pkp_structure_head .pkp_navigation_search_wrapper a {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	margin: 0 !important;
	padding: 9px 15px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--jlc-dark) !important;
	font: 600 14px/1.2 var(--jlc-font) !important;
	letter-spacing: -.01em;
	text-decoration: none !important;
	text-transform: none !important;
	transition: background-color .25s var(--jlc-ease), color .25s var(--jlc-ease), box-shadow .25s var(--jlc-ease);
}

/* Menu icons, matched by link target so they survive menu reordering */
.pkp_structure_head #navigationPrimary > li > a::before {
	width: 14px;
	color: var(--jlc-brand);
	font: normal 13px/1 FontAwesome;
	text-align: center;
	content: "\f105";
	transition: color .25s var(--jlc-ease);
}

.pkp_structure_head #navigationPrimary > li > a[href$="/j-lelc"]::before,
.pkp_structure_head #navigationPrimary > li > a[href$="/j-lelc/"]::before,
.pkp_structure_head #navigationPrimary > li > a[href$="/index"]::before { content: "\f015"; }
.pkp_structure_head #navigationPrimary > li > a[href$="/about"]::before { content: "\f05a"; }
.pkp_structure_head #navigationPrimary > li > a[href$="/about/submissions"]::before { content: "\f093"; }
.pkp_structure_head #navigationPrimary > li > a[href$="/about/editorialTeam"]::before { content: "\f0c0"; }
.pkp_structure_head #navigationPrimary > li > a[href$="/about/privacy"]::before { content: "\f132"; }
.pkp_structure_head #navigationPrimary > li > a[href$="/issue/current"]::before { content: "\f02d"; }
.pkp_structure_head #navigationPrimary > li > a[href$="/issue/archive"]::before { content: "\f187"; }
.pkp_structure_head #navigationPrimary > li > a[href$="/announcement"]::before,
.pkp_structure_head #navigationPrimary > li > a[href$="/announcements"]::before { content: "\f0a1"; }
.pkp_structure_head #navigationPrimary > li > a[href$="/contact"]::before { content: "\f0e0"; }
.pkp_structure_head #navigationPrimary > li > a[href="#"]::before { content: "\f0c9"; }

.pkp_structure_head #navigationPrimary > li > a:hover,
.pkp_structure_head #navigationPrimary > li > a:focus-visible,
.pkp_structure_head #navigationPrimary > li:hover > a,
.pkp_structure_head #navigationPrimary > li:focus-within > a {
	background: rgba(255, 138, 0, .1) !important;
	color: var(--jlc-brand-t) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 138, 0, .3);
}

.pkp_structure_head #navigationPrimary > li > a[aria-current="page"],
.pkp_structure_head #navigationPrimary > li.current > a {
	background: var(--jlc-brand-grad) !important;
	color: #fff !important;
	box-shadow: 0 6px 14px -8px rgba(255, 127, 0, .9);
}

.pkp_structure_head #navigationPrimary > li > a[aria-current="page"]::before,
.pkp_structure_head #navigationPrimary > li.current > a::before {
	color: #fff;
}

/* Chevron on items that open a submenu */
.pkp_structure_head #navigationPrimary > li:has(> ul) > a::after {
	position: static !important;
	display: inline-block !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 0 2px !important;
	border: 0 !important;
	color: #8E8E93;
	font: normal 12px/1 FontAwesome !important;
	vertical-align: middle;
	content: "\f107" !important;
	transition: transform .25s var(--jlc-ease);
}

.pkp_structure_head #navigationPrimary > li:hover > a::after,
.pkp_structure_head #navigationPrimary > li:focus-within > a::after {
	color: currentColor;
	transform: rotate(180deg);
}

/* Search: black pill with a yellow icon */
.pkp_structure_head .pkp_navigation_search_wrapper {
	flex: 0 0 auto;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.pkp_structure_head .pkp_navigation_search_wrapper a {
	padding: 9px 18px !important;
	background: #000 !important;
	color: #fff !important;
	box-shadow: 0 6px 16px -8px rgba(0, 0, 0, .6);
}

.pkp_structure_head .pkp_navigation_search_wrapper a .fa {
	color: var(--jlc-brand-lt);
}

.pkp_structure_head .pkp_navigation_search_wrapper a:hover,
.pkp_structure_head .pkp_navigation_search_wrapper a:focus-visible {
	background: #1C1C1E !important;
	color: var(--jlc-brand-lt) !important;
	box-shadow: 0 8px 20px -8px rgba(255, 127, 0, .7), inset 0 0 0 1px rgba(255, 162, 0, .5);
}

@media (min-width: 992px) {
	/* Dropdown: rounded card that fades in below the item */
	.pkp_structure_head #navigationPrimary > li {
		position: relative;
	}

	.pkp_structure_head #navigationPrimary > li > ul {
		position: absolute !important;
		inset: calc(100% + 10px) auto auto 50% !important;
		z-index: 1000;
		display: block !important;
		float: none !important;
		width: max-content !important;
		min-width: 210px;
		margin: 0 !important;
		padding: 6px !important;
		border: 1px solid rgba(0, 0, 0, .06) !important;
		border-radius: 16px !important;
		background: #fff !important;
		box-shadow: 0 20px 40px -12px rgba(0, 0, 0, .25), 0 2px 6px rgba(0, 0, 0, .05) !important;
		opacity: 0;
		visibility: hidden;
		transform: translate(-50%, 6px) !important;
		transition: opacity .2s var(--jlc-ease), transform .2s var(--jlc-ease), visibility 0s linear .2s;
	}

	/* Invisible bridge so the menu stays open while the pointer crosses the gap */
	.pkp_structure_head #navigationPrimary > li > ul::before {
		position: absolute;
		top: -12px;
		right: 0;
		left: 0;
		height: 12px;
		content: "";
	}

	.pkp_structure_head #navigationPrimary > li:hover > ul,
	.pkp_structure_head #navigationPrimary > li:focus-within > ul {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, 0) !important;
		transition: opacity .2s var(--jlc-ease), transform .2s var(--jlc-ease), visibility 0s;
	}

	.pkp_structure_head #navigationPrimary > li > ul li {
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: none !important;
	}

	.pkp_structure_head #navigationPrimary > li > ul a {
		display: flex !important;
		align-items: center;
		gap: 10px;
		padding: 10px 14px !important;
		border: 0 !important;
		border-radius: 11px !important;
		background: transparent !important;
		color: var(--jlc-dark) !important;
		font: 500 14px/1.2 var(--jlc-font) !important;
		text-decoration: none !important;
		text-transform: none !important;
		transition: background-color .2s var(--jlc-ease), color .2s var(--jlc-ease);
	}

	.pkp_structure_head #navigationPrimary > li > ul a::before {
		flex: 0 0 18px;
		color: var(--jlc-brand);
		font: normal 14px/1 FontAwesome;
		text-align: center;
		content: "\f105";
	}

	.pkp_structure_head #navigationPrimary > li > ul a:hover,
	.pkp_structure_head #navigationPrimary > li > ul a:focus-visible {
		background: rgba(255, 138, 0, .1) !important;
		color: var(--jlc-brand-t) !important;
	}
}

@media (max-width: 991px) {
	/* Mobile menu: white sheet below the banner, stacked rows */
	.pkp_structure_head .pkp_site_nav_menu {
		top: 100% !important;
		right: 0 !important;
		left: 0 !important;
		z-index: 40;
		width: auto !important;
		padding: 10px !important;
		border-radius: 0 0 22px 22px;
		background: #fff !important;
		box-shadow: 0 24px 40px -16px rgba(0, 0, 0, .35) !important;
	}

	.pkp_structure_head .pkp_navigation_primary_row {
		padding: 6px !important;
	}

	.pkp_structure_head .pkp_navigation_primary_wrapper,
	.pkp_structure_head #navigationPrimary {
		flex-direction: column;
		align-items: stretch !important;
	}

	.pkp_structure_head #navigationPrimary {
		gap: 2px;
	}

	.pkp_structure_head #navigationPrimary > li > a {
		display: flex !important;
		gap: 12px;
		padding: 12px 16px !important;
		border-radius: 14px !important;
		font-size: 15px !important;
	}

	.pkp_structure_head #navigationPrimary > li:has(> ul) > a::after {
		margin-left: auto !important;
	}

	.pkp_structure_head #navigationPrimary > li > ul {
		position: static !important;
		display: block !important;
		margin: 2px 0 6px 16px !important;
		padding: 0 0 0 10px !important;
		border: 0 !important;
		border-left: 2px solid rgba(255, 138, 0, .45) !important;
		border-radius: 0 !important;
		background: none !important;
		box-shadow: none !important;
	}

	.pkp_structure_head #navigationPrimary > li > ul a {
		display: block !important;
		padding: 9px 14px !important;
		border-radius: 12px !important;
		color: #6B6B70 !important;
		font: 500 14px/1.2 var(--jlc-font) !important;
		text-align: left !important;
		text-transform: none !important;
	}

	.pkp_structure_head .pkp_navigation_search_wrapper {
		margin-top: 8px !important;
		padding-top: 10px !important;
		border-top: 1px solid var(--jlc-sep) !important;
	}

	.pkp_structure_head .pkp_navigation_search_wrapper a {
		display: flex !important;
		justify-content: center;
		padding: 12px 18px !important;
		font-size: 15px !important;
	}

	.pkp_structure_head .pkp_navigation_user_wrapper {
		position: static !important;
		padding: 10px 6px 4px !important;
		border-top: 0 !important;
	}

	.pkp_structure_head .pkp_site_nav_menu .pkp_navigation_user_wrapper #navigationUser {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 6px;
	}

	.pkp_structure_head .pkp_site_nav_menu #navigationUser > li > a {
		display: flex !important;
		justify-content: center;
		width: 100%;
		height: 44px;
		padding: 0 16px !important;
		font-size: 14px !important;
	}

	.pkp_structure_head .pkp_site_nav_menu #navigationUser > li > a[href*="/user/register"] {
		background: var(--jlc-grouped) !important;
	}
}

/* Register / Login on the banner */
.pkp_structure_head .pkp_navigation_user_wrapper #navigationUser {
	display: flex;
	align-items: center;
	gap: 4px;
	margin: 0 !important;
}

.pkp_structure_head #navigationUser > li {
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.pkp_structure_head #navigationUser > li > a {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	height: 34px;
	padding: 0 15px !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--jlc-dark) !important;
	font: 600 13px/1 var(--jlc-font) !important;
	letter-spacing: -.01em;
	text-decoration: none !important;
	text-transform: none !important;
	white-space: nowrap;
	transition: background-color .2s var(--jlc-ease), color .2s var(--jlc-ease), box-shadow .2s var(--jlc-ease);
}

.pkp_structure_head #navigationUser > li > a::before {
	color: var(--jlc-brand);
	font: normal 13px/1 FontAwesome;
}

.pkp_structure_head #navigationUser > li > a[href*="/user/register"]::before { content: "\f234"; }
.pkp_structure_head #navigationUser > li > a[href*="/login"]::before { content: "\f090"; }

.pkp_structure_head #navigationUser > li > a[href*="/user/register"]:hover,
.pkp_structure_head #navigationUser > li > a[href*="/user/register"]:focus-visible {
	background: #fff !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12) !important;
	color: var(--jlc-brand-t) !important;
}

.pkp_structure_head #navigationUser > li > a[href*="/login"] {
	background: #000 !important;
	box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 162, 0, .35) !important;
	color: var(--jlc-brand-lt) !important;
}

.pkp_structure_head #navigationUser > li > a[href*="/login"]::before {
	color: var(--jlc-brand-lt);
}

.pkp_structure_head #navigationUser > li > a[href*="/login"]:hover,
.pkp_structure_head #navigationUser > li > a[href*="/login"]:focus-visible {
	background: #1C1C1E !important;
	color: #fff !important;
}

@media (min-width: 992px) {
	.pkp_structure_head .pkp_navigation_user_wrapper {
		top: 14px !important;
		right: 14px !important;
		width: auto !important;
		padding: 0 !important;
	}

	.pkp_structure_head #navigationUserWrapper #navigationUser {
		width: max-content !important;
		padding: 4px;
		border: 1px solid rgba(255, 255, 255, .7);
		border-radius: 999px;
		background: rgba(255, 255, 255, .62);
		-webkit-backdrop-filter: saturate(180%) blur(16px);
		backdrop-filter: saturate(180%) blur(16px);
		box-shadow: 0 10px 26px -12px rgba(0, 0, 0, .5);
	}
}

/* ==========================================================================
   Base
   ========================================================================== */

.pkp_page_index .additional_content {
	margin: 5px 0 40px;
	padding: 0;
	text-align: left;
}

.jlc-home {
	container: jlc / inline-size;
	padding: 0px 0px 20px;
	color: var(--jlc-label);
	font-family: var(--jlc-font);
	font-size: 14px;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
}

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

.jlc-home p {
	margin: 0;
}

.pkp_structure_main .jlc-home p {
	text-align: left !important;
}

.jlc-home ul,
.jlc-home ol {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.jlc-home li {
	margin: 0 !important;
	padding: 0;
}

.jlc-home a {
	color: var(--jlc-blue);
	text-decoration: none;
}

.jlc-home a:hover,
.jlc-home a:focus {
	text-decoration: none !important;
	text-shadow: none !important;
}

.jlc-home img {
	max-width: none;
}

.jlc-home em.fa {
	font-size: 0;
	font-style: normal;
}

.jlc-home em.fa::before {
	font-size: 14px;
}

/* Category colour per card */
.jlc-home .is-pink { --c: var(--jlc-pink); --t: var(--jlc-pink-t); }
.jlc-home .is-orange { --c: var(--jlc-orange); --t: var(--jlc-orange-t); }
.jlc-home .is-blue { --c: var(--jlc-blue); --t: var(--jlc-blue-t); }
.jlc-home .is-teal { --c: var(--jlc-teal); --t: var(--jlc-teal-t); }
.jlc-home .is-purple { --c: var(--jlc-purple); --t: var(--jlc-purple-t); }
.jlc-home .is-brand { --c: var(--jlc-brand); --t: var(--jlc-brand-t); }
.jlc-home .is-green { --c: var(--jlc-green); --t: var(--jlc-green-t); }

/* ==========================================================================
   Hero: editorial stage with a spotlight on the cover
   ========================================================================== */

.jlc-home .jlc-hero {
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 210px;
	align-items: center;
	gap: 26px 30px;
	padding: 30px 32px 0;
	border-radius: 28px;
	background:
		radial-gradient(50% 80% at 86% 32%, rgba(255, 162, 0, .26), rgba(255, 162, 0, 0) 70%),
		radial-gradient(45% 70% at 0% 100%, rgba(255, 196, 71, .2), rgba(255, 196, 71, 0) 70%),
		linear-gradient(160deg, #FFFFFF 0%, #FFF8EE 60%, #FFF1DD 100%);
	box-shadow: 0 0 0 0px rgba(0, 0, 0, .06), 0 0px 1px rgba(0, 0, 0, .05), 0 14px 30px -20px rgba(0, 0, 0, .45);
	color: #111113;
}

/* Fine dot grid, fading out toward the cover */
.jlc-home .jlc-hero::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: radial-gradient(rgba(194, 94, 0, .16) 1px, transparent 1.5px) 0 0 / 18px 18px;
	-webkit-mask: linear-gradient(115deg, #000 5%, transparent 55%);
	mask: linear-gradient(115deg, #000 5%, transparent 55%);
	content: "";
}

.jlc-home .jlc-hero__copy {
	min-width: 0;
}

.jlc-home .jlc-hero__brand {
	display: flex;
	align-items: center;
	gap: 11px;
}

.jlc-home .jlc-hero__logo {
	display: grid;
	flex: none;
	place-items: center;
	overflow: hidden;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 10px 20px -10px rgba(0, 0, 0, .45);
}

.jlc-home .jlc-hero__logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.jlc-home .jlc-hero__name {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.25;
}

.jlc-home .jlc-hero__name strong {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: -.01em;
}

.jlc-home .jlc-hero__name span {
	color: rgba(0, 0, 0, .55);
	font-size: 12px;
}

.jlc-home .jlc-hero__title {
	margin-top: 24px !important;
	color: #111113;
	font-family: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
	font-size: 40px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.035em;
	text-wrap: balance;
}

.jlc-home .jlc-hero__title em {
	display: inline-block;
	padding-right: .04em;
	background: linear-gradient(95deg, #FF9A00 0%, #F07800 55%, #C25E00 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	font-style: normal;
	font-weight: 800;
}

.jlc-home .jlc-hero__text {
	max-width: none;
	margin-top: 14px !important;
	color: rgba(0, 0, 0, .62);
	font-size: 13.5px;
	line-height: 1.6;
}

.jlc-home .jlc-hero__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 22px 0 30px !important;
}

/* Cover: tilted on a spinning spotlight, two pages stacked behind it */
.jlc-home .jlc-hero__art {
	position: relative;
	z-index: 0;
	justify-self: center;
	align-self: center;
	margin-bottom: 8px;
	perspective: 900px;
}

.jlc-home .jlc-hero__art::before,
.jlc-home .jlc-hero__art::after {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -2;
	width: 290px;
	aspect-ratio: 1;
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.jlc-home .jlc-hero__art::before {
	margin: -145px 0 0 -145px;
	background: conic-gradient(from 0deg, rgba(255, 162, 0, 0) 0 55%, rgba(255, 162, 0, .7) 80%, #FFE08A 92%, rgba(255, 162, 0, 0) 100%);
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
	mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 calc(100% - 1.5px));
	animation: jlc-spot 9s linear infinite;
}

.jlc-home .jlc-hero__art::after {
	z-index: -3;
	margin: -145px 0 0 -145px;
	background:
		radial-gradient(closest-side, rgba(255, 162, 0, .28), rgba(255, 162, 0, 0) 75%),
		radial-gradient(closest-side, transparent calc(100% - 1px), rgba(194, 94, 0, .14) calc(100% - .5px), transparent 100%);
}

@keyframes jlc-spot {
	to { transform: rotate(360deg); }
}

.jlc-home .jlc-hero__cover {
	position: relative;
	z-index: 0;
	animation: jlc-float 6s ease-in-out infinite;
}

.jlc-home .jlc-hero__cover::before,
.jlc-home .jlc-hero__cover::after {
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 8px;
	background: rgba(255, 255, 255, .7);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 10px 22px -14px rgba(120, 60, 0, .45);
	content: "";
	transition: transform .6s var(--jlc-ease);
}

.jlc-home .jlc-hero__cover::before {
	transform: translate(16px, -10px) rotate(7deg);
}

.jlc-home .jlc-hero__cover::after {
	background: rgba(255, 255, 255, .9);
	transform: translate(8px, -5px) rotate(3.5deg);
}

.jlc-home .jlc-hero__cover img {
	display: block;
	width: 172px;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 30px 46px -20px rgba(120, 60, 0, .55), 0 0 60px -20px rgba(255, 138, 0, .5);
	transform: rotateY(-14deg) rotateX(3deg);
	transition: transform .6s var(--jlc-ease);
}

.jlc-home .jlc-hero:hover .jlc-hero__cover img {
	transform: rotateY(0) rotateX(0) scale(1.03);
}

.jlc-home .jlc-hero:hover .jlc-hero__cover::before {
	transform: translate(22px, -14px) rotate(10deg);
}

.jlc-home .jlc-hero:hover .jlc-hero__cover::after {
	transform: translate(12px, -8px) rotate(5deg);
}

@keyframes jlc-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-7px); }
}

.jlc-home .jlc-hero__badge {
	position: absolute;
	bottom: 18px;
	left: -26px;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 7px 11px 7px 9px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .94);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 12px 24px -12px rgba(0, 0, 0, .45);
	color: var(--jlc-dark);
	font-size: 11.5px;
	line-height: 1;
	white-space: nowrap;
}

.jlc-home .jlc-hero__badge em.fa::before {
	color: var(--jlc-brand);
	font-size: 13px;
}

.jlc-home .jlc-hero__badge strong {
	font-weight: 700;
}

.jlc-home .jlc-hero__badge span {
	color: var(--jlc-label-2);
}

/* Scope chips drifting around the cover */
.jlc-home .jlc-hero__tags {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.jlc-home .jlc-hero__tags span {
	position: absolute;
	padding: 5px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .86);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 10px 20px -12px rgba(0, 0, 0, .4);
	color: #1C1C1E;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .01em;
	white-space: nowrap;
	animation: jlc-drift 7s ease-in-out infinite;
}

.jlc-home .jlc-hero__tags span::before {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 6px 1px 0;
	border-radius: 50%;
	background: var(--jlc-brand);
	vertical-align: middle;
	content: "";
}

.jlc-home .jlc-hero__tags span:nth-child(1) { top: 6px; right: -34px; }
.jlc-home .jlc-hero__tags span:nth-child(2) { top: 44%; left: -62px; animation-delay: -2.3s; }
.jlc-home .jlc-hero__tags span:nth-child(3) { right: -22px; bottom: 58px; animation-delay: -4.6s; }

@keyframes jlc-drift {
	0%, 100% { transform: translate(0, 0); }
	50% { transform: translate(0, -6px); }
}

/* "Language" in many languages, scrolling along the bottom edge */
.jlc-home .jlc-hero__ticker {
	grid-column: 1 / -1;
	display: flex;
	overflow: hidden;
	margin: 0 -32px !important;
	padding: 12px 0 13px;
	border-top: 1px solid rgba(194, 94, 0, .12);
	-webkit-mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
	mask: linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
	color: rgba(194, 94, 0, .6);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: .02em;
	white-space: nowrap;
}

.jlc-home .jlc-hero__ticker > span {
	flex: none;
	padding-right: 10px;
	animation: jlc-ticker 40s linear infinite;
}

@keyframes jlc-ticker {
	to { transform: translateX(-100%); }
}

.jlc-home .jlc-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 40px;
	padding: 0 18px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: -.01em;
	transition: transform .2s var(--jlc-ease), background-color .2s var(--jlc-ease), box-shadow .2s var(--jlc-ease);
}

.jlc-home .jlc-btn:hover {
	transform: translateY(-1px);
}

.jlc-home .jlc-btn:active {
	transform: scale(.97);
}

.jlc-home .jlc-btn--fill {
	background: #fff;
	box-shadow: var(--jlc-edge);
	color: #000;
}

.jlc-home .jlc-btn--fill:hover {
	background: rgba(255, 255, 255, .92);
	box-shadow: var(--jlc-edge-hover);
	color: #000;
}

.jlc-home .jlc-btn--fill em.fa::before {
	color: var(--jlc-brand);
}

.jlc-home .jlc-btn--tint {
	border: 1px solid rgba(255, 255, 255, .9);
	background: rgba(255, 255, 255, .7);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: 0 8px 18px -14px rgba(14, 19, 48, .5);
	color: #111113;
}

.jlc-home .jlc-btn--tint:hover {
	background: #fff;
	color: #111113;
}

.jlc-home .jlc-btn--tint em.fa::before {
	color: #25D366;
	font-size: 16px;
}

/* ==========================================================================
   Section header
   ========================================================================== */

.jlc-home .jlc-sec {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 24px 4px 10px !important;
}

.jlc-home .jlc-sec strong {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -.02em;
}

.jlc-home .jlc-sec strong::before {
	flex: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--jlc-brand-lt);
	box-shadow: 0 0 0 0 rgba(255, 162, 0, .55);
	animation: jlc-beat 1.8s ease-out infinite;
	content: "";
}

.jlc-home .jlc-sec a {
	font-size: 15px;
}

/* ==========================================================================
   Highlights: one Health-style summary panel, sections split by hairlines
   ========================================================================== */

.jlc-home .jlc-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	overflow: hidden;
	border-radius: 24px;
	background:
		radial-gradient(60% 80% at 0% 0%, rgba(255, 138, 0, .06), transparent 60%),
		radial-gradient(50% 70% at 100% 100%, rgba(52, 199, 89, .05), transparent 60%),
		var(--jlc-card);
	box-shadow: var(--jlc-edge);
}

.jlc-home .jlc-card {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	padding: 20px 22px 22px;
	transition: background-color .3s var(--jlc-ease);
}

.jlc-home .jlc-card:hover {
	background: color-mix(in srgb, var(--c) 4%, transparent);
}

/* Hairline dividers: vertical inside a row, horizontal between rows */
.jlc-home .jlc-card + .jlc-card::before {
	position: absolute;
	top: 22px;
	bottom: 22px;
	left: 0;
	width: .5px;
	background: rgba(60, 60, 67, .2);
	content: "";
}

.jlc-home .jlc-card.is-wide::before {
	display: none;
}

.jlc-home .jlc-card.is-wide,
.jlc-home .jlc-card.is-wide + .jlc-card {
	border-top: .5px solid rgba(60, 60, 67, .2);
}

.jlc-home .jlc-card.is-wide {
	grid-column: span 2;
}

.jlc-home .jlc-card__head {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--t);
	font-size: 14px;
	font-weight: 650;
	letter-spacing: -.01em;
}

.jlc-home .jlc-card__head em.fa {
	display: inline-grid;
	flex: none;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 7px;
	background: linear-gradient(160deg, color-mix(in srgb, var(--c) 72%, #fff), var(--c));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35);
	font-size: 0;
	line-height: 1;
}

.jlc-home .jlc-card__head em.fa::before {
	color: #fff;
	font-size: 12px;
}

.jlc-home .jlc-card__meta {
	margin-left: auto;
	color: var(--jlc-label-2);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: 0;
	white-space: nowrap;
	transition: color .2s var(--jlc-ease);
}

.jlc-home .jlc-card__meta::after {
	margin-left: 5px;
	color: #C7C7CC;
	font-weight: 700;
	content: "\203A";
}

.jlc-home a.jlc-card__meta:hover {
	color: var(--t);
}

.jlc-home .jlc-card__val {
	display: flex;
	align-items: baseline;
	gap: 7px;
}

.jlc-home .jlc-card__val strong {
	font-family: ui-rounded, "SF Pro Rounded", var(--jlc-font);
	font-size: 40px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.04em;
	font-variant-numeric: tabular-nums;
}

.jlc-home .jlc-card__val span {
	color: var(--jlc-label-2);
	font-size: 14px;
	font-weight: 500;
}

/* Publication month bars */
.jlc-home .jlc-bars {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	align-items: end;
	gap: 4px;
	height: 58px;
	margin-top: auto !important;
}

.jlc-home .jlc-bars > li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	height: 100%;
	color: var(--jlc-label-2);
	font-size: 9.5px;
	font-weight: 500;
}

.jlc-home .jlc-bars > li::before {
	width: 100%;
	max-width: 10px;
	height: 6px;
	border-radius: 999px;
	background: rgba(118, 118, 128, .16);
	content: "";
}

.jlc-home .jlc-bars > li.is-on {
	color: var(--t);
	font-weight: 700;
}

.jlc-home .jlc-bars > li.is-on::before {
	height: 40px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--c) 65%, #fff), var(--c));
	transform-origin: bottom;
	animation: jlc-grow .9s var(--jlc-ease) both;
}

.jlc-home .jlc-bars > li:nth-child(6)::before { animation-delay: .12s; }
.jlc-home .jlc-bars > li:nth-child(10)::before { animation-delay: .24s; }

@keyframes jlc-grow {
	from { transform: scaleY(0); }
	to { transform: scaleY(1); }
}

/* Reviewer faces */
.jlc-home .jlc-faces {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	row-gap: 8px;
	margin-top: auto !important;
}

.jlc-home .jlc-faces__r {
	display: grid;
	flex: none;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 2.5px solid var(--jlc-card);
	border-radius: 50%;
	background: linear-gradient(160deg, #4DA3FF, var(--c));
	color: #fff;
	font-size: 11px;
	font-weight: 700;
}

.jlc-home .jlc-faces__r + .jlc-faces__r {
	margin-left: -10px;
}

.jlc-home .jlc-faces__r:nth-child(2) {
	background: linear-gradient(160deg, #7DC4FF, #3D8BFF);
}

.jlc-home .jlc-faces__r:nth-child(3) {
	background: linear-gradient(160deg, #B8DBFF, #6AA8F5);
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55);
}

.jlc-home .jlc-faces span.jlc-t {
	flex-basis: 100%;
	color: var(--jlc-label-2);
	font-size: 12.5px;
	line-height: 1.35;
}

/* Scope: dot list, no chips */
.jlc-home .jlc-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 14px;
	margin-top: auto !important;
}

.jlc-home .jlc-pills > li {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--jlc-dark);
	font-size: 13px;
	font-weight: 600;
}

.jlc-home .jlc-pills > li::before {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--c);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent);
	content: "";
}

/* Editor in Chief: name left, round icon buttons right */
.jlc-home .jlc-editor {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 12px 16px;
	margin-top: auto !important;
}

.jlc-home .jlc-editor__who {
	display: flex;
	flex: 1 1 200px;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
	margin: 0 !important;
}

.jlc-home .jlc-editor__who strong {
	font-size: 17px;
	font-weight: 650;
	letter-spacing: -.015em;
	line-height: 1.25;
}

.jlc-home .jlc-editor__who .jlc-t {
	color: var(--jlc-label-2);
	font-size: 13px;
}

.jlc-home .jlc-editor__ids {
	display: flex;
	flex: none;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 !important;
	padding: 0;
	list-style: none;
}

.jlc-home .jlc-editor__ids > li {
	margin: 0;
	padding: 0;
}

.jlc-home .jlc-editor__ids a {
	display: inline-grid;
	place-items: center;
	place-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255, 138, 0, .12);
	color: var(--jlc-dark);
	text-decoration: none;
	transition: background-color .2s var(--jlc-ease), color .2s var(--jlc-ease), transform .2s var(--jlc-ease);
}

.jlc-home .jlc-editor__ids a em.fa {
	display: inline-grid;
	place-items: center;
	width: 14px;
	height: 14px;
	font-size: 0;
	line-height: 0;
}

.jlc-home .jlc-editor__ids a em.fa::before {
	display: block;
	color: var(--c);
	font-size: 14px;
	line-height: 1;
}

.jlc-home .jlc-editor__ids a:hover {
	background: var(--c);
	color: #fff;
}

.jlc-home .jlc-editor__ids a:hover em.fa::before {
	color: #fff;
}

.jlc-home .jlc-ids__mk {
	display: inline-grid;
	place-items: center;
	min-width: 18px;
	height: 18px;
	padding: 0 3px;
	border-radius: 999px;
	background: var(--c);
	color: #fff;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1;
}

.jlc-home .jlc-editor__ids a:hover .jlc-ids__mk {
	background: #fff;
	color: var(--c);
}

.jlc-home .jlc-editor__ids a:active {
	transform: scale(.97);
}


/* Identity rows */
.jlc-home .jlc-rows {
	margin-top: auto !important;
}

.jlc-home .jlc-rows > li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 8px 0;
	border-bottom: .5px solid rgba(60, 60, 67, .16);
	font-size: 13.5px;
}

.jlc-home .jlc-rows > li:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.jlc-home .jlc-rows span {
	color: var(--jlc-label-2);
}

.jlc-home .jlc-rows strong {
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

.jlc-home .jlc-rows a {
	color: var(--t);
	font-weight: 600;
}


/* ==========================================================================
   Submission Requirements: rising chart line with metric cards
   ========================================================================== */

.jlc-home .jlc-road {
	margin-top: 6px;
}

.jlc-home .jlc-road__count {
	align-self: center;
	padding: 5px 12px;
	border-radius: 999px;
	background: linear-gradient(160deg, #3A3A3C, #0B0B0C);
	box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .6);
	color: var(--jlc-brand-lt);
	font-size: 12.5px;
	font-weight: 700;
}

.jlc-home .jlc-road__head {
	margin-bottom: 2px !important;
}

.jlc-home .jlc-road__note {
	margin: 0 4px !important;
	color: var(--jlc-label-2);
	font-size: 13.5px;
}

/* Curved road: cards alternate ABOVE / BELOW, descriptions visible */
.jlc-home .jlc-road__canvas {
	--stem: 55px;
	--node: 25px;
	--card-w: 115px;
	position: relative;
	height: 395px;
	margin-top: 0;
	padding: 0;
	overflow: visible;
	background: transparent;
	box-shadow: none;
}

.jlc-home .jlc-road__track {
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}

.jlc-home .jlc-road__track svg {
	display: block;
	width: 100%;
	height: 100%;
}

.jlc-home .jlc-road__line {
	stroke-dasharray: none;
	stroke-dashoffset: 0;
}

.jlc-home .jlc-road__canvas::after {
	position: absolute;
	left: 0;
	top: 51.8%; /* path start y≈290/560 */
	z-index: 1;
	padding: 4px 9px 4px 20px;
	border-radius: 999px;
	background:
		radial-gradient(circle at 10px 50%, #34C759 0 3px, transparent 3.5px),
		#fff;
	box-shadow: 0 0 0 .5px rgba(60, 60, 67, .14);
	color: var(--jlc-label);
	font-size: 10px;
	font-weight: 650;
	transform: translateY(-50%);
	content: "Start";
}

.jlc-home .jlc-road__stops {
	position: absolute;
	inset: 0;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	counter-reset: jlc-road;
}

.jlc-home .jlc-road__stops::before,
.jlc-home .jlc-road__stops::after {
	content: none;
}

.jlc-home .jlc-road__stops > li {
	--c: var(--jlc-blue);
	--t: var(--jlc-blue-t);
	--i: "\f00c";
	--ax: 50%;
	--ay: 50%;
	position: absolute;
	left: var(--ax);
	top: var(--ay);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: var(--card-w);
	margin: 0 !important;
	padding: 10px 11px 11px;
	border: .5px solid rgba(60, 60, 67, .1);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 6px 16px -10px rgba(0, 0, 0, .32);
	counter-increment: jlc-road;
	/* Odd: card above; node center lands on (ax, ay) */
	transform: translate(-50%, calc(-100% - var(--stem)));
	transition: transform .25s var(--jlc-ease), box-shadow .25s var(--jlc-ease);
}

/*
 * --ay sampled from SVG path (viewBox 1000×560) at each --ax.
 * Odd = above, even = below.
 */
.jlc-home .jlc-road__stops > li:nth-child(1) { --ax: 10%; --ay: 51.12%; --c: var(--jlc-orange); --t: var(--jlc-orange-t); --i: "\f24d"; }
.jlc-home .jlc-road__stops > li:nth-child(2) { --ax: 19%; --ay: 46.01%; --c: var(--jlc-purple); --t: var(--jlc-purple-t); --i: "\f2db"; }
.jlc-home .jlc-road__stops > li:nth-child(3) { --ax: 30%; --ay: 48.07%; --c: var(--jlc-green); --t: var(--jlc-green-t); --i: "\f2c1"; }
.jlc-home .jlc-road__stops > li:nth-child(4) { --ax: 41%; --ay: 54.30%; --c: var(--jlc-pink); --t: var(--jlc-pink-t); --i: "\f004"; }
.jlc-home .jlc-road__stops > li:nth-child(5) { --ax: 52%; --ay: 49.05%; --c: var(--jlc-blue); --t: var(--jlc-blue-t); --i: "\f02d"; }
.jlc-home .jlc-road__stops > li:nth-child(6) { --ax: 63%; --ay: 45.45%; --c: var(--jlc-teal); --t: var(--jlc-teal-t); --i: "\f0ac"; }
.jlc-home .jlc-road__stops > li:nth-child(7) { --ax: 74%; --ay: 48.99%; --c: var(--jlc-indigo); --t: var(--jlc-indigo-t); --i: "\f0c1"; }
.jlc-home .jlc-road__stops > li:nth-child(8) { --ax: 84%; --ay: 50.69%; --c: var(--jlc-red); --t: var(--jlc-red-t); --i: "\f0f6"; }
.jlc-home .jlc-road__stops > li:nth-child(9) { --ax: 92%; --ay: 48.00%; --c: var(--jlc-dark); --t: var(--jlc-cyan-dark); --i: "\f06e"; }

.jlc-home .jlc-road__stops > li:nth-child(even) {
	transform: translate(-50%, var(--stem));
}

.jlc-home .jlc-road__stops > li:hover {
	box-shadow: 0 10px 22px -10px rgba(0, 0, 0, .4);
	z-index: 5;
}

.jlc-home .jlc-road__stops > li:nth-child(odd):hover {
	transform: translate(-50%, calc(-100% - var(--stem) - 3px));
}

.jlc-home .jlc-road__stops > li:nth-child(even):hover {
	transform: translate(-50%, calc(var(--stem) + 3px));
}

/* Number badge: center exactly on path point (ax, ay) */
.jlc-home .jlc-road__stops > li::before {
	position: absolute;
	top: calc(100% + var(--stem));
	left: 50%;
	z-index: 3;
	display: grid;
	place-items: center;
	width: var(--node);
	height: var(--node);
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 2px var(--c), 0 0 0 3px #fff;
	color: var(--t);
	font-family: ui-rounded, "SF Pro Rounded", var(--jlc-font);
	font-size: 10px;
	font-weight: 800;
	line-height: 1;
	content: counter(jlc-road);
	transform: translate(-50%, -50%);
}

.jlc-home .jlc-road__stops > li:nth-child(even)::before {
	top: auto;
	bottom: calc(100% + var(--stem));
	transform: translate(-50%, 50%);
}

.jlc-home .jlc-road__stops > li:last-child::before {
	background: var(--jlc-brand-grad);
	box-shadow: 0 0 0 3px #fff;
	color: #fff;
}

.jlc-home .jlc-road__stops > li::after {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 1.5px;
	height: var(--stem);
	margin-left: -.75px;
	background: color-mix(in srgb, var(--c) 40%, transparent);
	content: "";
}

.jlc-home .jlc-road__stops > li:nth-child(even)::after {
	top: auto;
	bottom: 100%;
}

.jlc-home .jlc-road__stops > li > strong {
	display: flex;
	align-items: center;
	gap: 5px;
	color: var(--t);
	font-size: 10px;
	font-weight: 650;
	line-height: 1.2;
	letter-spacing: -.01em;
}

.jlc-home .jlc-road__stops > li > strong::before {
	display: grid;
	flex: none;
	place-items: center;
	width: 16px;
	height: 16px;
	border-radius: 5px;
	background: var(--c);
	color: #fff;
	font-family: FontAwesome;
	font-size: 8px;
	font-weight: 400;
	content: var(--i);
}

.jlc-home .jlc-road__stops .jlc-v {
	margin-top: 6px;
	color: var(--jlc-label);
	font-family: ui-rounded, "SF Pro Rounded", var(--jlc-font);
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.03em;
	font-variant-numeric: tabular-nums;
}

.jlc-home .jlc-road__stops .jlc-v--word {
	font-size: 12.5px;
	letter-spacing: -.015em;
}

.jlc-home .jlc-road__stops span.jlc-t {
	display: block;
	margin-top: 4px;
	color: var(--jlc-label-2);
	font-size: 10px;
	line-height: 1.35;
}

.jlc-home .jlc-road__stops > li:last-child {
	border-color: rgba(0, 0, 0, .18);
	background: #1c1c1e;
}

.jlc-home .jlc-road__stops > li:last-child > strong {
	color: #fff;
}

.jlc-home .jlc-road__stops > li:last-child > strong::before {
	background: var(--jlc-brand);
}

.jlc-home .jlc-road__stops > li:last-child span.jlc-t {
	color: rgba(235, 235, 245, .58);
}


/* ==========================================================================
   Footnote
   ========================================================================== */

.jlc-home .jlc-foot {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 28px;
	padding: 16px 18px;
	border-radius: 16px;
	background:
		radial-gradient(90% 120% at 0% 50%, rgba(255, 138, 0, .08), transparent 55%),
		var(--jlc-card);
	box-shadow: var(--jlc-edge);
}

.jlc-home .jlc-foot img {
	flex: none;
	width: auto;
	height: 34px;
	object-fit: contain;
}

.jlc-home .jlc-foot p {
	color: var(--jlc-label-2);
	font-size: 12px;
	line-height: 1.45;
}

.jlc-home .jlc-foot a.jlc-foot__sk,
.jlc-home .jlc-foot a.jlc-foot__sk em {
	color: #34a853;
	font-style: italic;
	font-weight: 650;
}

.jlc-home .jlc-foot a.jlc-foot__sk:hover,
.jlc-home .jlc-foot a.jlc-foot__sk:hover em {
	color: #2d8f47;
}

/* ==========================================================================
   Responsive (measured on the content column, not the viewport)
   ========================================================================== */

@container jlc (max-width: 700px) {
	.jlc-home .jlc-cards {
		grid-template-columns: 1fr;
	}

	.jlc-home .jlc-card.is-wide {
		grid-column: auto;
	}


	.jlc-home .jlc-card + .jlc-card::before {
		display: none;
	}

	.jlc-home .jlc-card + .jlc-card {
		border-top: .5px solid rgba(60, 60, 67, .2);
	}

	/* Road turns vertical list */
	.jlc-home .jlc-road__canvas {
		height: auto;
		padding: 0;
	}

	.jlc-home .jlc-road__track,
	.jlc-home .jlc-road__canvas::after {
		display: none;
	}

	.jlc-home .jlc-road__stops {
		position: relative;
		display: block;
		height: auto;
		padding: 4px 0 4px 40px !important;
	}

	.jlc-home .jlc-road__stops::before {
		position: absolute;
		inset: 12px auto 12px 14px;
		width: 2.5px;
		border-radius: 999px;
		background: linear-gradient(180deg, var(--jlc-brand-lt), var(--jlc-brand));
		content: "";
	}

	.jlc-home .jlc-road__stops > li,
	.jlc-home .jlc-road__stops > li:nth-child(even) {
		position: relative;
		left: auto;
		top: auto;
		width: auto;
		margin: 0 0 8px !important;
		padding: 12px 14px;
		transform: none;
	}

	.jlc-home .jlc-road__stops > li:nth-child(odd):hover,
	.jlc-home .jlc-road__stops > li:nth-child(even):hover {
		transform: none;
	}

	.jlc-home .jlc-road__stops > li::before,
	.jlc-home .jlc-road__stops > li:nth-child(even)::before {
		top: 14px;
		bottom: auto;
		left: -26px;
		width: 24px;
		height: 24px;
		margin: 0 0 0 -12px;
		font-size: 10.5px;
		transform: none;
	}

	.jlc-home .jlc-road__stops > li:last-child::before {
		width: 28px;
		height: 28px;
		margin: -2px 0 0 -14px;
	}

	.jlc-home .jlc-road__stops > li::after {
		display: none;
	}

	.jlc-home .jlc-road__stops span.jlc-t {
		font-size: 11px;
	}

}

@media (max-width: 520px) {
	.jlc-home {
		padding: 18px 12px 12px;
		border-radius: 28px;
	}
}

@container jlc (max-width: 560px) {
	.jlc-home .jlc-hero {
		grid-template-columns: minmax(0, 1fr);
		gap: 22px;
		padding: 22px 20px 0;
		border-radius: 24px;
	}

		.jlc-home .jlc-hero__art {
		order: -1;
		justify-self: start;
		margin: 14px 0 0 30px;
	}

	.jlc-home .jlc-hero__art::before,
	.jlc-home .jlc-hero__art::after {
		width: 200px;
		margin: -100px 0 0 -100px;
	}

	.jlc-home .jlc-hero__cover img {
		width: 118px;
	}

	.jlc-home .jlc-hero__badge {
		left: auto;
		right: -96px;
	}

	.jlc-home .jlc-hero__tags span:nth-child(2) {
		display: none;
	}

	.jlc-home .jlc-hero__tags span:nth-child(1) { right: -110px; }
	.jlc-home .jlc-hero__tags span:nth-child(3) { right: -84px; bottom: 54px; }

	.jlc-home .jlc-hero__title {
		font-size: 32px;
	}

		.jlc-home .jlc-hero__ticker {
		margin: 0 -20px !important;
	}
}

@container jlc (max-width: 460px) {
	.jlc-home .jlc-hero__title {
		font-size: 26px;
	}

					.jlc-home .jlc-foot {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ==========================================================================
   Current issue — iOS / tech material (App Store + Health metrics)
   OJS markup kept; .obj_issue_toc + .heading flattened into one grid.
   ========================================================================== */

.pkp_page_index .current_issue {
	--ci-cover: 190px;
	--ci-gap: 0px;
	--ci-gold: #E6B422;
	--ci-gold-deep: #C99814;
	--ci-spring: cubic-bezier(.22, 1, .36, 1);
	display: grid;
	grid-template-columns: var(--ci-cover) minmax(0, 1fr) auto;
	grid-template-rows: auto 16px auto auto auto 28px auto auto;
	column-gap: var(--ci-gap);
	row-gap: 0;
	margin: 0 0 20px;
	padding: 0 0 8px;
	border-radius: 0;
	background: transparent;
	color: var(--jlc-label);
	font-size: 14px;
	line-height: 1.4;
	-webkit-font-smoothing: antialiased;
}

.pkp_page_index .current_issue,
.pkp_page_index .current_issue *:not(.fa) {
	font-family: var(--jlc-font);
}

.pkp_page_index .current_issue .obj_issue_toc,
.pkp_page_index .current_issue .obj_issue_toc > .heading {
	display: contents;
}

.pkp_page_index .current_issue::before {
	display: none;
	content: none;
}

.pkp_page_index .current_issue::after {
	display: none;
	content: none;
}

/* Page title — match .jlc-sec section titles above */
.pkp_page_index .current_issue > h2 {
	grid-row: 1;
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0 0 2px;
	border: 0;
	color: #111;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -.02em;
	text-transform: none;
}

.pkp_page_index .current_issue > h2::before {
	flex: none;
	width: 8px;
	height: 8px;
	margin: 0;
	border-radius: 50%;
	background: var(--jlc-brand-lt);
	animation: jlc-beat 1.8s ease-out infinite;
	content: "";
}

.pkp_page_index .current_issue > h2::after {
	display: none;
}

/* Issue identity */
.pkp_page_index .current_issue_title {
	grid-row: 3;
	grid-column: 2 / 4;
	align-self: start;
	margin: 0 !important;
	color: #111;
	font-size: clamp(17px, 2vw, 20px);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.02em;
	text-wrap: balance;
}

.pkp_page_index .current_issue .obj_issue_toc .cover,
.obj_issue_toc .cover {
	width: 90%;
}

.pkp_page_index .current_issue .heading > .cover {
	grid-row: 3 / 6;
	grid-column: 1;
	align-self: start;
	margin: 0;
	width: 90%;
}

.pkp_page_index .current_issue .heading > .cover img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	transition: transform .35s var(--ci-spring);
}

.pkp_page_index .current_issue .heading > .cover:hover img {
	transform: translateY(-3px);
	box-shadow: none;
}

.pkp_page_index .current_issue .heading > .description {
	grid-row: 4;
	grid-column: 2 / 4;
	margin: 0;
}

.pkp_page_index .current_issue .heading > .description p {
	display: -webkit-box;
	overflow: hidden;
	margin: 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	color: #6B6B70;
	font-size: 12px;
	line-height: 1.55;
	text-align: left !important;
}

.pkp_page_index .current_issue .heading > .published {
	grid-row: 5;
	grid-column: 2;
	align-self: center;
	justify-self: start;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 16px 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	color: #111;
	font-size: 12.5px;
	font-weight: 500;
}

.pkp_page_index .current_issue .heading > .published::before {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #30D158;
	box-shadow: 0 0 0 0 rgba(48, 209, 88, .45);
	content: "";
	animation: jlc-beat 1.8s ease-out infinite;
}

.pkp_page_index .current_issue .published .label {
	color: #8A8A8E;
	font-weight: 500;
	text-transform: none;
}

.pkp_page_index .current_issue .published .value {
	color: #111;
	font-weight: 650;
	white-space: nowrap;
	font-variant-numeric: tabular-nums;
}

/* Articles section */
.pkp_page_index .current_issue .sections {
	grid-row: 7;
	grid-column: 1 / -1;
	margin: 0;
	padding: 0;
	border-top: 1px solid #EEEFF2;
}

.pkp_page_index .current_issue .section > h2 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 22px 0 6px;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: #8A8A8E;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.pkp_page_index .current_issue .section > h2::before {
	display: none;
	content: none;
}

.pkp_page_index .current_issue .section > h2::after {
	display: none;
}

.pkp_page_index .current_issue .cmp_article_list {
	--ci-gold: #E6B422;
	--ci-gold-deep: #C99814;
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	list-style: none;
	counter-reset: jlc-art;
	overflow: visible;
}

.pkp_page_index .current_issue .cmp_article_list > li {
	position: relative;
	margin: 0;
	padding: 0;
	border-top: 0;
	counter-increment: jlc-art;
}

.pkp_page_index .current_issue .cmp_article_list > li + li::before {
	position: absolute;
	top: 0;
	right: 20px;
	left: 36px;
	height: 1px;
	background: #EEEFF2;
	content: "";
}

/*
 * Reference layout (OJS order → grid areas via display:contents on .meta):
 * [02]  Title ………………………… [pp. 96-110]
 *       🇮🇩 Authors…
 *       ABSTRACT VIEWED 83   PDF DOWNLOADED 75
 *       [PDF]                              [doi] 10.25299/…
 */
.pkp_page_index .current_issue .obj_article_summary {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) max-content;
	grid-template-areas:
		"title   pages"
		"authors authors"
		"stats   stats"
		"footer  footer";
	align-items: center;
	column-gap: 10px;
	row-gap: 10px;
	padding: 5px 0 25px 28px;
	background: transparent;
	transition: background-color .2s var(--ci-spring);
}

/* Kill theme a:hover text-shadow (looks like doubled text) */
.pkp_page_index .current_issue a:hover,
.pkp_page_index .current_issue a:focus,
.pkp_page_index .current_issue a:active {
	text-shadow: none !important;
}

.pkp_page_index .current_issue .obj_article_summary:hover {
	background: transparent;
}

.pkp_page_index .current_issue .obj_article_summary:active {
	background: transparent;
}

/* Live pulse dot — aligned to first line of title */
.pkp_page_index .current_issue .obj_article_summary::before {
	position: absolute;
	top: calc(5px + (16px * 1.35 - 8px) / 2);
	left: 8px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--jlc-brand-lt);
	color: transparent;
	font-size: 0;
	line-height: 0;
	letter-spacing: 0;
	-webkit-text-stroke: 0;
	text-stroke: 0;
	content: "";
	animation: jlc-beat 1.8s ease-out infinite;
	transform: none;
	transition: transform .2s var(--ci-spring), background-color .2s;
}

.pkp_page_index .current_issue .obj_article_summary:hover::before {
	background: var(--jlc-brand);
	transform: scale(1.15);
}

.pkp_page_index .current_issue .obj_article_summary > .title {
	grid-area: title;
	margin: 0;
	min-width: 0;
	padding: 0;
}

.pkp_page_index .current_issue .obj_article_summary > .title a {
	display: -webkit-box !important;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal !important;
	text-overflow: unset;
	color: #111;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: -.02em;
	text-decoration: none !important;
	text-shadow: none !important;
	background: none;
	transition: none;
}

.pkp_page_index .current_issue .obj_article_summary > .title a:hover,
.pkp_page_index .current_issue .obj_article_summary > .title a:focus {
	color: #111 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	background: none;
	opacity: 1;
}

/* Lift authors + pages into the grid */
.pkp_page_index .current_issue .obj_article_summary > .meta {
	display: contents;
}

.obj_article_summary .authors {
	padding-right: 0;
}

.pkp_page_index .current_issue .obj_article_summary .authors {
	grid-area: authors;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1px 5px;
	margin: 0;
	padding-right: 0;
	max-width: none;
	overflow: visible;
	color: #3A3A3C;
	font-size: 12px;
	font-weight: 450;
	line-height: 1.55;
	white-space: normal;
	text-overflow: unset;
}

.pkp_page_index .current_issue .obj_article_summary .authors img {
	display: inline-block !important;
	width: 15px !important;
	height: auto !important;
	margin: 0 3px 0 0 !important;
	vertical-align: -2px;
	border-radius: 2px;
	box-shadow: 0 0 0 .5px rgba(0, 0, 0, .08);
}

.pkp_page_index .current_issue .obj_article_summary .pages {
	grid-area: pages;
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	align-self: start;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	margin: 2px 0 0;
	padding: 2px 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: #6B6B70;
	font-size: 12px;
	font-weight: 550;
	font-variant-numeric: tabular-nums;
	line-height: 1.2;
	white-space: nowrap;
}

.pkp_page_index .current_issue .obj_article_summary .pages::before {
	color: inherit;
	font-family: var(--jlc-font) !important;
	font-size: inherit !important;
	margin: 0 !important;
	width: auto !important;
	content: "pp. " !important;
}

/* Stats row — labeled metrics */
.pkp_page_index .current_issue .obj_article_summary .tocreadcount {
	grid-area: stats;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px 10px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
	color: #8A8A8E;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.3;
	font-variant-numeric: tabular-nums;
	justify-self: start;
}

.pkp_page_index .current_issue .tocreadcount > span:empty,
.pkp_page_index .current_issue .obj_article_summary > .item.doi {
	display: none !important;
}

.pkp_page_index .current_issue .tocreadcount > span {
	display: inline-flex;
	align-items: center;
	gap: 3px;
}

.pkp_page_index .current_issue .tocreadcount .article_stat,
.pkp_page_index .current_issue .tocreadcount .galley_stat {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	background: none;
	color: #9A9AA0;
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pkp_page_index .current_issue .tocreadcount .article_stat::before,
.pkp_page_index .current_issue .tocreadcount .galley_stat::before {
	color: var(--ci-gold, #E6B422);
	font-family: FontAwesome;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	content: "\f06e";
}

.pkp_page_index .current_issue .tocreadcount .galley_stat::before {
	margin-left: 0;
	content: "\f019";
}

.pkp_page_index .current_issue .tocreadcount strong {
	color: #111;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.01em;
}

/* Actions + DOI — same full-width row so title isn’t squeezed by DOI */
.pkp_page_index .current_issue .galleys_links {
	grid-area: footer;
	position: static !important;
	display: flex !important;
	flex-wrap: wrap;
	flex-shrink: 0;
	align-items: center;
	gap: 8px;
	align-self: center;
	justify-self: start;
	margin: 4px 0 0 !important;
	padding: 0;
	list-style: none;
	z-index: 2;
}

.pkp_page_index .current_issue .galleys_links > li {
	margin: 0;
}

.pkp_page_index .current_issue .obj_galley_link {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 0;
	height: 30px;
	padding: 0 16px;
	border: 0 !important;
	border-radius: 999px !important;
	background: #111 !important;
	background-color: #111 !important;
	box-shadow: none;
	color: #fff !important;
	font-size: 12px;
	font-weight: 650;
	letter-spacing: .02em;
	text-transform: uppercase;
	transition: background-color .2s, transform .2s var(--ci-spring);
}

.pkp_page_index .current_issue .obj_galley_link::before {
	display: none;
}

.pkp_page_index .current_issue .obj_galley_link:hover,
.pkp_page_index .current_issue .obj_galley_link:focus {
	background: #2C2C2E !important;
	color: #fff !important;
	filter: none;
	text-decoration: none !important;
	text-shadow: none !important;
}

.pkp_page_index .current_issue .obj_galley_link:active {
	transform: scale(.96);
}

/* DOI — badge + number */
.pkp_page_index .current_issue .obj_article_summary .doi_container {
	grid-area: footer;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	max-width: min(100%, 320px);
	min-width: 0;
	margin: 4px 0 0;
	padding: 3px 0 3px 3px;
	overflow: hidden;
	border-radius: 0;
	background: none;
	box-shadow: none;
	justify-self: end;
}

.pkp_page_index .current_issue .obj_article_summary .doi_container:hover,
.pkp_page_index .current_issue .obj_article_summary .doi_container:focus-within {
	background: none;
}

.pkp_page_index .current_issue .doi_logo {
	display: inline-grid !important;
	place-items: center;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: var(--ci-gold, #E6B422) !important;
	box-shadow: none;
	color: #fff;
	font-size: 0 !important;
	line-height: 1;
	transition: transform .2s var(--ci-spring), background-color .2s;
}

.pkp_page_index .current_issue .doi_logo::before {
	color: #fff;
	font-family: var(--jlc-font) !important;
	font-size: 8px !important;
	font-weight: 800;
	letter-spacing: -.02em;
	text-transform: lowercase;
	content: "doi";
}

.pkp_page_index .current_issue .doi_container:hover .doi_logo,
.pkp_page_index .current_issue .doi_container:focus-within .doi_logo {
	background: var(--ci-gold-deep, #C99814) !important;
	transform: scale(1.06);
}

.pkp_page_index .current_issue .doi_link {
	display: block !important;
	flex: 1 1 auto;
	min-width: 0;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	background: none !important;
	background-image: none !important;
	color: var(--ci-gold-deep, #C99814) !important;
	font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace !important;
	font-size: 11.5px !important;
	font-weight: 500 !important;
	line-height: 1.7 !important;
	letter-spacing: -.01em;
	text-decoration: none !important;
	text-shadow: none !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
	transition: color .2s;
}

.pkp_page_index .current_issue .doi_link:hover,
.pkp_page_index .current_issue .doi_link:focus {
	color: #8B6914 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	background: none !important;
	opacity: 1 !important;
}

.pkp_page_index .current_issue > .read_more {
	grid-row: 5;
	grid-column: 3;
	align-self: center;
	justify-self: end;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 34px;
	margin: 16px 0 0;
	padding: 0 14px;
	border: 1px solid #E5E5EA;
	border-radius: 999px;
	background: transparent;
	box-shadow: none;
	color: #111;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: -.015em;
	text-transform: none;
	white-space: nowrap;
	text-decoration: none !important;
	text-shadow: none !important;
	transition: background-color .2s, color .2s, border-color .2s, transform .2s var(--ci-spring);
}

.pkp_page_index .current_issue > .read_more::after {
	display: none !important;
	content: none !important;
}

.pkp_page_index .current_issue > .read_more:hover {
	background: #111;
	border-color: #111;
	color: #fff;
	text-decoration: none;
}

.pkp_page_index .current_issue > .read_more:active {
	transform: scale(.98);
}

@media (max-width: 560px) {
	.pkp_page_index .current_issue {
		--ci-cover: 160px;
		--ci-gap: 14px;
		grid-template-columns: var(--ci-cover) minmax(0, 1fr);
		grid-template-rows: auto 12px auto auto auto auto 20px auto;
		padding: 0 0 10px;
	}

	.pkp_page_index .current_issue > h2 {
		font-size: 22px;
		gap: 8px;
	}

	.pkp_page_index .current_issue .heading > .cover {
		grid-row: 3 / 5;
	}

	.pkp_page_index .current_issue .heading > .cover img {
		border-radius: 0;
		box-shadow: none;
	}

	.pkp_page_index .current_issue_title {
		grid-column: 2;
		font-size: 15px;
	}

	.pkp_page_index .current_issue .heading > .description {
		grid-column: 2;
	}

	.pkp_page_index .current_issue .heading > .description p {
		-webkit-line-clamp: 2;
		font-size: 12.5px;
	}

	.pkp_page_index .current_issue .heading > .published {
		grid-row: 5;
		grid-column: 1 / -1;
		margin-top: 12px;
	}

	.pkp_page_index .current_issue > .read_more {
		grid-row: 6;
		grid-column: 1 / -1;
		justify-self: start;
		margin-top: 10px;
	}

	.pkp_page_index .current_issue .obj_article_summary {
		grid-template-columns: minmax(0, 1fr) max-content;
		grid-template-areas:
			"title   pages"
			"authors authors"
			"stats   stats"
			"footer  footer";
		padding: 5px 0 25px 28px;
		column-gap: 8px;
		row-gap: 8px;
	}

	.pkp_page_index .current_issue .obj_article_summary::before {
		top: calc(5px + (15px * 1.35 - 8px) / 2);
		left: 8px;
		width: 8px;
		height: 8px;
		font-size: 0;
		-webkit-text-stroke: 0;
	}

	.pkp_page_index .current_issue .cmp_article_list > li + li::before {
		left: 30px;
		right: 14px;
	}

	.pkp_page_index .current_issue .obj_article_summary > .title a {
		font-size: 15px;
	}

	.pkp_page_index .current_issue .obj_article_summary .authors {
		gap: 4px 10px;
		font-size: 12.5px;
	}

	.pkp_page_index .current_issue .obj_article_summary .doi_container {
		max-width: min(100%, 220px);
		justify-self: end;
	}
}

/* ==========================================================================
   Page frame: plain white canvas, no edge shadow
   ========================================================================== */

html,
body {
	background: #fff !important;
}

.pkp_structure_content {
	box-shadow: none !important;
}

@media (min-width: 991px) {
	.pkp_structure_main {
		padding: 1rem 2rem 7.429rem 0rem;
	}
}

/* ==========================================================================
   Sidebar: iOS Home Screen, glass widgets on a soft research wallpaper
   Each custom block: .pkp_block.block_custom > .content > .jlc-side
   ========================================================================== */

.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before {
	display: none !important;
}

.pkp_structure_sidebar {
	position: relative;
	isolation: isolate;
	overflow: visible;
	padding: 18px 0 4px 14px !important;
	background: none !important;
	font-family: var(--jlc-font);
	-webkit-font-smoothing: antialiased;
}

.pkp_structure_sidebar .pkp_block {
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.pkp_structure_sidebar .pkp_block > .content {
	padding: 0 !important;
	background: transparent !important;
}

.pkp_structure_sidebar .jlc-side,
.pkp_structure_sidebar .jlc-side * {
	box-sizing: border-box;
}

.pkp_structure_sidebar .jlc-side {
	display: flex;
	flex-direction: column;
	color: var(--jlc-label);
	font-size: 14px;
	line-height: 1.35;
}

.pkp_structure_sidebar .jlc-side p {
	margin: 0;
	text-align: left;
}

.pkp_structure_sidebar .jlc-side ul,
.pkp_structure_sidebar .jlc-side ol {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.pkp_structure_sidebar .pkp_block .jlc-side li {
	margin: 0 !important;
	padding: 0;
	border: 0 !important;
	border-radius: 0;
	background: transparent;
}

.pkp_structure_sidebar .jlc-side li > a {
	padding: 0;
}

.pkp_structure_sidebar .jlc-side a,
.pkp_structure_sidebar .jlc-side a:hover,
.pkp_structure_sidebar .jlc-side a:focus {
	color: inherit;
	text-decoration: none !important;
	text-shadow: none !important;
}

.pkp_structure_sidebar .jlc-side li > a:hover,
.pkp_structure_sidebar .jlc-side li > a:focus {
	background-color: transparent;
}

.pkp_structure_sidebar .jlc-side em.fa {
	margin: 0;
	border: 0;
	font-size: 0;
	font-style: normal;
	line-height: 0;
	place-content: center;
}

.pkp_structure_sidebar .jlc-side em.fa::before {
	display: block;
	font-size: 15px;
	line-height: 1;
}

/* Frosted glass surface shared by every widget */
.pkp_structure_sidebar .jlc-chat > a,
.pkp_structure_sidebar .jlc-share,
.pkp_structure_sidebar .jlc-people,
.pkp_structure_sidebar .jlc-file,
.pkp_structure_sidebar .pkp_block .jlc-side .jlc-facts > li,
.pkp_structure_sidebar .jlc-acc,
.pkp_structure_sidebar .jlc-folder,
.pkp_structure_sidebar .jlc-tools,
.pkp_structure_sidebar .jlc-list,
.pkp_structure_sidebar .jlc-visit {
	border-radius: 22px;
	background: #fff;
	-webkit-backdrop-filter: blur(22px) saturate(170%);
	backdrop-filter: blur(22px) saturate(170%);
	box-shadow: 0 0 0 0px rgba(0, 0, 0, .06), 0 0px 1px rgba(0, 0, 0, .05), 0 14px 30px -20px rgba(0, 0, 0, .45);
}

/* App icon palette, top-lit like iOS icons */
.pkp_structure_sidebar .jlc-side {
	--g-ink: linear-gradient(180deg, #3A3A3C, #0B0B0C);
	--g-orange: var(--jlc-brand-grad);
	--g-yellow: linear-gradient(180deg, #FFD54A, #F2A900);
	--g-green: var(--g-orange);
	--g-blue: var(--g-ink);
	--g-indigo: var(--g-ink);
	--g-pink: var(--g-ink);
	--g-teal: var(--g-ink);
	--g-purple: var(--g-ink);
	--g-red: var(--g-ink);
	--g-graphite: var(--g-ink);
	--g-mint: var(--g-ink);
	--g-cyan: var(--g-ink);
}

/* ---------- Dynamic Island: call for papers -------------------------- */

.pkp_structure_sidebar .jlc-island {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 8px 8px 14px;
	border-radius: 999px;
	background: #000;
	box-shadow: 0 16px 30px -16px rgba(0, 0, 0, .7), inset 0 0 0 .5px rgba(255, 255, 255, .12);
	color: #fff;
}

.pkp_structure_sidebar .jlc-island__wave {
	flex: none;
	width: 27px;
	height: 22px;
	background:
		linear-gradient(#FFB340, #FFB340) 0 50% / 3px 30% no-repeat,
		linear-gradient(#FFB340, #FFB340) 6px 50% / 3px 70% no-repeat,
		linear-gradient(#FFB340, #FFB340) 12px 50% / 3px 100% no-repeat,
		linear-gradient(#FFB340, #FFB340) 18px 50% / 3px 55% no-repeat,
		linear-gradient(#FFB340, #FFB340) 24px 50% / 3px 35% no-repeat;
	font-size: 0;
	animation: jlc-voice 1.1s ease-in-out infinite, jlc-voice-glow 2.2s ease-in-out infinite;
}

@keyframes jlc-voice {
	0%, 100% { background-size: 3px 30%, 3px 70%, 3px 100%, 3px 55%, 3px 35%; }
	25% { background-size: 3px 65%, 3px 40%, 3px 75%, 3px 100%, 3px 50%; }
	50% { background-size: 3px 45%, 3px 100%, 3px 50%, 3px 70%, 3px 85%; }
	75% { background-size: 3px 80%, 3px 55%, 3px 95%, 3px 40%, 3px 60%; }
}

@keyframes jlc-voice-glow {
	0%, 100% { filter: drop-shadow(0 0 1px rgba(255, 162, 0, .35)); }
	50% { filter: drop-shadow(0 0 5px rgba(255, 162, 0, .85)); }
}

.pkp_structure_sidebar .jlc-island__txt {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
}

.pkp_structure_sidebar .jlc-island__txt strong {
	font-size: 13.5px;
	font-weight: 600;
	letter-spacing: -.01em;
}

.pkp_structure_sidebar .jlc-island__txt span {
	color: rgba(235, 235, 245, .6);
	font-size: 11.5px;
	white-space: nowrap;
}

.pkp_structure_sidebar .jlc-side a.jlc-island__go {
	flex: none;
	padding: 8px 14px;
	border-radius: 999px;
	background: var(--jlc-brand-grad);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 14px rgba(255, 138, 0, .35);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-shadow: 0 1px 1px rgba(150, 60, 0, .35);
	transition: filter .15s, transform .15s;
}

.pkp_structure_sidebar .jlc-side a.jlc-island__go:hover {
	color: #fff;
	filter: brightness(1.12);
}

.pkp_structure_sidebar .jlc-side a.jlc-island__go:active {
	transform: scale(.95);
}

/* ---------- WhatsApp + share ----------------------------------------- */

.pkp_structure_sidebar .jlc-chat {
	margin-top: 10px !important;
}

.pkp_structure_sidebar .jlc-chat > a {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 11px 14px 11px 11px;
	transition: transform .2s var(--jlc-ease);
}

.pkp_structure_sidebar .jlc-chat > a:hover {
	transform: translateY(-1px);
}

.pkp_structure_sidebar .jlc-chat > a::after {
	margin-left: auto;
	color: rgba(60, 60, 67, .35);
	font-size: 20px;
	line-height: 1;
	content: "\203A";
}

.pkp_structure_sidebar .jlc-chat em.fa {
	display: grid;
	flex: none;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--g-green);
	box-shadow: 0 6px 14px -6px rgba(255, 127, 0, .7);
}

.pkp_structure_sidebar .jlc-chat em.fa::before {
	color: #fff;
	font-size: 21px;
}

.pkp_structure_sidebar .jlc-chat__txt {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.pkp_structure_sidebar .jlc-chat__txt strong {
	font-size: 14px;
	font-weight: 600;
}

.pkp_structure_sidebar .jlc-chat__txt span {
	color: rgba(60, 60, 67, .62);
	font-size: 12px;
}

.pkp_structure_sidebar .jlc-share {
	display: flex;
	justify-content: space-between;
	margin-top: 10px !important;
	padding: 5px 10px;
	border-radius: 999px;
}

.pkp_structure_sidebar .jlc-share a {
	--b: #1C1C1E;
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: linear-gradient(180deg, #FFFFFF, #F2F2F7);
	box-shadow: inset 0 0 0 0px rgba(0, 0, 0, .08), 0 4px 10px -6px rgba(0, 0, 0, .35);
	transition: background-color .2s, box-shadow .2s, transform .2s var(--jlc-ease);
}


.pkp_structure_sidebar .jlc-share a em.fa::before {
	color: var(--b);
	font-size: 16px;
	transition: color .2s;
}

.pkp_structure_sidebar .jlc-share a:hover {
	background: var(--jlc-brand-grad);
	box-shadow: 0 8px 14px -8px var(--jlc-brand-glow);
	transform: translateY(-2px);
}

.pkp_structure_sidebar .jlc-share a:hover em.fa::before {
	color: #fff;
}

/* ---------- People: contact widget ----------------------------------- */

.pkp_structure_sidebar .jlc-side .jlc-people {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 4px;
	padding: 14px 8px 12px !important;
}

.pkp_structure_sidebar .jlc-people > li > a,
.pkp_structure_sidebar .jlc-apps > li > a,
.pkp_structure_sidebar .jlc-tools > li > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	min-width: 0;
	color: #1C1C1E;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	transition: transform .2s var(--jlc-ease);
}

.pkp_structure_sidebar .jlc-people > li > a:hover,
.pkp_structure_sidebar .jlc-apps > li > a:hover,
.pkp_structure_sidebar .jlc-tools > li > a:hover {
	color: #1C1C1E;
	transform: translateY(-2px);
}

.pkp_structure_sidebar .jlc-people > li > a:active,
.pkp_structure_sidebar .jlc-apps > li > a:active,
.pkp_structure_sidebar .jlc-tools > li > a:active {
	transform: scale(.92);
}

.pkp_structure_sidebar .jlc-side .jlc-people > li > a {
	--spring: cubic-bezier(.34, 1.56, .64, 1);
	transition: transform .45s var(--spring), color .3s;
}

.pkp_structure_sidebar .jlc-side .jlc-people > li > a:hover {
	color: var(--jlc-brand-t);
	transform: translateY(-3px);
}

.pkp_structure_sidebar .jlc-people em.fa {
	position: relative;
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: linear-gradient(180deg, #fff, #F2F2F7);
	box-shadow:
		inset 0 0 0 0 #1C1C1E,
		inset 0 0 0 .5px rgba(0, 0, 0, .1),
		0 8px 16px -10px rgba(0, 0, 0, .45);
	transition: box-shadow .45s var(--jlc-ease);
}

/* Inset shadow closes in like an iris, so the fill animates (gradients cannot) */
.pkp_structure_sidebar .jlc-people > li > a:hover em.fa {
	box-shadow:
		inset 0 0 0 25px #1C1C1E,
		inset 0 0 0 .5px rgba(0, 0, 0, .1),
		0 14px 24px -12px var(--jlc-brand-glow);
}

.pkp_structure_sidebar .jlc-people em.fa::before {
	color: #1C1C1E;
	font-size: 19px;
	transition: color .3s, transform .45s var(--spring);
}

.pkp_structure_sidebar .jlc-people > li > a:hover em.fa::before {
	color: #fff;
	transform: scale(1.12);
}

.pkp_structure_sidebar .jlc-people em.fa::after {
	position: absolute;
	inset: -2px;
	border-radius: 50%;
	background: conic-gradient(from 0deg, rgba(255, 127, 0, 0), #FF7F00 40%, #FFC247 60%, rgba(255, 194, 71, 0) 75%);
	-webkit-mask: radial-gradient(closest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px));
	mask: radial-gradient(closest-side, transparent calc(100% - 3px), #000 calc(100% - 2.5px));
	opacity: 0;
	transform: scale(.85);
	transition: opacity .3s, transform .45s var(--spring);
	content: "";
}

.pkp_structure_sidebar .jlc-people > li > a:hover em.fa::after {
	opacity: 1;
	transform: scale(1);
	animation: jlc-orbit 1.6s linear infinite;
}

@keyframes jlc-orbit {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

/* ---------- Policies: graphite app grid ------------------------------ */

.pkp_structure_sidebar .jlc-side .jlc-apps {
	display: grid;
	grid-template-columns: repeat(8, minmax(0, 1fr));
	gap: 14px 2px;
	padding: 4px 0 2px !important;
}

/* Half-step columns let a two-item last row sit centered */
.pkp_structure_sidebar .jlc-side .jlc-apps > li {
	grid-column: span 2;
}

.pkp_structure_sidebar .jlc-side .jlc-apps > li:nth-child(4n+1):nth-last-child(2) {
	grid-column: 3 / span 2;
}

.pkp_structure_sidebar .jlc-apps > li > a,
.pkp_structure_sidebar .jlc-tools > li > a {
	font-size: 10.5px;
	letter-spacing: -.01em;
}

.pkp_structure_sidebar .jlc-apps em.fa {
	position: relative;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 14px;
	background: linear-gradient(180deg, #3A3A3C, #1C1C1E);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .14),
		inset 0 0 0 .5px rgba(255, 255, 255, .06),
		0 10px 18px -12px rgba(0, 0, 0, .7);
	transition: box-shadow .25s;
}

.pkp_structure_sidebar .jlc-apps em.fa::before {
	color: rgba(235, 235, 245, .92);
	font-size: 19px;
	transition: color .25s;
}

/* Status LED */
.pkp_structure_sidebar .jlc-apps em.fa::after {
	position: absolute;
	top: 7px;
	right: 7px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(235, 235, 245, .25);
	content: "";
	transition: background-color .25s, box-shadow .25s;
}

.pkp_structure_sidebar .jlc-apps > li > a:hover em.fa {
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .14),
		inset 0 0 0 1px rgba(255, 179, 64, .5),
		0 12px 22px -12px rgba(255, 138, 0, .75);
}

.pkp_structure_sidebar .jlc-apps > li > a:hover em.fa::before {
	color: var(--jlc-brand-lt);
}

.pkp_structure_sidebar .jlc-apps > li > a:hover em.fa::after {
	background: var(--jlc-brand-lt);
	box-shadow: 0 0 6px var(--jlc-brand-lt);
}

.pkp_structure_sidebar .jlc-apps > li > a {
	white-space: nowrap;
}

/* ---------- Submission: glass tiles ---------------------------------- */

.pkp_structure_sidebar .jlc-shortcuts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
	counter-reset: jlc-sc;
}

.pkp_structure_sidebar .jlc-shortcuts > li:first-child {
	grid-column: 1 / -1;
}

.pkp_structure_sidebar .jlc-shortcuts > li + li {
	counter-increment: jlc-sc;
}

.pkp_structure_sidebar .jlc-shortcuts > li > a {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 10px;
	height: 100%;
	min-height: 92px;
	padding: 12px 13px;
	border-radius: 20px;
	background: #fff;
	-webkit-backdrop-filter: blur(22px) saturate(170%);
	backdrop-filter: blur(22px) saturate(170%);
	box-shadow: 0 0 0 0px rgba(0, 0, 0, .06), 0 0px 1px rgba(0, 0, 0, .05), 0 14px 30px -20px rgba(0, 0, 0, .45);
	color: #1C1C1E;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.01em;
	transition: transform .2s var(--jlc-ease), box-shadow .2s;
}

.pkp_structure_sidebar .jlc-shortcuts > li > a:hover {
	background-color: rgba(255, 255, 255, .78);
	color: #1C1C1E;
	box-shadow:
		inset 0 0 0 1px rgba(255, 138, 0, .4),
		0 16px 30px -18px rgba(255, 138, 0, .5);
	transform: translateY(-2px);
}

.pkp_structure_sidebar .jlc-shortcuts > li > a:active {
	transform: scale(.97);
}

.pkp_structure_sidebar .jlc-shortcuts > li + li > a::after {
	position: absolute;
	top: 14px;
	right: 14px;
	color: rgba(60, 60, 67, .45);
	font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
	font-size: 10.5px;
	font-weight: 500;
	letter-spacing: .04em;
	content: counter(jlc-sc, decimal-leading-zero);
}

.pkp_structure_sidebar .jlc-shortcuts em.fa {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 10px;
	background: #1C1C1E;
	transition: background-color .2s;
}

.pkp_structure_sidebar .jlc-shortcuts em.fa::before {
	color: #fff;
	font-size: 14px;
}

.pkp_structure_sidebar .jlc-shortcuts > li > a:hover em.fa {
	background: var(--jlc-brand);
}

/* Primary tile */
.pkp_structure_sidebar .jlc-shortcuts > li:first-child > a {
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	min-height: 64px;
	background:
		radial-gradient(120% 160% at 100% 0%, rgba(255, 138, 0, .4), rgba(255, 138, 0, 0) 55%),
		linear-gradient(180deg, #2C2C2E, #1C1C1E);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .12),
		0 16px 30px -18px rgba(0, 0, 0, .7);
	color: #fff;
	font-size: 14.5px;
}

.pkp_structure_sidebar .jlc-shortcuts > li:first-child > a:hover {
	color: #fff;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .12),
		inset 0 0 0 1px rgba(255, 176, 64, .4),
		0 18px 32px -18px var(--jlc-brand-glow);
}

.pkp_structure_sidebar .jlc-shortcuts > li:first-child em.fa,
.pkp_structure_sidebar .jlc-shortcuts > li:first-child > a:hover em.fa {
	background: var(--jlc-brand-grad);
	box-shadow: 0 0 14px var(--jlc-brand-glow);
}

.pkp_structure_sidebar .jlc-shortcuts > li:first-child > a::after {
	margin-left: auto;
	color: rgba(235, 235, 245, .6);
	font-size: 22px;
	line-height: 1;
	content: "\203A";
}

/* ---------- Article template: Files widget --------------------------- */

.pkp_structure_sidebar .jlc-file {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 16px;
}

.pkp_structure_sidebar .jlc-file__doc {
	position: relative;
	flex: none;
	width: 58px;
	height: 74px;
	border-radius: 8px;
	background:
		linear-gradient(var(--jlc-brand), var(--jlc-brand)) 10px 12px / 24px 4px no-repeat,
		repeating-linear-gradient(#E3E3E8 0 3px, transparent 3px 8px) 10px 24px / 38px 38px no-repeat,
		#fff;
	box-shadow: 0 0 0 .5px rgba(0, 0, 0, .08), 0 10px 18px -10px rgba(0, 0, 0, .5);
	transform: rotate(-4deg);
}

.pkp_structure_sidebar .jlc-file__badge {
	position: absolute;
	right: -8px;
	bottom: -6px;
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 7px;
	background: var(--jlc-brand-grad);
	box-shadow: 0 0 0 2px #fff;
	color: #fff;
	text-shadow: 0 1px 1px rgba(150, 60, 0, .35);
	font-size: 13px;
	font-weight: 800;
	transform: rotate(4deg);
}

.pkp_structure_sidebar .jlc-file__txt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1;
	min-width: 0;
	margin: 0 !important;
}

.pkp_structure_sidebar .jlc-file__txt strong {
	line-height: 1.25 !important;
	font-size: 14.5px;
	font-weight: 700;
	letter-spacing: -.01em;
}

.pkp_structure_sidebar .jlc-file__txt span {
	color: rgba(60, 60, 67, .62);
	font-size: 12px;
}

.pkp_structure_sidebar .jlc-file__go {
	flex: none;
	margin: 0 !important;
}

.pkp_structure_sidebar .jlc-side .jlc-file__go a {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border-radius: 50%;
	background: var(--jlc-brand-grad);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 16px -10px var(--jlc-brand-glow);
	color: #fff;
	text-decoration: none;
	transition: filter .15s, transform .15s;
}

.pkp_structure_sidebar .jlc-file__go a em.fa {
	font-size: 0;
}

.pkp_structure_sidebar .jlc-file__go a em.fa::before {
	color: #fff;
	font-size: 16px;
	text-shadow: 0 1px 1px rgba(150, 60, 0, .35);
}

.pkp_structure_sidebar .jlc-side .jlc-file__go a:hover {
	color: #fff;
	filter: brightness(1.1);
	transform: translateY(-1px);
}

/* ---------- Current issue: Now Reading widget ------------------------ */

.pkp_structure_sidebar .jlc-issue {
	position: relative;
	display: grid;
	grid-template-columns: 66px minmax(0, 1fr);
	align-items: center;
	gap: 12px 14px;
	overflow: hidden;
	padding: 14px;
	border-radius: 22px;
	background: #1C1C1E;
	box-shadow: 0 18px 34px -20px rgba(0, 0, 0, .8);
	color: #fff;
}

.pkp_structure_sidebar .jlc-issue__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.pkp_structure_sidebar .jlc-issue__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: blur(24px) saturate(1.6) brightness(.55);
	transform: scale(1.4);
}

.pkp_structure_sidebar .jlc-issue > p:not(.jlc-issue__bg) {
	position: relative;
	z-index: 1;
}

.pkp_structure_sidebar .jlc-issue__cover img {
	display: block;
	width: 66px;
	height: auto;
	border-radius: 7px;
	box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .7);
}

.pkp_structure_sidebar .jlc-issue__txt {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.pkp_structure_sidebar .jlc-issue__k {
	color: #FFB340;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pkp_structure_sidebar .jlc-issue__txt strong {
	margin-top: 3px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.015em;
}

.pkp_structure_sidebar .jlc-issue__txt span.jlc-t {
	margin-top: 2px;
	color: rgba(235, 235, 245, .65);
	font-size: 12px;
}

.pkp_structure_sidebar .jlc-issue__prog {
	position: relative;
	display: flex;
	grid-column: 1 / -1;
	justify-content: space-between;
	padding-top: 11px;
	color: rgba(235, 235, 245, .65);
	font-size: 11px;
	font-variant-numeric: tabular-nums;
}

.pkp_structure_sidebar .jlc-issue__prog::before,
.pkp_structure_sidebar .jlc-issue__prog::after {
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	border-radius: 2px;
	content: "";
}

.pkp_structure_sidebar .jlc-issue__prog::before {
	right: 0;
	background: rgba(255, 255, 255, .2);
}

.pkp_structure_sidebar .jlc-issue__prog::after {
	width: 66%;
	background: #fff;
	transform-origin: left;
	animation: jlc-fill 1.2s var(--jlc-ease) both;
}

@keyframes jlc-fill {
	from { transform: scaleX(0); }
}

.pkp_structure_sidebar .jlc-issue__go {
	grid-column: 1 / -1;
}

.pkp_structure_sidebar .jlc-side .jlc-issue__go a {
	display: block;
	padding: 10px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .16);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	color: #fff;
	font-size: 13.5px;
	font-weight: 600;
	text-align: center;
	transition: background-color .2s;
}

.pkp_structure_sidebar .jlc-side .jlc-issue__go a:hover {
	background: rgba(255, 255, 255, .26);
	color: #fff;
}

.pkp_structure_sidebar .jlc-side .jlc-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin-top: 10px !important;
}

.pkp_structure_sidebar .pkp_block .jlc-side .jlc-facts > li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 10px 12px !important;
	border-radius: 16px;
}

.pkp_structure_sidebar .jlc-facts span {
	color: rgba(60, 60, 67, .62);
	font-size: 10.5px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.pkp_structure_sidebar .jlc-facts strong,
.pkp_structure_sidebar .jlc-side .jlc-facts a {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.01em;
	font-variant-numeric: tabular-nums;
}

.pkp_structure_sidebar .jlc-side .jlc-facts a,
.pkp_structure_sidebar .jlc-side .jlc-facts a:hover {
	color: var(--jlc-brand-t);
}

/* ---------- Accreditation: activity ring ----------------------------- */

.pkp_structure_sidebar .jlc-acc {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	align-items: center;
	gap: 14px 16px;
	padding: 16px;
	scroll-margin-top: 120px;
}

.pkp_structure_sidebar .jlc-acc__ring {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	animation: jlc-acc-ripple 2.6s ease-out infinite;
}

.pkp_structure_sidebar .jlc-acc__ring::before,
.pkp_structure_sidebar .jlc-acc__ring::after {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	-webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 11px), #000 calc(100% - 10px));
	mask: radial-gradient(farthest-side, transparent calc(100% - 11px), #000 calc(100% - 10px));
	content: "";
}

.pkp_structure_sidebar .jlc-acc__ring::before {
	background: rgba(28, 28, 30, .08);
}

.pkp_structure_sidebar .jlc-acc__ring::after {
	background:
		radial-gradient(circle at 50% 5px, #48484A 4.6px, transparent 5px),
		conic-gradient(transparent 0 30%, rgba(28, 28, 30, .25) 55%, #1C1C1E 78%, #2C2C2E 92%, #48484A 99.9%, transparent 0);
	animation: jlc-spin-in 1.2s var(--jlc-ease) both, jlc-acc-orbit 3.2s linear 1.2s infinite;
}

@keyframes jlc-spin-in {
	from { opacity: 0; transform: rotate(-120deg); }
}

@keyframes jlc-acc-orbit {
	to { transform: rotate(360deg); }
}

@keyframes jlc-acc-ripple {
	0% { box-shadow: 0 0 0 0 rgba(28, 28, 30, .22); }
	75%, 100% { box-shadow: 0 0 0 10px rgba(28, 28, 30, 0); }
}

@keyframes jlc-acc-breathe {
	0%, 100% { transform: scale(1); box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .5); }
	50% { transform: scale(1.045); box-shadow: 0 8px 18px -8px rgba(0, 0, 0, .65); }
}

.pkp_structure_sidebar .jlc-acc__ring img {
	display: block;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .5);
	animation: jlc-acc-breathe 3.2s ease-in-out infinite;
}

.pkp_structure_sidebar .jlc-acc__txt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.pkp_structure_sidebar .jlc-acc__ok {
	color: var(--jlc-brand-t);
	font-size: 11px;
	font-weight: 700;
}

.pkp_structure_sidebar .jlc-acc__txt strong {
	margin-top: 6px;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -.02em;
}

.pkp_structure_sidebar .jlc-acc__txt span.jlc-t {
	margin-top: 2px;
	color: rgba(60, 60, 67, .62);
	font-size: 12px;
}

.pkp_structure_sidebar .jlc-acc__cta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	grid-column: 1 / -1;
}

.pkp_structure_sidebar .jlc-side .jlc-acc__cta a + a {
	background: rgba(60, 60, 67, .08);
	color: #1C1C1E;
}

.pkp_structure_sidebar .jlc-side .jlc-acc__cta a + a:hover {
	background: rgba(60, 60, 67, .14);
	color: #1C1C1E;
}

.pkp_structure_sidebar .jlc-side .jlc-acc__cta a {
	display: block;
	padding: 10px;
	border-radius: 14px;
	background: rgba(255, 138, 0, .14);
	color: var(--jlc-brand-t);
	font-size: 13.5px;
	font-weight: 600;
	text-align: center;
	transition: background-color .2s;
}

.pkp_structure_sidebar .jlc-side .jlc-acc__cta a:hover {
	background: rgba(255, 138, 0, .24);
	color: var(--jlc-brand-t);
}

/* ---------- Accreditation modals: :target / .is-open + scroll lock ---------- */

html.jlc-modal-open,
html:has(.jlc-modal:target),
html:has(.jlc-modal.is-open) {
	overflow: hidden;
	overscroll-behavior: none;
	scrollbar-gutter: stable;
}

body.jlc-modal-locked {
	position: fixed;
	inset: 0 auto auto 0;
	width: 100%;
	overflow: hidden;
	overscroll-behavior: none;
	touch-action: none;
}

/* Lift the sidebar above the header while a modal is open */
.pkp_structure_sidebar:has(.jlc-modal:target),
.pkp_structure_sidebar:has(.jlc-modal.is-open) {
	z-index: 10000;
	isolation: auto;
}

.pkp_structure_sidebar .jlc-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: none;
	place-items: center;
	padding: 12px;
	overscroll-behavior: none;
	touch-action: none;
}

.pkp_structure_sidebar .jlc-modal:target,
.pkp_structure_sidebar .jlc-modal.is-open {
	display: grid;
}

.pkp_structure_sidebar .jlc-side .jlc-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .42);
	-webkit-backdrop-filter: blur(10px) saturate(140%);
	backdrop-filter: blur(10px) saturate(140%);
	font-size: 0;
	cursor: default;
	animation: jlc-modal-fade .25s ease both;
}

.pkp_structure_sidebar .jlc-modal__sheet {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: min(440px, 100%);
	max-height: calc(100vh - 24px);
	max-height: calc(100dvh - 24px);
	overflow: auto;
	overscroll-behavior: contain;
	padding: 20px;
	border-radius: 26px;
	background: #fff;
	box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .45), 0 0 1px rgba(0, 0, 0, .1);
	color: #1C1C1E;
	font-family: var(--jlc-font);
	animation: jlc-modal-pop .35s var(--jlc-ease) both;
	-webkit-overflow-scrolling: touch;
}

.pkp_structure_sidebar .jlc-modal__sheet.is-doc {
	width: min(720px, 100%);
	max-height: calc(100dvh - 24px);
	gap: 12px;
	padding: 16px 16px 18px;
	overflow: hidden;
	overscroll-behavior: contain;
	isolation: isolate;
}

.pkp_structure_sidebar .jlc-modal__sheet.is-doc .jlc-modal__head,
.pkp_structure_sidebar .jlc-modal__sheet.is-doc .jlc-modal__cta {
	flex: none;
	margin: 0;
}

.pkp_structure_sidebar .jlc-modal__sheet.is-doc .jlc-modal__doc {
	flex: none;
	overflow: hidden;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 0 0 .5px rgba(0, 0, 0, .08);
}

@keyframes jlc-modal-fade {
	from { opacity: 0; }
}

@keyframes jlc-modal-pop {
	from { opacity: 0; transform: translateY(14px) scale(.96); }
}

.pkp_structure_sidebar .jlc-modal__head {
	display: flex;
	align-items: center;
	gap: 12px;
}

.pkp_structure_sidebar .jlc-modal__logo {
	flex: none;
	width: 44px;
	height: 44px;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .5);
}

.pkp_structure_sidebar .jlc-modal__logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pkp_structure_sidebar .jlc-modal__title {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
}

.pkp_structure_sidebar .jlc-modal__title strong {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: -.015em;
}

.pkp_structure_sidebar .jlc-modal__title .jlc-t,
.pkp_structure_sidebar .jlc-modal__rows .jlc-t,
.pkp_structure_sidebar .jlc-modal__stats .jlc-t {
	color: var(--jlc-label-2);
	font-size: 12.5px;
}

.pkp_structure_sidebar .jlc-side .jlc-modal__x {
	display: grid;
	flex: none;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(118, 118, 128, .14);
	color: #3A3A3C;
	font-size: 20px;
	line-height: 1;
	transition: background-color .2s;
}

.pkp_structure_sidebar .jlc-side .jlc-modal__x:hover {
	background: rgba(118, 118, 128, .24);
	color: #1C1C1E;
}

.pkp_structure_sidebar .jlc-modal__name {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;
}

.pkp_structure_sidebar .jlc-side .jlc-modal__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding: 14px 0 !important;
	border-radius: 18px;
	background: linear-gradient(160deg, #2C2C2E, #0B0B0C);
}

.pkp_structure_sidebar .jlc-side .jlc-modal__stats > li {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
}

.pkp_structure_sidebar .jlc-side .jlc-modal__stats > li + li {
	border-left: .5px solid rgba(255, 255, 255, .18) !important;
}

.pkp_structure_sidebar .jlc-modal__stats strong {
	color: #fff;
	font-family: ui-rounded, "SF Pro Rounded", var(--jlc-font);
	font-size: 24px;
	font-weight: 800;
	letter-spacing: -.02em;
}

.pkp_structure_sidebar .jlc-modal__stats > li:first-child strong {
	color: var(--jlc-brand-lt);
}

.pkp_structure_sidebar .jlc-side .jlc-modal__stats .jlc-t {
	color: rgba(255, 255, 255, .62);
}

.pkp_structure_sidebar .jlc-side .jlc-modal__rows {
	padding: 0 14px !important;
	border-radius: 16px;
	background: rgba(118, 118, 128, .08);
}

.pkp_structure_sidebar .jlc-side .jlc-modal__rows > li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	border-bottom: .5px solid rgba(60, 60, 67, .16) !important;
	font-size: 13.5px;
}

.pkp_structure_sidebar .jlc-side .jlc-modal__rows > li:last-child {
	border-bottom: 0 !important;
}

.pkp_structure_sidebar .jlc-modal__rows .jlc-t {
	flex: none;
}

.pkp_structure_sidebar .jlc-modal__rows strong {
	font-weight: 600;
	line-height: 1.35;
	text-align: right;
}

.pkp_structure_sidebar .jlc-modal__doc {
	overflow: hidden;
	border-radius: 16px;
	background: #F2F2F7;
	box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .08);
}

.pkp_structure_sidebar .jlc-modal__doc iframe {
	display: block;
	width: 100%;
	height: min(62vh, 560px);
	border: 0;
	background: #F2F2F7;
}

/* Certificate preview: static image — no Drive chrome / black bars */
.pkp_structure_sidebar .jlc-modal__preview {
	display: block;
	line-height: 0;
}

.pkp_structure_sidebar .jlc-modal__preview img {
	display: block;
	width: 100%;
	height: auto;
	background: #fff;
}

.pkp_structure_sidebar .jlc-modal__cta {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	flex: none;
}

.pkp_structure_sidebar .jlc-modal__sheet.is-doc .jlc-modal__cta {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}

.pkp_structure_sidebar .jlc-modal__sheet.is-doc .jlc-modal__cta a {
	height: 36px;
	font-size: 12.5px;
}

.pkp_structure_sidebar .jlc-modal__sheet.is-doc .jlc-modal__cta a:last-child {
	grid-column: auto;
}

@media (max-width: 560px) {
	.pkp_structure_sidebar .jlc-modal__sheet.is-doc .jlc-modal__cta {
		grid-template-columns: 1fr 1fr;
	}

	.pkp_structure_sidebar .jlc-modal__sheet.is-doc .jlc-modal__cta a:last-child {
		grid-column: 1 / -1;
	}
}

.pkp_structure_sidebar .jlc-side .jlc-modal__cta a {
	display: grid;
	place-items: center;
	height: 42px;
	padding: 0 12px;
	border-radius: 12px;
	line-height: 1;
	background: var(--jlc-brand-grad);
	box-shadow: 0 8px 16px -10px var(--jlc-brand-glow);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	transition: filter .2s;
}

.pkp_structure_sidebar .jlc-side .jlc-modal__cta a:hover {
	color: #fff;
	filter: brightness(1.06);
}

.pkp_structure_sidebar .jlc-side .jlc-modal__cta a + a {
	background: rgba(118, 118, 128, .12);
	box-shadow: none;
	color: #1C1C1E;
}

.pkp_structure_sidebar .jlc-side .jlc-modal__cta a + a:hover {
	background: rgba(118, 118, 128, .2);
	color: #1C1C1E;
}

/* ---------- Indexed by: app folder ----------------------------------- */

.pkp_structure_sidebar .jlc-folder {
	padding: 16px 12px 10px;
	border-radius: 28px;
}

.pkp_structure_sidebar .jlc-index {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px 2px;
}

.pkp_structure_sidebar .jlc-index > li:nth-child(1) { --g: var(--g-orange); }
.pkp_structure_sidebar .jlc-index > li:nth-child(2) { --g: var(--g-blue); }
.pkp_structure_sidebar .jlc-index > li:nth-child(3) { --g: var(--g-red); }
.pkp_structure_sidebar .jlc-index > li:nth-child(4) { --g: var(--g-indigo); }
.pkp_structure_sidebar .jlc-index > li:nth-child(5) { --g: var(--g-teal); }
.pkp_structure_sidebar .jlc-index > li:nth-child(6) { --g: var(--g-green); }
.pkp_structure_sidebar .jlc-index > li:nth-child(7) { --g: var(--g-cyan); }

.pkp_structure_sidebar .jlc-index > li > a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	color: #1C1C1E;
	font-size: 11px;
	font-weight: 500;
	transition: transform .2s var(--jlc-ease);
}

.pkp_structure_sidebar .jlc-index > li > a:hover {
	color: #1C1C1E;
	transform: translateY(-2px);
}

.pkp_structure_sidebar .jlc-index__mark {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 13px;
	background: var(--g);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 16px -10px rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	letter-spacing: -.02em;
}

/* ---------- Tools: batteries-style rings ----------------------------- */

.pkp_structure_sidebar .jlc-side .jlc-tools {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	padding: 14px 4px 12px !important;
}

.pkp_structure_sidebar .jlc-tools > li { --c: #1C1C1E; --c2: #FF9500; }

.pkp_structure_sidebar .jlc-tools em.fa {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background:
		radial-gradient(closest-side, #fff calc(100% - 5px), transparent calc(100% - 4.5px)),
		conic-gradient(var(--c), var(--c2), var(--c));
}

.pkp_structure_sidebar .jlc-tools em.fa::before {
	color: var(--c);
	font-size: 18px;
}

/* ---------- Recommended journals & partners: inset list -------------- */

.pkp_structure_sidebar .jlc-side .jlc-list {
	padding: 4px 0 !important;
}

.pkp_structure_sidebar .jlc-list > li.is-gold { --m: var(--jlc-brand-grad); }
.pkp_structure_sidebar .jlc-list > li.is-indigo { --m: var(--g-indigo); }
.pkp_structure_sidebar .jlc-list > li.is-green { --m: var(--g-green); }
.pkp_structure_sidebar .jlc-list > li.is-blue { --m: var(--g-blue); }

.pkp_structure_sidebar .jlc-list > li > a {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 14px;
	color: #1C1C1E;
	transition: background-color .2s;
}

.pkp_structure_sidebar .jlc-list > li + li > a::before {
	position: absolute;
	top: 0;
	right: 14px;
	left: 70px;
	height: .5px;
	background: rgba(60, 60, 67, .2);
	content: "";
}

.pkp_structure_sidebar .jlc-list > li > a::after {
	margin-left: auto;
	padding-left: 4px;
	color: rgba(60, 60, 67, .35);
	font-size: 20px;
	line-height: 1;
	content: "\203A";
	transition: color .2s, transform .2s var(--jlc-ease);
}

.pkp_structure_sidebar .jlc-side .jlc-list > li > a:hover {
	background-color: rgba(255, 255, 255, .55);
	color: #1C1C1E;
}

.pkp_structure_sidebar .jlc-list > li > a:hover::after {
	color: var(--jlc-brand);
	transform: translateX(2px);
}

.pkp_structure_sidebar .jlc-list > li:first-child > a { border-radius: 18px 18px 0 0; }
.pkp_structure_sidebar .jlc-list > li:last-child > a { border-radius: 0 0 18px 18px; }

.pkp_structure_sidebar .jlc-list__mark {
	display: grid;
	flex: none;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--m);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 8px 16px -10px rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -.02em;
}

.pkp_structure_sidebar .jlc-list__txt {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.25;
}

.pkp_structure_sidebar .jlc-list__txt strong {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.01em;
}

.pkp_structure_sidebar .jlc-list__txt .jlc-t {
	color: rgba(60, 60, 67, .7);
	font-size: 12px;
}

.pkp_structure_sidebar .jlc-list__id {
	margin-top: 2px;
	color: rgba(60, 60, 67, .5);
	font-family: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
	font-size: 10px;
	letter-spacing: .02em;
}

/* ---------- Visitors: live trend widget ------------------------------ */

.pkp_structure_sidebar .jlc-visit {
	padding: 14px 16px 12px;
}

.pkp_structure_sidebar .jlc-visit__head {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 13.5px;
	font-weight: 600;
}

.pkp_structure_sidebar .jlc-visit__live {
	flex: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--jlc-brand-lt);
	font-size: 0;
	animation: jlc-beat 1.8s ease-out infinite;
}

.pkp_structure_sidebar .jlc-visit__meta {
	margin-left: auto;
	color: rgba(60, 60, 67, .62);
	font-size: 12px;
	font-weight: 500;
}

.pkp_structure_sidebar .jlc-visit__flags {
	margin-top: 12px !important;
	padding: 10px;
	border-radius: 16px;
	background: #fff;
	box-shadow: inset 0 0 0 .5px rgba(60, 60, 67, .12);
	line-height: 0;
	text-align: center;
}

.pkp_structure_sidebar .jlc-visit__flags img {
	max-width: 100%;
	height: auto;
}

/* ---------- Keywords plugin block ------------------------------------ */

.pkp_structure_sidebar .pkp_block.block_Keywordcloud {
	padding: 14px 16px 10px !important;
	border-radius: 22px !important;
	background: #fff !important;
	box-shadow: 0 0 0 0px rgba(0, 0, 0, .06), 0 0px 1px rgba(0, 0, 0, .05), 0 14px 30px -20px rgba(0, 0, 0, .45) !important;
}

/* Plugin heading restyled as the same live header used by Visitors */
.pkp_structure_sidebar .pkp_block.block_Keywordcloud .title {
	display: flex;
	align-items: center;
	gap: 7px;
	width: auto;
	height: auto;
	margin: 0 0 6px !important;
	padding: 0 !important;
	background: none !important;
	color: #1C1C1E !important;
	font-family: var(--jlc-font) !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: -.01em !important;
	text-align: left;
	text-transform: none !important;
}

.pkp_structure_sidebar .pkp_block.block_Keywordcloud .title::before {
	flex: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--jlc-brand-lt);
	animation: jlc-beat 1.8s ease-out infinite;
	content: "";
}

.pkp_structure_sidebar .pkp_block.block_Keywordcloud .title::after {
	margin-left: auto;
	color: rgba(60, 60, 67, .62);
	font-size: 12px;
	font-weight: 500;
	content: "Word Cloud";
}

@keyframes jlc-beat {
	0% { box-shadow: 0 0 0 0 rgba(255, 162, 0, .6); }
	70%, 100% { box-shadow: 0 0 0 7px rgba(255, 162, 0, 0); }
}

.pkp_structure_sidebar .block_Keywordcloud > .content {
	padding: 0 !important;
	background: none !important;
}

.pkp_structure_sidebar #wordcloud svg {
	display: block;
	overflow: visible;
}

.pkp_structure_sidebar #wordcloud text {
	fill: #1C1C1E !important;
	font-family: var(--jlc-font) !important;
	font-weight: 700;
	letter-spacing: -.02em;
	opacity: .82 !important;
	paint-order: stroke;
	stroke: #fff;
	stroke-width: 3px;
	stroke-linejoin: round;
	transition: fill .2s, opacity .2s;
}

.pkp_structure_sidebar #wordcloud text:nth-child(3n + 1) {
	fill: var(--jlc-brand-t) !important;
	opacity: 1 !important;
}

.pkp_structure_sidebar #wordcloud text:nth-child(3n + 2) {
	fill: #6B6B70 !important;
	font-weight: 600;
}

.pkp_structure_sidebar #wordcloud:hover text {
	opacity: .35 !important;
}

.pkp_structure_sidebar #wordcloud text:hover {
	fill: var(--jlc-brand) !important;
	opacity: 1 !important;
}

@media (prefers-reduced-motion: reduce) {
	.jlc-home *,
	.jlc-home *::before,
	.jlc-home *::after,
	.pkp_structure_sidebar *,
	.pkp_structure_sidebar *::before,
	.pkp_structure_sidebar *::after {
		animation: none !important;
	}

	/* The live dot only fades a glow in place, so it keeps beating */
	.jlc-home .jlc-sec strong::before,
	.pkp_structure_sidebar .jlc-visit__live,
	.pkp_structure_sidebar .pkp_block.block_Keywordcloud .title::before {
		animation: jlc-beat 1.8s ease-out infinite !important;
	}

	.jlc-home .jlc-hero__art::before {
		animation: jlc-spot 9s linear infinite !important;
	}

	.jlc-home .jlc-hero__tags span {
		animation: jlc-drift 7s ease-in-out infinite !important;
	}

	.jlc-home .jlc-hero__cover {
		animation: jlc-float 6s ease-in-out infinite !important;
	}

	.jlc-home .jlc-hero__ticker > span {
		animation: jlc-ticker 40s linear infinite !important;
	}

	.pkp_structure_sidebar .jlc-island__wave {
		animation: jlc-voice 1.1s ease-in-out infinite, jlc-voice-glow 2.2s ease-in-out infinite !important;
	}

	.pkp_structure_sidebar .jlc-acc__ring {
		animation: jlc-acc-ripple 2.6s ease-out infinite !important;
	}

	.pkp_structure_sidebar .jlc-acc__ring::after {
		animation: jlc-acc-orbit 3.2s linear infinite !important;
	}

	.pkp_structure_sidebar .jlc-acc__ring img {
		animation: jlc-acc-breathe 3.2s ease-in-out infinite !important;
	}
}

/* ==========================================================================
   Custom pages (.jlc-page): iOS Health / tech — aligned with homepage
   Soft cards, hairlines, gradient glyphs, compact type.
   ========================================================================== */

.page:has(> .jlc-page) > .page_title {
	margin: 0 0 14px;
	padding: 0 0 10px;
	border-bottom: .5px solid rgba(60, 60, 67, .18);
	color: var(--jlc-dark);
	font-family: var(--jlc-font);
	font-size: clamp(20px, 2.8vw, 24px);
	font-weight: 700;
	letter-spacing: -.025em;
	line-height: 1.2;
	text-transform: none;
}

.page:has(> .jlc-page) > .page_title::after {
	content: none;
}

.jlc-page {
	--jlc-page-ink: var(--jlc-dark);
	--jlc-page-mute: var(--jlc-label-2);
	--jlc-page-line: rgba(60, 60, 67, .16);
	max-width: none;
	color: var(--jlc-page-ink);
	font-family: var(--jlc-font);
	font-size: 14px;
	line-height: 1.5;
}

.pkp_structure_main .jlc-page p,
.jlc-page li {
	font-size: 14px;
	line-height: 1.5;
}

/* Journal reading text: justify */
.pkp_structure_main .page > p,
.pkp_structure_main .page .abstract,
.pkp_structure_main .page .abstract p,
.pkp_structure_main .item.abstract,
.pkp_structure_main .main_entry p,
.pkp_structure_main .jlc-page > p,
.pkp_structure_main .jlc-page .jlc-lead,
.pkp_structure_main .jlc-page .jlc-note,
.pkp_structure_main .jlc-page > ul:not(.jlc-kv, .jlc-links) > li,
.pkp_structure_main .jlc-page > ol:not(.jlc-steps) > li,
.pkp_structure_main .jlc-page ol.jlc-steps > li {
	text-align: justify;
	hyphens: auto;
	overflow-wrap: break-word;
}

/* Lead = soft tech panel (homepage card language) */
.jlc-page .jlc-lead {
	position: relative;
	margin: 0 0 18px !important;
	padding: 14px 16px;
	border: 0;
	border-radius: 18px;
	background:
		radial-gradient(80% 120% at 0% 0%, rgba(255, 138, 0, .12), transparent 55%),
		radial-gradient(70% 100% at 100% 100%, rgba(0, 122, 255, .06), transparent 55%),
		var(--jlc-card);
	box-shadow: var(--jlc-edge);
	color: var(--jlc-page-ink);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
	letter-spacing: -.01em;
}

.jlc-page .jlc-lead::before {
	content: "";
	position: absolute;
	top: 12px;
	bottom: 12px;
	left: 0;
	width: 3px;
	border-radius: 0 999px 999px 0;
	background: var(--jlc-brand-grad);
	box-shadow: 0 0 12px var(--jlc-brand-glow);
}

.jlc-page .jlc-lead a {
	color: var(--jlc-brand-t);
	text-decoration-color: rgba(194, 94, 0, .4);
}

.jlc-page h2,
.jlc-page h3 {
	color: var(--jlc-page-ink);
	font-family: var(--jlc-font);
}

.jlc-page h2 {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 22px 0 10px;
	padding: 0;
	border: 0;
	color: var(--jlc-brand-t);
	font-size: 12.5px;
	font-weight: 650;
	letter-spacing: -.01em;
	text-transform: none;
}

.jlc-page h2::before {
	content: "";
	flex: none;
	width: 22px;
	height: 22px;
	border-radius: 7px;
	background:
		linear-gradient(#fff, #fff) center / 8px 1.5px no-repeat,
		linear-gradient(#fff, #fff) center / 1.5px 8px no-repeat,
		var(--jlc-brand-grad);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 4px 10px -4px var(--jlc-brand-glow);
}

.jlc-page a {
	color: var(--jlc-brand-t);
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.jlc-page ul:not(.jlc-kv, .jlc-links) {
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}

.jlc-page ul:not(.jlc-kv, .jlc-links) li {
	position: relative;
	margin: 0;
	padding: 7px 0 7px 18px;
	border-bottom: .5px solid var(--jlc-page-line);
}

.jlc-page ul:not(.jlc-kv, .jlc-links) li:last-child {
	border-bottom: 0;
}

.jlc-page ul:not(.jlc-kv, .jlc-links) li::before {
	content: "";
	position: absolute;
	top: 13px;
	left: 2px;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: var(--jlc-brand-grad);
	box-shadow: 0 0 0 2px rgba(255, 138, 0, .18);
}

.jlc-page ul:not(.jlc-kv, .jlc-links) li::marker {
	content: none;
}

/* Tiles = Health summary cells */
.jlc-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 10px;
	margin: 0 0 16px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.jlc-tile {
	position: relative;
	padding: 14px 14px 13px;
	border: 0;
	border-radius: 18px;
	background:
		radial-gradient(90% 80% at 0% 0%, rgba(255, 138, 0, .07), transparent 55%),
		var(--jlc-card);
	box-shadow: var(--jlc-edge);
	transition: background-color .25s var(--jlc-ease), box-shadow .25s var(--jlc-ease), transform .25s var(--jlc-ease);
}

.jlc-tile::before {
	content: none;
}

.jlc-tile:hover {
	box-shadow: var(--jlc-edge-hover);
	transform: translateY(-1px);
}

.jlc-tile em.fa {
	display: inline-grid;
	place-items: center;
	place-content: center;
	width: 28px;
	height: 28px;
	margin: 0 0 10px;
	border: 0;
	border-radius: 8px;
	background: var(--jlc-brand-grad);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 4px 10px -4px var(--jlc-brand-glow);
	color: #fff;
	font-size: 0;
	font-style: normal;
	line-height: 0;
	text-align: center;
	vertical-align: middle;
}

.jlc-tile em.fa::before {
	display: block;
	width: 1em;
	margin: 0;
	font-size: 12px;
	line-height: 1;
	text-align: center;
}

.jlc-tile h3 {
	margin: 0 0 4px;
	font-size: 14px;
	font-weight: 650;
	letter-spacing: -.015em;
}

.jlc-tile p {
	margin: 0;
	color: var(--jlc-page-mute);
	font-size: 12.5px !important;
	line-height: 1.4;
}

.jlc-tile p a {
	overflow-wrap: anywhere;
}

/* KV = Settings-style inset group */
.jlc-kv {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	border: 0;
	border-radius: 16px;
	background: var(--jlc-card);
	box-shadow: var(--jlc-edge);
}

.jlc-kv li {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
	padding: 11px 14px;
	border: 0;
	border-right: .5px solid var(--jlc-page-line);
	border-bottom: .5px solid var(--jlc-page-line);
	background: transparent;
}

.jlc-kv .jlc-kv__k {
	color: var(--jlc-page-mute);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.jlc-kv strong {
	color: var(--jlc-page-ink);
	font-size: 13.5px;
	font-weight: 600;
	line-height: 1.35;
}

/* Indexing: soft list rows inside one panel */
.jlc-page.jlc-ia {
	counter-reset: jlc-ia;
}

.jlc-ia .jlc-lead {
	padding-left: 16px;
}

.jlc-ia h2 {
	margin-top: 26px;
	counter-increment: jlc-ia;
}

.jlc-ia h2::before {
	content: counter(jlc-ia, decimal-leading-zero);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 28px;
	height: 22px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 138, 0, .12);
	background-image: none;
	box-shadow: none;
	color: var(--jlc-brand-t);
	font-family: ui-rounded, "SF Pro Rounded", var(--jlc-font);
	font-size: 11.5px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0;
	line-height: 1;
	text-align: center;
	text-transform: none;
}

.jlc-ia h2::after {
	content: none;
}

.jlc-ia .jlc-grid {
	grid-template-columns: 1fr;
	gap: 0;
	overflow: hidden;
	border-radius: 18px;
	background: var(--jlc-card);
	box-shadow: var(--jlc-edge);
}

.jlc-ia .jlc-tile,
.jlc-info .jlc-tile {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) auto;
	grid-template-rows: auto auto;
	column-gap: 12px;
	align-items: center;
	padding: 12px 14px;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	transition: background-color .2s var(--jlc-ease);
}

.jlc-ia .jlc-tile + .jlc-tile,
.jlc-info .jlc-grid .jlc-tile + .jlc-tile {
	border-top: .5px solid var(--jlc-page-line);
}

.jlc-ia .jlc-tile:hover,
.jlc-info .jlc-tile:hover {
	background: rgba(255, 138, 0, .05);
	box-shadow: none;
	transform: none;
}

.jlc-ia .jlc-tile em.fa,
.jlc-info .jlc-tile em.fa {
	display: inline-grid;
	grid-row: 1 / span 2;
	place-items: center;
	place-content: center;
	align-self: center;
	width: 32px;
	height: 32px;
	margin: 0;
	border-radius: 9px;
	background: linear-gradient(160deg, #3A3A3C, #0B0B0C);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18);
	color: var(--jlc-brand-lt);
	font-size: 0;
	line-height: 0;
}

.jlc-ia .jlc-tile em.fa::before,
.jlc-info .jlc-tile em.fa::before {
	display: block;
	width: 1em;
	font-size: 13px;
	line-height: 1;
	text-align: center;
}

.jlc-ia .jlc-tile h3,
.jlc-info .jlc-tile h3 {
	grid-column: 2;
	margin: 0;
	font-size: 14px;
	font-weight: 650;
}

.pkp_structure_main .jlc-ia .jlc-tile p,
.pkp_structure_main .jlc-info .jlc-tile p {
	grid-column: 2;
	color: var(--jlc-page-mute);
	font-size: 12.5px !important;
}

.pkp_structure_main .jlc-ia .jlc-tile p.jlc-ia__go {
	grid-column: 3;
	grid-row: 1 / span 2;
	margin: 0;
	padding: 0;
	align-self: center;
}

.jlc-ia .jlc-ia__go a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 12px;
	border: 0;
	border-radius: 999px;
	background: rgba(118, 118, 128, .12);
	box-shadow: none;
	color: var(--jlc-page-ink);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -.01em;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	transition: background-color .2s var(--jlc-ease), color .2s var(--jlc-ease), box-shadow .2s var(--jlc-ease);
}

.jlc-ia .jlc-ia__go a::after {
	content: "\203A";
	display: inline;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: none;
	color: var(--jlc-page-mute);
	font: 700 14px/1 var(--jlc-font);
	transform: none;
}

.jlc-ia .jlc-tile:hover .jlc-ia__go a,
.jlc-ia .jlc-ia__go a:focus-visible {
	background: var(--jlc-brand-grad);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 14px rgba(255, 138, 0, .28);
	color: #fff;
}

.jlc-ia .jlc-tile:hover .jlc-ia__go a::after,
.jlc-ia .jlc-ia__go a:focus-visible::after {
	background: none;
	color: rgba(255, 255, 255, .85);
}

.pkp_structure_main .jlc-ia p.jlc-ia__note {
	margin-top: 12px;
	padding: 10px 12px;
	border: 0;
	border-radius: 12px;
	background: rgba(118, 118, 128, .08);
	color: var(--jlc-page-mute);
	font-size: 12.5px;
}

/* Privacy / info: same soft panel as indexing */
.jlc-info .jlc-grid {
	grid-template-columns: 1fr;
	gap: 0;
	overflow: hidden;
	border-radius: 18px;
	background: var(--jlc-card);
	box-shadow: var(--jlc-edge);
}

.jlc-info .jlc-tile {
	grid-template-columns: 32px minmax(0, 1fr);
}

@media (max-width: 640px) {
	.jlc-ia .jlc-tile,
	.jlc-info .jlc-tile {
		grid-template-columns: 32px minmax(0, 1fr);
	}

	.pkp_structure_main .jlc-ia .jlc-tile p.jlc-ia__go {
		grid-column: 2;
		grid-row: auto;
		margin-top: 8px;
	}

	.jlc-ia .jlc-ia__go a {
		white-space: normal;
	}
}

/* Tables */
.jlc-table-wrap {
	overflow: hidden;
	overflow-x: auto;
	margin: 0 0 16px;
	border: 0;
	border-radius: 16px;
	background: var(--jlc-card);
	box-shadow: var(--jlc-edge);
}

.jlc-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

.jlc-table th,
.jlc-table td {
	padding: 10px 12px;
	border-bottom: .5px solid var(--jlc-page-line);
	text-align: left;
	vertical-align: top;
}

.jlc-table th {
	background: rgba(118, 118, 128, .08);
	color: var(--jlc-page-mute);
	font-size: 11px;
	font-weight: 650;
	letter-spacing: .04em;
	text-transform: uppercase;
	border-bottom: .5px solid var(--jlc-page-line);
}

.jlc-table tr:last-child td {
	border-bottom: 0;
}

.jlc-table tbody tr:nth-child(even) td {
	background: rgba(255, 138, 0, .03);
}

/* Note = soft callout */
.jlc-note {
	margin: 12px 0;
	padding: 12px 14px;
	border: 0;
	border-radius: 14px;
	background:
		radial-gradient(80% 120% at 0% 0%, rgba(255, 138, 0, .1), transparent 60%),
		rgba(255, 248, 238, .95);
	box-shadow: var(--jlc-edge);
	color: var(--jlc-page-ink);
	font-size: 13px;
	line-height: 1.45;
}

@media (max-width: 640px) {
	.jlc-kv {
		grid-template-columns: 1fr;
	}

	.jlc-kv li {
		border-right: 0;
	}
}

/* Links = iOS pills */
.jlc-page ul.jlc-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 10px 0 16px;
	padding: 0;
	list-style: none;
}

.jlc-page ul.jlc-links li {
	margin: 0;
	padding: 0;
	border: 0;
}

.jlc-page ul.jlc-links li::before {
	content: none;
}

.jlc-page .jlc-links a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	min-height: 34px;
	padding: 0 12px;
	border: 0;
	border-radius: 999px;
	background: var(--jlc-card);
	box-shadow: var(--jlc-edge);
	color: var(--jlc-page-ink);
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.25;
	text-decoration: none;
	transition: background-color .2s var(--jlc-ease), color .2s var(--jlc-ease), box-shadow .2s var(--jlc-ease), transform .2s var(--jlc-ease);
}

.jlc-page .jlc-links a em.fa {
	display: inline-grid;
	flex: 0 0 14px;
	place-items: center;
	place-content: center;
	width: 14px;
	height: 14px;
	color: var(--jlc-brand-t);
	font-size: 0;
	font-style: normal;
	line-height: 0;
	text-align: center;
}

.jlc-page .jlc-links a em.fa::before {
	display: block;
	font-size: 12px;
	line-height: 1;
}

.jlc-page .jlc-links a::after {
	content: "\203A";
	margin-left: 2px;
	color: var(--jlc-page-mute);
	font: 700 13px/1 var(--jlc-font);
}

.jlc-page .jlc-links a:hover,
.jlc-page .jlc-links a:focus-visible {
	background: var(--jlc-brand-grad);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 14px rgba(255, 138, 0, .28);
	color: #fff;
	transform: translateY(-1px);
}

.jlc-page .jlc-links a:hover em.fa,
.jlc-page .jlc-links a:hover::after {
	color: #fff;
}

/* Steps = stacked soft rows with circular index */
.jlc-page ol.jlc-steps {
	display: grid;
	gap: 8px;
	margin: 6px 0 18px;
	padding: 0;
	list-style: none;
	border: 0;
	counter-reset: jlc-step;
}

.pkp_structure_main .jlc-page ol.jlc-steps > li {
	position: relative;
	margin: 0;
	padding: 12px 14px 12px 48px;
	border: 0;
	border-radius: 16px;
	background: var(--jlc-card);
	box-shadow: var(--jlc-edge);
	color: var(--jlc-page-mute);
	font-size: 13px;
	line-height: 1.45;
	counter-increment: jlc-step;
	transition: box-shadow .2s var(--jlc-ease), transform .2s var(--jlc-ease);
}

.pkp_structure_main .jlc-page ol.jlc-steps > li:hover {
	box-shadow: var(--jlc-edge-hover);
	transform: translateY(-1px);
}

.pkp_structure_main .jlc-page ol.jlc-steps > li:last-child {
	padding-bottom: 12px;
}

.jlc-page ol.jlc-steps > li::before {
	content: counter(jlc-step);
	position: absolute;
	top: 12px;
	left: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 26px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: var(--jlc-brand-grad);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 4px 10px -4px var(--jlc-brand-glow);
	color: #fff;
	font: 700 11.5px/1 ui-rounded, "SF Pro Rounded", var(--jlc-font);
	font-variant-numeric: tabular-nums;
	text-align: center;
}

.jlc-page ol.jlc-steps strong {
	display: block;
	margin-bottom: 2px;
	color: var(--jlc-page-ink);
	font-size: 13.5px;
	font-weight: 650;
	letter-spacing: -.015em;
}

/* ==========================================================================
   Site footer — PCJ-style stage (CTA + columns + watermark)
   ========================================================================== */

.pkp_structure_footer_wrapper {
	position: relative;
	margin: 48px 12px 0 !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden;
	border-radius: 40px 40px 0 0;
	background:
		radial-gradient(55% 70% at 92% 8%, rgba(255, 122, 0, .28), transparent 58%),
		#0B0B0C !important;
	color: rgba(255, 255, 255, .78);
	font-family: var(--jlc-font);
	-webkit-font-smoothing: antialiased;
}

.pkp_structure_footer_wrapper::before,
.pkp_structure_footer_wrapper::after {
	display: none !important;
	content: none !important;
}

.pkp_structure_footer {
	display: block;
	max-width: 1140px;
	margin: 0 auto;
	padding: 48px 36px 28px !important;
	background: transparent !important;
}

.pkp_footer_content {
	position: relative;
	z-index: 1;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	color: inherit !important;
	font-size: 14px;
	line-height: 1.45;
}

.pkp_footer_content a,
.pkp_footer_content a:visited {
	color: #fff !important;
	text-decoration: none !important;
	text-shadow: none !important;
	transition: color .2s var(--jlc-ease);
}

.pkp_footer_content a:hover,
.pkp_footer_content a:focus {
	color: #FF8A00 !important;
	text-decoration: none !important;
	text-shadow: none !important;
}

.pkp_brand_footer {
	display: none !important;
}

.jlc-sitefoot {
	position: relative;
	display: grid;
	gap: 40px;
}

.jlc-sitefoot__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 22px 28px;
	padding-bottom: 36px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.jlc-sitefoot__cta-copy {
	display: grid;
	gap: 12px;
	min-width: 0;
	max-width: 640px;
}

.jlc-sitefoot__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	color: #FF8A00;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1;
	text-transform: uppercase;
}

.jlc-sitefoot__eyebrow span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #FF8A00;
	box-shadow: 0 0 0 4px rgba(255, 138, 0, .18);
}

.jlc-sitefoot__headline {
	margin: 0;
	color: #fff;
	font-size: clamp(26px, 3.6vw, 40px);
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: 1.12;
	text-wrap: balance;
}

.jlc-sitefoot__headline em {
	color: #FF8A00;
	font-style: normal;
}

.jlc-sitefoot__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0;
}

.jlc-sitefoot__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 0 20px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1;
	transition: transform .2s var(--jlc-ease), background-color .2s var(--jlc-ease), color .2s var(--jlc-ease), box-shadow .2s var(--jlc-ease);
}

.jlc-sitefoot__btn--fill {
	background: linear-gradient(180deg, #FFA200, #FF7A00) !important;
	color: #111 !important;
	box-shadow: 0 0 0 1px rgba(255, 138, 0, .35), 0 10px 28px rgba(255, 122, 0, .35);
}

.jlc-sitefoot__btn--fill:hover,
.jlc-sitefoot__btn--fill:focus {
	color: #000 !important;
	transform: translateY(-1px);
	box-shadow: 0 0 0 1px rgba(255, 138, 0, .45), 0 14px 32px rgba(255, 122, 0, .45);
}

.jlc-sitefoot__btn--ghost {
	background: transparent !important;
	color: #fff !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
}

.jlc-sitefoot__btn--ghost:hover,
.jlc-sitefoot__btn--ghost:focus {
	color: #fff !important;
	background: rgba(255, 255, 255, .06) !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}

.jlc-sitefoot__grid {
	display: grid;
	grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(140px, .7fr)) minmax(220px, 1.1fr);
	gap: 28px 32px;
	align-items: start;
}

.jlc-sitefoot__about {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.jlc-sitefoot__name {
	margin: 0;
	color: #fff;
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.1;
}

.jlc-sitefoot__sub {
	margin: 0;
	color: rgba(255, 255, 255, .42);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.4;
	text-transform: uppercase;
}

.jlc-sitefoot__desc {
	margin: 0;
	max-width: 36ch;
	color: rgba(255, 255, 255, .58);
	font-size: 13.5px;
	font-weight: 500;
	line-height: 1.55;
}

.jlc-sitefoot__col {
	display: grid;
	gap: 10px;
	align-content: start;
	min-width: 0;
}

.jlc-sitefoot__col > strong {
	margin: 0 0 4px;
	color: rgba(255, 255, 255, .4);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1;
	text-transform: uppercase;
}

.jlc-sitefoot__col > a {
	color: rgba(255, 255, 255, .88) !important;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: -.01em;
	line-height: 1.35;
	width: fit-content;
}

.jlc-sitefoot__col > a:hover,
.jlc-sitefoot__col > a:focus {
	color: #FF8A00 !important;
}

.jlc-sitefoot__contact ul {
	display: grid;
	gap: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.jlc-sitefoot__contact li {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
	color: rgba(255, 255, 255, .72);
	font-size: 13px;
	font-weight: 500;
	line-height: 1.45;
}

.jlc-sitefoot__ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 8px;
	background: #FF8A00;
	color: #111;
	font-size: 13px;
	line-height: 1;
}

.jlc-sitefoot__ico .fa {
	margin: 0 !important;
	color: inherit !important;
}

.jlc-sitefoot__contact a {
	color: rgba(255, 255, 255, .88) !important;
	word-break: break-word;
}

.jlc-sitefoot__contact a:hover,
.jlc-sitefoot__contact a:focus {
	color: #FF8A00 !important;
}

.jlc-sitefoot__legal {
	position: relative;
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 14px 24px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.jlc-sitefoot__cc {
	margin: 0;
	min-width: 0;
	max-width: 640px;
}

.jlc-sitefoot__cc a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	color: rgba(255, 255, 255, .5) !important;
	font-size: 12.5px;
	font-weight: 500;
	line-height: 1.4;
}

.jlc-sitefoot__cc a:hover,
.jlc-sitefoot__cc a:focus {
	color: rgba(255, 255, 255, .78) !important;
}

.jlc-sitefoot__cc img {
	flex: none;
	display: block;
	width: 78px;
	height: auto;
	border-radius: 3px;
	background: #fff;
}

.jlc-sitefoot__copy {
	margin: 0;
	color: rgba(255, 255, 255, .42);
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: -.01em;
}

.jlc-sitefoot__wm {
	position: absolute;
	left: 50%;
	bottom: -0.18em;
	z-index: 0;
	margin: 0;
	transform: translateX(-50%);
	color: transparent;
	font-size: clamp(64px, 14vw, 140px);
	font-weight: 800;
	letter-spacing: -.06em;
	line-height: .85;
	white-space: nowrap;
	pointer-events: none;
	user-select: none;
	-webkit-text-stroke: 1px rgba(255, 255, 255, .06);
}

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

	.jlc-sitefoot__about {
		grid-column: 1 / -1;
	}
}

@media (max-width: 640px) {
	.pkp_structure_footer_wrapper {
		margin: 36px 0 0 !important;
		border-radius: 28px 28px 0 0;
	}

	.pkp_structure_footer {
		padding: 32px 18px 22px !important;
	}

	.jlc-sitefoot {
		gap: 28px;
	}

	.jlc-sitefoot__cta {
		padding-bottom: 24px;
	}

	.jlc-sitefoot__actions {
		width: 100%;
	}

	.jlc-sitefoot__btn {
		flex: 1 1 auto;
	}

	.jlc-sitefoot__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.jlc-sitefoot__legal {
		align-items: flex-start;
		flex-direction: column;
	}

	.jlc-sitefoot__wm {
		font-size: clamp(56px, 22vw, 96px);
	}
}