/**
 * JILI GAME landing (.fp-index-main--rj): navy night-gold (#0f172a base + amber accents); header/footer/body aligned.
 * 1) Overrides theme-style / site-reading-unify global #main-content color !important rules.
 * 2) Aligns body / top bar / frame / footer with the palette.
 *
 * Load order: must enqueue after blogshare-site-reading-unify, blogshare-front-page-index (and blogshare-front-page when registered).
 *
 * @package blogshare
 */

:root {
	--jp-bg: #1a2338;
	--jp-bg-alt: #23324d;
	--jp-bg-deep: #0a101f;
	--jp-ink: #e2e8f0;
	--jp-ink-muted: #b8c4d9;
	--jp-ink-soft: #8b99b8;
	--jp-heading: #f4f7ff;
	--jp-footer-fg: #ffffff;
	--jp-footer-muted: rgba(255, 255, 255, 0.8);
	--jp-on-dark: #f4fbfb;
	--jp-link: #fcd34d;
	--jp-link-hover: #fbbf24;
	--jp-card: rgba(30, 41, 59, 0.78);
}

/* Base #main-content text color lives in front-page-index.css (more specific main#main-content…) to avoid duplicating here. */

#main-content.fp-index-main.fp-index-main--rj h1,
#main-content.fp-index-main.fp-index-main--rj h2,
#main-content.fp-index-main.fp-index-main--rj h3,
#main-content.fp-index-main.fp-index-main--rj h4,
#main-content.fp-index-main.fp-index-main--rj h5,
#main-content.fp-index-main.fp-index-main--rj h6 {
	color: inherit !important;
}

#main-content.fp-index-main.fp-index-main--rj p,
#main-content.fp-index-main.fp-index-main--rj li,
#main-content.fp-index-main.fp-index-main--rj dd,
#main-content.fp-index-main.fp-index-main--rj dt {
	color: inherit !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-white,
#main-content.fp-index-main.fp-index-main--rj h1.text-white,
#main-content.fp-index-main.fp-index-main--rj h2.text-white,
#main-content.fp-index-main.fp-index-main--rj h3.text-white,
#main-content.fp-index-main.fp-index-main--rj time.text-white,
#main-content.fp-index-main.fp-index-main--rj strong.text-white {
	color: var(--jp-heading) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-teal-200 {
	color: var(--jp-link-hover) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-300 {
	color: var(--jp-link) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-400 {
	color: var(--jp-link) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-500 {
	color: var(--jp-link-hover) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-teal-300\/90 {
	color: rgba(251, 191, 36, 0.92) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-slate-200\/90 {
	color: rgba(226, 232, 240, 0.92) !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-slate-200 {
	color: var(--jp-ink-muted) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-300 {
	color: var(--jp-ink-muted) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-400 {
	color: rgba(196, 210, 224, 0.94) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-500 {
	color: rgba(173, 186, 202, 0.92) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-600 {
	color: var(--jp-ink-soft) !important;
}
#main-content.fp-index-main.fp-index-main--rj .text-slate-900 {
	color: var(--jp-heading) !important;
}

/* Light-surface gradient buttons: explicit dark ink (avoid conflict with legacy .text-slate-900 heading remap above). */
#main-content.fp-index-main.fp-index-main--rj a.fp-cta-on-light,
#main-content.fp-index-main.fp-index-main--rj button.fp-cta-on-light {
	color: #0f172a !important;
	text-decoration: none !important;
}

#main-content.fp-index-main.fp-index-main--rj a.fp-cta-on-light:hover,
#main-content.fp-index-main.fp-index-main--rj a.fp-cta-on-light:focus-visible,
#main-content.fp-index-main.fp-index-main--rj button.fp-cta-on-light:hover,
#main-content.fp-index-main.fp-index-main--rj button.fp-cta-on-light:focus-visible {
	color: #020617 !important;
}

#main-content.fp-index-main.fp-index-main--rj .text-amber-400 {
	color: #fbbf24 !important;
}

#main-content.fp-index-main.fp-index-main--rj a.text-teal-400 {
	color: var(--jp-link) !important;
}
#main-content.fp-index-main.fp-index-main--rj a.text-teal-500 {
	color: var(--jp-link-hover) !important;
}

#main-content.fp-index-main.fp-index-main--rj a.text-teal-400:hover,
#main-content.fp-index-main.fp-index-main--rj a.hover\:text-teal-300:hover {
	color: #fde68a !important;
}
#main-content.fp-index-main.fp-index-main--rj a.text-teal-500:hover,
#main-content.fp-index-main.fp-index-main--rj a.hover\:text-teal-400:hover {
	color: var(--jp-link) !important;
}

#main-content.fp-index-main.fp-index-main--rj a.bg-brand,
#main-content.fp-index-main.fp-index-main--rj .inline-flex.rounded-full.bg-brand,
#main-content.fp-index-main.fp-index-main--rj button.bg-brand,
#main-content.fp-index-main.fp-index-main--rj .bg-brand.text-white {
	background-image: linear-gradient(to bottom, #ecd078, #c9a227) !important;
	background-color: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	box-shadow: 0 4px 22px rgba(201, 162, 39, 0.35) !important;
	color: #171f2e !important;
}
#main-content.fp-index-main.fp-index-main--rj a.bg-brand:hover,
#main-content.fp-index-main.fp-index-main--rj .hover\:bg-brand-dark:hover {
	background-image: none !important;
	background-color: #bd950f !important;
	color: #171f2e !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj h1,
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj h2,
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj h3 {
	color: inherit !important;
}

/**
 * JILI GAME shell: navy base (#111827), amber accent chain.
 * Applies only when main.fp-index-main--rj exists so other light fp-index pages stay untouched.
 */
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) {
	--theme-primary: #c9a227;
	--theme-primary-rgb: 201, 162, 39;
	--theme-primary-dim: #a67f1b;
	--theme-primary-contrast: #171f2e;
	--kjl-neon: #c9a227;
	--kjl-neon-dim: #a67f1b;
	--theme-page-bg: #111827;
	--theme-content-bg: #111827;
	--lv-read-surface: #111827;
	--kjl-page-edge: #111827;
	background: #111827 !important;
	background-image: none !important;
	color: var(--jp-ink-muted) !important;
}

html:has(main#main-content.fp-index-main.fp-index-main--rj),
html:has(main#main-content.kjl-blog-main) {
	background-color: #111827 !important;
}

@media (max-width: 1023px) {
	body.kjl-landing.lotsa-light-home:has(main#main-content.fp-index-main.fp-index-main--rj) {
		background: #111827 !important;
		background-image: none !important;
	}
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-content-frame,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-content-frame--sub {
	background-color: #111827 !important;
	background-image: none !important;
	box-shadow: none !important;
	border-color: rgba(4, 35, 43, 0.2) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-content-inner::before {
	opacity: 0.12;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) header.lv-site-header.kjl-top-header,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-site-header.kjl-top-header {
	background: rgba(17, 24, 39, 0.92) !important;
	border-bottom-color: rgba(4, 35, 43, 0.15) !important;
	box-shadow: none !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header .lv-menu-desktop a {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop a:hover,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop a:focus-visible,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header .lv-menu-desktop a:hover {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop .current-menu-item > a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #lv-nav-desktop .current_page_item > a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header .current-menu-item > a {
	color: var(--jp-link-hover) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-text-logo__king {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-text-logo__jili {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-brand-domain {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-brand-lockup__name {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-brand-lockup__domain {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #nav-toggle {
	border-color: rgba(4, 35, 43, 0.25) !important;
	background: rgba(255, 255, 255, 0.35) !important;
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-top-header #nav-toggle:hover {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #mobile-nav {
	background: var(--jp-bg-deep) !important;
	border-top-color: rgba(255, 255, 255, 0.25) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #mobile-nav a {
	color: var(--jp-on-dark) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon.kjl-footer,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon {
	background: var(--jp-bg-deep) !important;
	background-image: none !important;
	border-top-color: rgba(255, 255, 255, 0.28) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-bottom .lv-footer-nav {
	background: rgba(4, 35, 43, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.22) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .text-gray-300,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-footer-nav,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .lv-footer-menu a,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon a {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-bottom .lv-footer-menu a:hover,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-bottom .lv-footer-menu a:focus-visible {
	background: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
	color: var(--jp-footer-fg) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-legal__copy {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-brand__link,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__name {
	color: var(--jp-footer-fg) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__host {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:hover,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:focus-visible {
	color: #ffffff !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:hover .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #colophon .kjl-footer-brand__link:focus-visible .kjl-footer-brand__host {
	color: var(--jp-footer-fg) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-blurb,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-blurb p {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) .kjl-footer-legal__disclaimer {
	color: var(--jp-footer-muted) !important;
	opacity: 1 !important;
}

/*
 * Reviews / lv-inner-page: overrides inner-pages.css light gray text and transparent cards on body.kjl-landing #main-content.lv-inner-page.
 */
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page p,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page li,
body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--prose p {
	color: var(--jp-ink-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec > h2 {
	color: var(--jp-heading) !important;
	border-bottom-color: rgba(4, 35, 43, 0.2) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .hero {
	background: var(--jp-card) !important;
	border-color: rgba(4, 35, 43, 0.12) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .hero h1 {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .hero p {
	color: var(--jp-ink-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--quotes blockquote {
	border-left-color: rgba(0, 61, 74, 0.55) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--quotes blockquote p {
	color: var(--jp-ink-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--quotes cite {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--media .page-media-item {
	border: 1px solid rgba(4, 35, 43, 0.15) !important;
	background: rgba(255, 255, 255, 0.45) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page section:hover {
	box-shadow: 0 20px 48px rgba(4, 35, 43, 0.12) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--score > article.lv-score-card {
	background: var(--jp-card) !important;
	border: 1px solid rgba(4, 35, 43, 0.12) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-sec--score > article.lv-score-card > p {
	color: var(--jp-ink-muted) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-score-card__title {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #main-content.lv-inner-page .lv-score-card__value {
	color: var(--jp-link) !important;
}

/** Default WP page.php (.kjl-default-page): overrides site-reading-unify light prose variables / !important. */
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose,
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose {
	color: var(--jp-ink-muted) !important;
	--tw-prose-body: var(--jp-ink-muted) !important;
	--tw-prose-headings: var(--jp-heading) !important;
	--tw-prose-bold: var(--jp-heading) !important;
	--tw-prose-bullets: var(--jp-ink-soft) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose > :where(p, li):not(.wp-block-quote),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose > :where(p, li):not(.wp-block-quote),
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(li)::marker,
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(li)::marker {
	color: var(--jp-ink-muted) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h2, h3, h4, h5, h6),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h2, h3, h4, h5, h6) {
	color: var(--jp-heading) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h1),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(h1) {
	color: var(--jp-heading) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(strong),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(strong) {
	color: var(--jp-heading) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a) {
	color: var(--jp-link) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a):hover,
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(a):hover {
	color: var(--jp-link-hover) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(table),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(table) {
	color: var(--jp-ink-muted) !important;
}

body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(th),
body.lotsa-light-home #main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(td),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(th),
#main-content.fp-index-main.fp-index-main--rj.kjl-default-page .prose :where(td) {
	color: var(--jp-ink-muted) !important;
	border-color: rgba(4, 35, 43, 0.2) !important;
}

/* Section footers, card borders, dark gradient CTA (login block, etc.) */
#main-content.fp-index-main.fp-index-main--rj .bg-slate-950 {
	background-color: var(--jp-bg) !important;
}

#main-content.fp-index-main.fp-index-main--rj .border-slate-800 {
	border-color: rgba(4, 35, 43, 0.18) !important;
}

#main-content.fp-index-main.fp-index-main--rj .border-slate-700 {
	border-color: rgba(4, 35, 43, 0.14) !important;
}

#main-content.fp-index-main.fp-index-main--rj .ring-slate-700,
#main-content.fp-index-main.fp-index-main--rj .ring-slate-700\/80 {
	--tw-ring-color: rgba(4, 35, 43, 0.2) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login {
	background: linear-gradient(to bottom, var(--jp-bg-alt), #312e81) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login .text-white,
#main-content.fp-index-main.fp-index-main--rj section#login h1.text-white,
#main-content.fp-index-main.fp-index-main--rj section#login h2.text-white,
#main-content.fp-index-main.fp-index-main--rj section#login h3.text-white {
	color: var(--jp-on-dark) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login p,
#main-content.fp-index-main.fp-index-main--rj section#login .font-semibold.text-white {
	color: rgba(245, 254, 255, 0.92) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login .text-slate-200\/90,
#main-content.fp-index-main.fp-index-main--rj section#login .text-teal-200 {
	color: rgba(220, 250, 255, 0.95) !important;
}

#main-content.fp-index-main.fp-index-main--rj section#login a.border-white {
	color: var(--jp-on-dark) !important;
	border-color: rgba(255, 255, 255, 0.55) !important;
}

#main-content.fp-index-main.fp-index-main--rj .bg-surface-card .text-teal-300 {
	color: var(--jp-link) !important;
}

/* JILI GAME: tap highlight on mobile drawer links (overrides gold tint from mobile-tune) */
@media (max-width: 1023px) {
	body.kjl-landing:has(main#main-content.fp-index-main.fp-index-main--rj) #mobile-nav.lv-mobile-nav:not(.hidden) a[href],
	body.kjl-landing:has(main#main-content.kjl-blog-main) #mobile-nav.lv-mobile-nav:not(.hidden) a[href] {
		-webkit-tap-highlight-color: rgba(201, 162, 39, 0.22);
	}
}

/**
 * Blog / single / archive / author (main.kjl-blog-main): same night shell as marketing pages.
 */
body.kjl-landing:has(main#main-content.kjl-blog-main) {
	--theme-primary: #c9a227;
	--theme-primary-rgb: 201, 162, 39;
	--theme-primary-dim: #a67f1b;
	--theme-primary-contrast: #171f2e;
	--kjl-neon: #c9a227;
	--kjl-neon-dim: #a67f1b;
	--theme-page-bg: #111827;
	--theme-content-bg: #111827;
	--lv-read-surface: #111827;
	--kjl-page-edge: #111827;
	background: #111827 !important;
	background-image: none !important;
	color: var(--jp-ink-muted) !important;
}

@media (max-width: 1023px) {
	body.kjl-landing.lotsa-light-home:has(main#main-content.kjl-blog-main) {
		background: #111827 !important;
		background-image: none !important;
	}
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-content-frame,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-content-frame--sub {
	background-color: #111827 !important;
	background-image: none !important;
	box-shadow: none !important;
	border-color: rgba(4, 35, 43, 0.2) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-content-inner::before {
	opacity: 0.12;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) header.lv-site-header.kjl-top-header,
body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-site-header.kjl-top-header {
	background: rgba(17, 24, 39, 0.92) !important;
	border-bottom-color: rgba(4, 35, 43, 0.15) !important;
	box-shadow: none !important;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop a,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header .lv-menu-desktop a {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop a:hover,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop a:focus-visible,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header .lv-menu-desktop a:hover {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop .current-menu-item > a,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #lv-nav-desktop .current_page_item > a,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header .current-menu-item > a {
	color: var(--jp-link-hover) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-text-logo__king {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-text-logo__jili {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-brand-domain {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-brand-lockup__name {
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-brand-lockup__domain {
	color: var(--jp-ink-soft) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #nav-toggle {
	border-color: rgba(4, 35, 43, 0.25) !important;
	background: rgba(255, 255, 255, 0.35) !important;
	color: var(--jp-heading) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-top-header #nav-toggle:hover {
	color: var(--jp-link) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #mobile-nav {
	background: var(--jp-bg-deep) !important;
	border-top-color: rgba(255, 255, 255, 0.25) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #mobile-nav a {
	color: var(--jp-on-dark) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon.kjl-footer,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon {
	background: var(--jp-bg-deep) !important;
	background-image: none !important;
	border-top-color: rgba(255, 255, 255, 0.28) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-bottom .lv-footer-nav {
	background: rgba(4, 35, 43, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.22) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .text-gray-300,
body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-footer-nav,
body.kjl-landing:has(main#main-content.kjl-blog-main) .lv-footer-menu a,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon a {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-bottom .lv-footer-menu a:hover,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-bottom .lv-footer-menu a:focus-visible {
	background: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.35) !important;
	color: var(--jp-footer-fg) !important;
	box-shadow: none !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-legal__copy {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-brand__link,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__name {
	color: var(--jp-footer-fg) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__host {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__link:hover,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__link:focus-visible {
	color: #ffffff !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__link:hover .kjl-footer-brand__host,
body.kjl-landing:has(main#main-content.kjl-blog-main) #colophon .kjl-footer-brand__link:focus-visible .kjl-footer-brand__host {
	color: var(--jp-footer-fg) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-blurb,
body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-blurb p {
	color: var(--jp-footer-muted) !important;
}

body.kjl-landing:has(main#main-content.kjl-blog-main) .kjl-footer-legal__disclaimer {
	color: var(--jp-footer-muted) !important;
	opacity: 1 !important;
}

/* Blog main: section backgrounds vs body text contrast */
#main-content.kjl-blog-main {
	background: var(--jp-bg) !important;
	color: var(--jp-ink-muted) !important;
}

#main-content.kjl-blog-main .lv-blog-hero,
#main-content.kjl-blog-main .lv-single-hero {
	background: var(--jp-bg-alt) !important;
	border-color: rgba(4, 35, 43, 0.12) !important;
}

#main-content.kjl-blog-main .lv-breadcrumb a,
#main-content.kjl-blog-main .lv-single-breadcrumb a {
	color: var(--jp-link) !important;
}

#main-content.kjl-blog-main .lv-breadcrumb a:hover,
#main-content.kjl-blog-main .lv-single-breadcrumb a:hover {
	color: var(--jp-link-hover) !important;
}

#main-content.kjl-blog-main .text-slate-900,
#main-content.kjl-blog-main .lv-author-hero__text h1 {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main .text-slate-800,
#main-content.kjl-blog-main .text-slate-700,
#main-content.kjl-blog-main .text-slate-600,
#main-content.kjl-blog-main .text-slate-500,
#main-content.kjl-blog-main .lv-author-bio,
#main-content.kjl-blog-main .lv-author-hero__text p {
	color: var(--jp-ink-soft) !important;
}

#main-content.kjl-blog-main .border-slate-200,
#main-content.kjl-blog-main .border-slate-200\/80,
#main-content.kjl-blog-main .border-slate-200\/60 {
	border-color: rgba(4, 35, 43, 0.14) !important;
}

#main-content.kjl-blog-main section[class*="bg-slate-50"] {
	background: var(--jp-bg) !important;
}

#main-content.kjl-blog-main .text-luxury-gold {
	color: var(--jp-link) !important;
}

#main-content.kjl-blog-main a.text-luxury-gold:hover,
#main-content.kjl-blog-main a:hover.text-luxury-gold {
	color: var(--jp-link-hover) !important;
}

#main-content.kjl-blog-main .bg-white,
#main-content.kjl-blog-main .post-navigation-wrapper a {
	background: var(--jp-card) !important;
	border-color: rgba(4, 35, 43, 0.12) !important;
}

#main-content.kjl-blog-main .post-navigation-wrapper a .text-slate-900 {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main .lv-single-prose,
#main-content.kjl-blog-main .entry-content {
	color: var(--jp-ink-muted) !important;
}

#main-content.kjl-blog-main .lv-single-prose a,
#main-content.kjl-blog-main .entry-content a {
	color: var(--jp-link) !important;
}

#main-content.kjl-blog-main .prose,
#main-content.kjl-blog-main .prose-slate {
	color: var(--jp-ink-muted) !important;
	--tw-prose-body: var(--jp-ink-muted) !important;
	--tw-prose-headings: var(--jp-heading) !important;
	--tw-prose-bold: var(--jp-heading) !important;
	--tw-prose-bullets: var(--jp-ink-soft) !important;
	--tw-prose-counters: var(--jp-ink-soft) !important;
}

#main-content.kjl-blog-main .prose a {
	color: var(--jp-link) !important;
}

#main-content.kjl-blog-main .lv-post-row__media,
#main-content.kjl-blog-main .lv-author-hero-avatar {
	border-color: rgba(4, 35, 43, 0.14) !important;
	background: rgba(255, 255, 255, 0.35) !important;
}

#main-content.kjl-blog-main .lv-blog-sidebar {
	color: var(--jp-ink-muted) !important;
}

#main-content.kjl-blog-main .page-numbers,
#main-content.kjl-blog-main .lv-pagination-shell a,
#main-content.kjl-blog-main .lv-pagination-shell span {
	border-color: rgba(4, 35, 43, 0.18) !important;
	color: var(--jp-heading) !important;
	background: rgba(255, 255, 255, 0.55) !important;
}

#main-content.kjl-blog-main .page-numbers.current,
#main-content.kjl-blog-main .lv-pagination-shell span.current {
	background: rgba(4, 35, 43, 0.12) !important;
}

/* Search results: same teal-tint shell and text colors as blog listing */
#main-content.kjl-blog-main.srch-pg .srch-pg__results-title,
#main-content.kjl-blog-main.srch-pg .srch-pg__results-title span {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main .srch-item__title {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main .srch-item__title:hover {
	color: var(--jp-link-hover) !important;
}

#main-content.kjl-blog-main .srch-item__date,
#main-content.kjl-blog-main .srch-item__excerpt,
#main-content.kjl-blog-main .srch-pg__empty {
	color: var(--jp-ink-soft) !important;
}

#main-content.kjl-blog-main .srch-item__thumb img {
	border-color: rgba(4, 35, 43, 0.14) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__form-inner {
	border-color: rgba(4, 35, 43, 0.14) !important;
	background: var(--jp-card) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__icon {
	color: var(--jp-ink-soft) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__input {
	color: var(--jp-heading) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__input::placeholder {
	color: var(--jp-ink-soft);
	opacity: 0.88;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__submit {
	background: var(--jp-link) !important;
	color: #ffffff !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__submit:hover {
	background: var(--jp-link-hover) !important;
	filter: none;
}

#main-content.kjl-blog-main.srch-pg .srch-item {
	border-bottom-color: rgba(4, 35, 43, 0.1) !important;
}

#main-content.kjl-blog-main.srch-pg .srch-pg__pager {
	border-top-color: rgba(4, 35, 43, 0.12) !important;
}
