:root {
	--cci-cms-ink: #07130e;
	--cci-cms-green: #087657;
	--cci-cms-muted: #66736c;
	--cci-cms-line: #e5e7eb;
	--cci-cms-paper: #f4f6f3;
}

.cci-cms,
.cci-cms * {
	box-sizing: border-box;
}

.cci-cms {
	width: 100%;
	border-top: 1px solid var(--cci-cms-line);
	background: #fff;
	color: var(--cci-cms-ink);
	font-family: var(--cci-font-body, "Inter", Arial, sans-serif);
}

.cci-cms-inner {
	width: min(1280px, calc(100% - 48px));
	margin: 0 auto;
	padding: 72px 0 76px;
}

.cci-cms-head {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	padding: 0 0 20px;
	margin: 0 0 30px;
}

.cci-cms-head::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 52px;
	height: 3px;
	background: var(--cci-cms-green);
	content: "";
}

.cci-cms-head span {
	display: block;
	margin: 0 0 5px;
	color: var(--cci-cms-green);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.cci-cms-head h2 {
	margin: 0;
	color: var(--cci-cms-ink);
	font-size: clamp(32px, 3.2vw, 44px);
	font-weight: 800;
	line-height: 1.06;
	letter-spacing: -.035em;
}

.cci-cms-head > a {
	flex: 0 0 auto;
	padding: 5px 0 3px;
	border-bottom: 2px solid var(--cci-cms-green);
	color: var(--cci-cms-ink);
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

.cci-cms img {
	display: block;
	width: 100%;
	object-fit: cover;
}

.cci-cms a {
	color: inherit;
	text-decoration: none;
}

.cci-cms a:hover h3,
.cci-cms h3 a:hover,
.cci-cms-text-links a:hover strong,
.cci-cms-brand-links a:hover strong,
.cci-cms-ev-links a:hover strong {
	text-decoration: underline;
}

.cci-cms-dual {
	background: #fff;
}

.cci-cms-dual-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 48px;
}

.cci-cms-channel {
	min-width: 0;
}

.cci-cms-channel-lead {
	border-bottom: 1px solid var(--cci-cms-line);
	padding-bottom: 20px;
}

.cci-cms-channel-image {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--cci-cms-paper);
}

.cci-cms-channel-image:empty {
	display: none;
}

.cci-cms-channel-image img {
	height: 100%;
}

.cci-cms-channel-lead h3 {
	display: -webkit-box;
	min-height: 56px;
	overflow: hidden;
	margin: 15px 0 7px;
	font-size: 24px;
	line-height: 1.16;
	letter-spacing: -.025em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cci-cms-text-links,
.cci-cms-brand-links,
.cci-cms-ev-links {
	display: flex;
	flex-direction: column;
}

.cci-cms-text-links a,
.cci-cms-brand-links a,
.cci-cms-ev-links a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: start;
	gap: 24px;
	padding: 15px 0;
	border-bottom: 1px solid var(--cci-cms-line);
}

.cci-cms-text-links strong,
.cci-cms-brand-links strong,
.cci-cms-ev-links strong {
	font-size: 14px;
	line-height: 1.35;
}

.cci-cms-text-links time,
.cci-cms-brand-links time,
.cci-cms-ev-links time {
	color: var(--cci-cms-muted);
	font-size: 11px;
	white-space: nowrap;
}

.cci-cms-reviews {
	background: #fff;
}

.cci-cms-review-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 28px;
}

.cci-cms-list-column {
	min-width: 0;
	border-top: 1px solid var(--cci-cms-line);
}

.cci-cms-compact-item {
	display: grid;
	grid-template-columns: 118px minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	min-height: 116px;
	padding: 16px 0;
	border-bottom: 1px solid var(--cci-cms-line);
}

.cci-cms-thumb {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--cci-cms-paper);
}

.cci-cms-thumb:empty {
	display: none;
}

.cci-cms-thumb img {
	height: 100%;
}

.cci-cms-compact-item h3 {
	display: -webkit-box;
	min-height: 39px;
	overflow: hidden;
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cci-cms-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 12px;
	color: var(--cci-cms-muted);
	font-size: 10px;
	line-height: 1.25;
}

.cci-cms-meta span:not(:first-child)::before {
	content: "•";
	margin-right: 7px;
	color: #aeb7b1;
}

.cci-cms-brands {
	background: #fff;
}

.cci-cms-brand-lead {
	margin-bottom: 12px;
}

.cci-cms-brand-lead > a {
	display: block;
}

.cci-cms-brand-lead img {
	aspect-ratio: 16 / 9;
	max-height: 460px;
}

.cci-cms-brand-lead h3 {
	margin: 0;
	padding: 18px 0 20px;
	border-bottom: 1px solid var(--cci-cms-line);
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.12;
	letter-spacing: -.03em;
}

.cci-cms-brand-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 34px;
}

.cci-cms-buyer {
	background: #fff;
}

.cci-cms-buyer-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 44px;
}

.cci-cms-ev {
	background: #fff;
}

.cci-cms-ev-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
	gap: 38px;
	align-items: stretch;
}

.cci-cms-ev-lead > a {
	position: relative;
	display: block;
	height: 100%;
	min-height: 420px;
	overflow: hidden;
	background: var(--cci-cms-ink);
}

.cci-cms-ev-lead img {
	height: 100%;
	min-height: 420px;
}

.cci-cms-ev-lead span {
	position: absolute;
	inset: auto 0 0;
	padding: 70px 28px 26px;
	color: #fff;
	background: linear-gradient(0deg, rgba(4, 14, 9, .92), rgba(4, 14, 9, 0));
}

.cci-cms-ev-lead small {
	display: block;
	margin-bottom: 6px;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
}

.cci-cms-ev-lead h3 {
	margin: 0;
	color: #fff;
	font-size: clamp(24px, 3vw, 35px);
	line-height: 1.1;
	letter-spacing: -.03em;
}

.cci-cms-ev-links {
	border-top: 1px solid var(--cci-cms-line);
}

.cci-cms-ev-links a {
	flex: 1;
	align-content: center;
}

.cci-cms-latest {
	background: #fff;
}

.cci-cms-horizontal-list {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-top: 1px solid var(--cci-cms-line);
}

.cci-cms-horizontal-row {
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 26px;
	align-items: center;
	padding: 20px 0;
	border: 0;
	border-bottom: 1px solid var(--cci-cms-line);
	background: #fff;
}

.cci-cms-horizontal-image {
	display: block;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: var(--cci-cms-paper);
}

.cci-cms-horizontal-image:empty {
	display: none;
}

.cci-cms-horizontal-image img {
	height: 100%;
}

.cci-cms-category {
	display: block;
	margin-bottom: 6px;
	color: var(--cci-cms-green);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.cci-cms-horizontal-row h3 {
	display: -webkit-box;
	overflow: hidden;
	margin: 0 0 8px;
	font-size: 22px;
	line-height: 1.18;
	letter-spacing: -.02em;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cci-cms-pagination {
	display: flex;
	justify-content: center;
	gap: 7px;
	margin-top: 30px;
}

.cci-cms-pagination a,
.cci-cms-pagination span {
	display: grid;
	min-width: 40px;
	height: 40px;
	place-items: center;
	padding: 0 12px;
	border: 1px solid var(--cci-cms-line);
	background: #fff;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
}

.cci-cms-pagination span {
	border-color: var(--cci-cms-ink);
	background: var(--cci-cms-ink);
	color: #fff;
}

.cci-cms-pagination .cci-cms-next {
	width: auto;
}

#cci-cms-editorial-shell,
#cci-cms-editorial-columns,
#cci-cms-editorial-left,
#cci-cms-editorial-sidebar-column {
	overflow: visible;
}

#cci-cms-editorial-shell {
	width: 100%;
	padding: 72px 24px 76px;
	border-top: 1px solid var(--cci-cms-line);
	background: #fff;
}

#cci-cms-editorial-columns {
	display: flex;
	width: min(1280px, 100%);
	margin: 0 auto;
	gap: 28px;
	align-items: stretch;
}

#cci-cms-editorial-left {
	flex: 0 1 calc(72% - 14px);
	min-width: 0;
}

#cci-cms-editorial-sidebar-column {
	flex: 0 1 calc(28% - 14px);
	min-width: 260px;
}

#cci-cms-editorial-left .cci-cms-inner {
	width: 100%;
	padding: 54px 0 58px;
}

#cci-cms-editorial-left > .elementor-element:first-child .cci-cms {
	border-top: 0;
}

#cci-cms-editorial-left > .elementor-element:first-child .cci-cms-inner {
	padding-top: 0;
}

#cci-cms-editorial-left > .elementor-element:last-child .cci-cms-inner {
	padding-bottom: 0;
}

#cci-cms-editorial-sidebar-column > .elementor-element {
	position: sticky;
	top: 90px;
}

.cci-cms-sidebar {
	width: 100%;
	padding: 22px;
	border: 1px solid var(--cci-cms-line);
	background: #fff;
	color: var(--cci-cms-ink);
	font-family: var(--cci-font-body, "Inter", Arial, sans-serif);
}

.cci-sidebar-module + .cci-sidebar-module {
	margin-top: 30px;
}

.cci-sidebar-module > header {
	position: relative;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--cci-cms-line);
}

.cci-sidebar-module > header::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 40px;
	height: 3px;
	background: var(--cci-cms-green);
	content: "";
}

.cci-sidebar-module > header h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.02em;
}

.cci-sidebar-module > header a {
	flex: 0 0 auto;
	color: var(--cci-cms-muted);
	font-size: 10px;
	font-weight: 700;
	text-decoration: none;
}

.cci-sidebar-list {
	border-bottom: 1px solid var(--cci-cms-line);
}

.cci-sidebar-article {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid var(--cci-cms-line);
}

.cci-sidebar-article:last-child {
	border-bottom: 0;
}

.cci-sidebar-article-no-image {
	grid-template-columns: 1fr;
}

.cci-sidebar-thumb {
	display: block;
	width: 80px;
	height: 55px;
	overflow: hidden;
	background: var(--cci-cms-paper);
}

.cci-sidebar-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cci-sidebar-article h4 {
	display: -webkit-box;
	overflow: hidden;
	margin: 0 0 5px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.28;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cci-sidebar-article h4 a {
	color: inherit;
	text-decoration: none;
}

.cci-sidebar-article time {
	color: var(--cci-cms-muted);
	font-size: 10px;
}

.cci-sidebar-logo-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	padding-top: 12px;
}

.cci-sidebar-logo-grid a {
	display: grid;
	min-width: 0;
	aspect-ratio: 1;
	place-items: center;
	padding: 8px;
	border: 1px solid var(--cci-cms-line);
	background: #fff;
	color: var(--cci-cms-muted);
	text-decoration: none;
}

.cci-sidebar-logo-grid img {
	display: block;
	width: 100%;
	height: 52px;
	object-fit: contain;
}

.cci-sidebar-logo-grid span {
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 4px;
	font-size: 9px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 1024px) {
	.cci-cms-inner {
		width: min(100% - 40px, 1280px);
		padding: 58px 0 62px;
	}

	.cci-cms-dual-grid {
		gap: 30px;
	}

	.cci-cms-review-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cci-cms-buyer-grid {
		gap: 0 28px;
	}

	.cci-cms-ev-grid {
		grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
		gap: 28px;
	}

	.cci-cms-horizontal-row {
		grid-template-columns: 250px minmax(0, 1fr);
	}

	#cci-cms-editorial-shell {
		padding: 58px 20px 62px;
	}

	#cci-cms-editorial-columns {
		gap: 24px;
	}

	#cci-cms-editorial-left {
		flex-basis: calc(65% - 12px);
	}

	#cci-cms-editorial-sidebar-column {
		flex-basis: calc(35% - 12px);
		min-width: 240px;
	}

	.cci-cms-sidebar {
		padding: 17px;
	}

	.cci-sidebar-article {
		grid-template-columns: 70px minmax(0, 1fr);
		gap: 10px;
	}

	.cci-sidebar-thumb {
		width: 70px;
		height: 48px;
	}

	.cci-sidebar-logo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.cci-cms-inner {
		width: min(100% - 32px, 1280px);
		padding: 46px 0 50px;
	}

	.cci-cms-head {
		align-items: flex-start;
		gap: 16px;
		margin-bottom: 20px;
	}

	.cci-cms-head h2 {
		font-size: 30px;
	}

	.cci-cms-head > a {
		margin-top: 3px;
	}

	.cci-cms-dual-grid,
	.cci-cms-review-grid,
	.cci-cms-buyer-grid,
	.cci-cms-ev-grid,
	.cci-cms-brand-links {
		grid-template-columns: 1fr;
	}

	.cci-cms-dual-grid {
		gap: 48px;
	}

	.cci-cms-compact-item {
		grid-template-columns: 108px minmax(0, 1fr);
	}

	.cci-cms-brand-lead img {
		aspect-ratio: 16 / 9;
	}

	.cci-cms-ev-lead > a,
	.cci-cms-ev-lead img {
		min-height: 0;
	}

	.cci-cms-ev-lead > a {
		aspect-ratio: 16 / 10;
	}

	.cci-cms-ev-links {
		margin-top: 4px;
	}

	.cci-cms-horizontal-row {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 18px 0;
	}

	.cci-cms-horizontal-row h3 {
		font-size: 19px;
	}

	#cci-cms-editorial-shell {
		padding: 46px 16px 50px;
	}

	#cci-cms-editorial-columns {
		flex-direction: column;
		gap: 46px;
	}

	#cci-cms-editorial-left,
	#cci-cms-editorial-sidebar-column {
		flex: 0 0 100%;
		width: 100%;
		min-width: 0;
	}

	#cci-cms-editorial-sidebar-column > .elementor-element {
		position: static;
	}

	.cci-cms-sidebar {
		padding: 20px;
	}

	.cci-sidebar-logo-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.cci-cms-meta span:not(:first-child)::before {
	content: "·";
}

#brand-directory .elementor-heading-title,
#brand-directory a,
#brand-directory a strong {
	font-family: var(--cci-font-heading) !important;
}

#brand-directory,
#brand-directory .elementor-widget-text-editor,
#brand-directory .elementor-widget-text-editor * {
	font-family: var(--cci-font-body) !important;
}

@media (max-width: 480px) {
	.cci-cms-head {
		display: block;
	}

	.cci-cms-head > a {
		display: inline-block;
		margin-top: 12px;
	}

	.cci-cms-compact-item {
		grid-template-columns: 96px minmax(0, 1fr);
		gap: 12px;
	}

	.cci-cms-text-links a,
	.cci-cms-brand-links a,
	.cci-cms-ev-links a {
		gap: 12px;
	}

}

/* China Car Insider global typography system. */
:root {
	--cci-font-heading: "Trebuchet MS", Arial, sans-serif;
	--cci-font-body: "Trebuchet MS", Arial, sans-serif;
}

body,
body p,
body li,
body label,
body input,
body select,
body textarea,
body small,
body time,
body .elementor-widget-text-editor,
body .elementor-widget-text-editor * {
	font-family: var(--cci-font-body) !important;
	font-weight: 400;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .elementor-heading-title,
body button,
body .elementor-button,
body .wpforms-submit,
body input[type="submit"],
body .btn {
	font-family: var(--cci-font-heading) !important;
}

body .desktop-nav,
body .desktop-nav a,
body .mobile-menu,
body .mobile-menu a,
body .elementor-nav-menu a,
body .xpro-navbar-nav a,
body header nav a {
	font-family: var(--cci-font-body) !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

body .elementor-button,
body .wpforms-submit,
body input[type="submit"],
body .btn,
body button {
	font-weight: 600 !important;
}

.cci-cms,
.cci-cms-sidebar {
	font-family: var(--cci-font-body) !important;
}

.cci-cms-head h2,
body.cci-site .section-head h2,
body.cci-site .channel-shelf-head h2,
body.cci-site .latest-archive-head h2 {
	display: -webkit-box;
	overflow: hidden;
	font-family: var(--cci-font-heading) !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	letter-spacing: -.02em !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cci-cms-head span,
.cci-cms-eyebrow,
.cci-cms-category,
.cci-cms-ev-lead small,
body.cci-site .eyebrow,
body.cci-site .tag,
body.cci-site .channel-story small,
body.cci-site .latest-article-row small,
body.cci-site .category-overview-card small {
	font-family: var(--cci-font-heading) !important;
	font-size: 10px !important;
	font-weight: 600 !important;
	letter-spacing: .14em !important;
	text-transform: uppercase;
	color: var(--cci-cms-green, #087657);
}

.cci-cms-head > a,
.cci-sidebar-module > header a,
body.cci-site .section-head a,
body.cci-site .channel-shelf-head > a {
	font-family: var(--cci-font-body) !important;
	font-size: 12px !important;
	font-weight: 600 !important;
}

.cci-cms-channel-lead h3,
.cci-cms-brand-lead h3,
.cci-cms-ev-lead h3,
body.cci-site .lead-card h3,
body.cci-site .category-overview-card strong {
	display: -webkit-box;
	overflow: hidden;
	font-size: 20px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	letter-spacing: -.015em !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cci-cms-text-links strong,
.cci-cms-brand-links strong,
.cci-cms-ev-links strong,
.cci-cms-compact-item h3,
.cci-sidebar-article h4,
body.cci-site .mini-list h3,
body.cci-site .channel-story strong,
body.cci-site .popular > a span,
body.cci-site .video-list b {
	display: -webkit-box;
	overflow: hidden;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cci-cms-horizontal-row h3,
body.cci-site .latest-article-row h3 {
	display: -webkit-box;
	overflow: hidden;
	font-size: 17px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	letter-spacing: -.01em !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.cci-sidebar-module > header h3 {
	font-family: var(--cci-font-heading) !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
}

body.cci-site .lead-card p,
body.cci-site .latest-article-row p,
body.cci-site .category-overview-card p {
	display: -webkit-box;
	overflow: hidden;
	font-family: var(--cci-font-body) !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.55 !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.cci-cms-meta,
.cci-cms-meta span,
.cci-cms-text-links time,
.cci-cms-brand-links time,
.cci-cms-ev-links time,
.cci-sidebar-article time,
body.cci-site .latest small,
body.cci-site .mini-list span,
body.cci-site .popular small,
body.cci-site .latest-article-row > div > span {
	font-family: var(--cci-font-body) !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	line-height: 1.35 !important;
	color: #7a7f85 !important;
}

body.cci-site .footer-links h3,
body.cci-site footer h3 {
	font-family: var(--cci-font-heading) !important;
	font-weight: 600 !important;
}

body.cci-site .footer-links a,
body.cci-site .footer-bottom,
body.cci-site footer p,
body.cci-site footer li {
	font-family: var(--cci-font-body) !important;
	font-weight: 400 !important;
}

@media (max-width: 1024px) {
	.cci-cms-head h2,
	body.cci-site .section-head h2,
	body.cci-site .channel-shelf-head h2,
	body.cci-site .latest-archive-head h2 {
		font-size: 22px !important;
	}
}

@media (max-width: 767px) {
	body .desktop-nav,
	body .desktop-nav a,
	body .mobile-menu,
	body .mobile-menu a,
	body .elementor-nav-menu a,
	body .xpro-navbar-nav a,
	body header nav a {
		font-size: 13px !important;
	}

	.cci-cms-head h2,
	body.cci-site .section-head h2,
	body.cci-site .channel-shelf-head h2,
	body.cci-site .latest-archive-head h2 {
		font-size: 20px !important;
	}

	.cci-cms-channel-lead h3,
	.cci-cms-brand-lead h3,
	.cci-cms-ev-lead h3,
	body.cci-site .lead-card h3,
	body.cci-site .category-overview-card strong {
		font-size: 18px !important;
	}

	.cci-cms-horizontal-row h3,
	body.cci-site .latest-article-row h3 {
		font-size: 16px !important;
	}
}

/* CCI TYPOGRAPHY SCALE 2026-08-02 START */
/* Establish a clear editorial hierarchy without changing layout or query logic. */

@media (min-width: 1025px) {
	body.cci-site .desktop-nav,
	body.cci-site .desktop-nav a,
	body.cci-site .xpro-elementor-horizontal-navbar-nav a,
	body.cci-site .xpro-navbar-nav a,
	body.cci-site header nav a {
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
	}

	body.cci-site .cci-cms-head h2,
	body.cci-site .section-head h2,
	body.cci-site .channel-shelf-head h2,
	body.cci-site .latest-archive-head h2,
	body.cci-site .brand-directory-head h2,
	body.cci-site .elementor-element-2c809677 .elementor-heading-title {
		font-size: 30px !important;
		font-weight: 700 !important;
		line-height: 1.16 !important;
		letter-spacing: -0.025em !important;
	}

	body.cci-site .hero-overlay h1,
	body.cci-site .hero-main h1,
	body.cci-site .cci-hero-title {
		font-size: clamp(38px, 3.3vw, 44px) !important;
		font-weight: 700 !important;
		line-height: 1.08 !important;
		letter-spacing: -0.04em !important;
	}

	body.cci-site .cci-cms-channel-lead h3,
	body.cci-site .cci-cms-brand-lead h3,
	body.cci-site .cci-cms-ev-lead h3,
	body.cci-site .cci-cms-main h3,
	body.cci-site .lead-card h3,
	body.cci-site .feature-row h2,
	body.cci-site .category-overview-card strong,
	body.cci-site .video-feature h3 {
		font-size: 24px !important;
		font-weight: 700 !important;
		line-height: 1.25 !important;
		letter-spacing: -0.018em !important;
	}

	body.cci-site .cci-cms-compact-item h3,
	body.cci-site .cci-cms-horizontal-row h3,
	body.cci-site .latest-article-row h3,
	body.cci-site .channel-story strong,
	body.cci-site .mini-list h3,
	body.cci-site .topic b {
		font-size: 19px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
	}

	body.cci-site .cci-sidebar-article h4,
	body.cci-site .cci-sidebar-article h3,
	body.cci-site .latest article h3,
	body.cci-site .popular > a span,
	body.cci-site .latest-archive-aside a span,
	body.cci-site .video-list b {
		font-size: 16px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
	}

	body.cci-site .cci-cms-channel-lead p,
	body.cci-site .cci-cms-brand-lead p,
	body.cci-site .cci-cms-ev-lead p,
	body.cci-site .cci-cms-horizontal-row p,
	body.cci-site .latest-article-row p,
	body.cci-site .lead-card p,
	body.cci-site .category-overview-card p,
	body.cci-site .hero-overlay p {
		font-size: 16px !important;
		font-weight: 400 !important;
		line-height: 1.6 !important;
	}

	body.cci-site .cci-cms-head > span,
	body.cci-site .cci-cms-eyebrow,
	body.cci-site .cci-cms-category,
	body.cci-site .cci-cms-ev-lead small,
	body.cci-site .eyebrow,
	body.cci-site .tag,
	body.cci-site .channel-story small,
	body.cci-site .latest-article-row small,
	body.cci-site .category-overview-card small {
		font-size: 13px !important;
		font-weight: 600 !important;
		line-height: 1.35 !important;
	}

	body.cci-site .cci-cms-meta,
	body.cci-site .cci-cms-meta span,
	body.cci-site .cci-cms-author,
	body.cci-site .cci-cms-date,
	body.cci-site .cci-cms-text-links time,
	body.cci-site .cci-cms-brand-links time,
	body.cci-site .cci-cms-ev-links time,
	body.cci-site .cci-sidebar-article time,
	body.cci-site .latest small,
	body.cci-site .mini-list span,
	body.cci-site .popular small,
	body.cci-site .latest-article-row > div > span {
		font-size: 13px !important;
		font-weight: 400 !important;
		line-height: 1.4 !important;
	}
}

body.single-post .entry-content,
body.single-post .entry-content p,
body.single-post .entry-content li,
body.single-post .entry-content td,
body.single-post .entry-content th {
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.7 !important;
}

body.single-post .entry-meta,
body.single-post .entry-meta a,
body.single-post .posted-on,
body.single-post .byline,
body.single-post .cat-links,
body.single-post .tags-links {
	font-size: 13px !important;
	font-weight: 400 !important;
	line-height: 1.45 !important;
}

body.single-post .entry-content h2 {
	font-size: 30px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

body.single-post .entry-content h3 {
	font-size: 24px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
}

body.single-post .entry-content figcaption,
body.single-post .wp-caption-text {
	font-size: 13px !important;
	line-height: 1.5 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.cci-site .cci-cms-head h2,
	body.cci-site .section-head h2,
	body.cci-site .channel-shelf-head h2,
	body.cci-site .latest-archive-head h2 {
		font-size: 26px !important;
	}

	body.cci-site .hero-overlay h1,
	body.cci-site .hero-main h1,
	body.cci-site .cci-hero-title {
		font-size: 38px !important;
	}

	body.cci-site .cci-cms-horizontal-row h3,
	body.cci-site .latest-article-row h3,
	body.cci-site .cci-cms-compact-item h3 {
		font-size: 18px !important;
	}
}

@media (max-width: 767px) {
	body.cci-site .cci-cms-head h2,
	body.cci-site .section-head h2,
	body.cci-site .channel-shelf-head h2,
	body.cci-site .latest-archive-head h2 {
		font-size: 24px !important;
	}

	body.cci-site .hero-overlay h1,
	body.cci-site .hero-main h1,
	body.cci-site .cci-hero-title {
		font-size: 34px !important;
	}

	body.cci-site .cci-cms-channel-lead h3,
	body.cci-site .cci-cms-brand-lead h3,
	body.cci-site .cci-cms-ev-lead h3,
	body.cci-site .cci-cms-main h3,
	body.cci-site .lead-card h3 {
		font-size: 22px !important;
	}

	body.cci-site .cci-cms-compact-item h3,
	body.cci-site .cci-cms-horizontal-row h3,
	body.cci-site .latest-article-row h3,
	body.cci-site .channel-story strong,
	body.cci-site .mini-list h3,
	body.cci-site .topic b {
		font-size: 18px !important;
	}

	body.single-post .entry-content,
	body.single-post .entry-content p,
	body.single-post .entry-content li,
	body.single-post .entry-content td,
	body.single-post .entry-content th {
		font-size: 17px !important;
		line-height: 1.7 !important;
	}

	body.single-post .entry-content h2 {
		font-size: 26px !important;
	}

	body.single-post .entry-content h3 {
		font-size: 22px !important;
	}
}

/* CCI TYPOGRAPHY SCALE 2026-08-02 END */


/* CCI ARTICLE HIERARCHY + EXCERPTS 2026-08-02 */
.cci-cms .cci-cms-meta {
	gap: 7px 14px;
	margin-top: 7px;
	font-size: 13px;
	font-weight: 450;
	line-height: 1.35;
}
.cci-cms .cci-cms-category {
	font-size: 12px;
	font-weight: 700;
}
.cci-cms .cci-cms-excerpt {
	display: -webkit-box;
	overflow: hidden;
	margin: 11px 0 0;
	color: #4f5753;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.58;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.cci-cms .cci-cms-channel-lead h3 {
	margin-bottom: 0;
	font-size: 23px;
	font-weight: 700;
	line-height: 1.25;
}
.cci-cms .cci-cms-channel-copy {
	padding-top: 15px;
}
.cci-cms .cci-cms-compact-item {
	grid-template-columns: 128px minmax(0, 1fr);
	min-height: 136px;
}
.cci-cms .cci-cms-compact-item h3 {
	min-height: auto;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: 650;
	line-height: 1.28;
}
.cci-cms .cci-cms-compact-excerpt {
	margin-top: 7px;
	font-size: 14px;
	line-height: 1.48;
	-webkit-line-clamp: 2;
}
.cci-cms .cci-cms-brand-lead .cci-cms-meta {
	margin-top: 10px;
}
.cci-cms .cci-cms-ev-overlay {
	position: absolute;
	inset: auto 0 0;
	padding: 82px 28px 26px;
	color: #fff;
	background: linear-gradient(0deg, rgba(4, 14, 9, .94), rgba(4, 14, 9, 0));
}
.cci-cms .cci-cms-ev-overlay h3 {
	margin: 0;
	color: #fff;
	font-size: clamp(24px, 3vw, 35px);
	font-weight: 700;
	line-height: 1.1;
}
.cci-cms .cci-cms-ev-overlay .cci-cms-meta,
.cci-cms .cci-cms-ev-excerpt {
	color: rgba(255,255,255,.86);
}
.cci-cms .cci-cms-ev-excerpt {
	font-size: 14px;
	line-height: 1.45;
	-webkit-line-clamp: 2;
}
.cci-cms .cci-cms-horizontal-row {
	align-items: start;
	padding: 24px 0;
}
.cci-cms .cci-cms-horizontal-row h3 {
	margin-bottom: 7px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.22;
}
.cci-cms .cci-cms-latest-excerpt {
	max-width: 760px;
}
.cci-cms .cci-cms-text-links strong,
.cci-cms .cci-cms-brand-links strong,
.cci-cms .cci-cms-ev-links strong {
	font-size: 15px;
	line-height: 1.35;
}
.cci-cms .cci-cms-text-links time,
.cci-cms .cci-cms-brand-links time,
.cci-cms .cci-cms-ev-links time {
	font-size: 13px;
}
@media (max-width: 1024px) {
	.cci-cms .cci-cms-horizontal-row h3 { font-size: 22px; }
	.cci-cms .cci-cms-excerpt { font-size: 15px; }
	.cci-cms .cci-cms-compact-item h3 { font-size: 17px; }
}
@media (max-width: 767px) {
	.cci-cms .cci-cms-horizontal-row h3 { font-size: 20px; }
	.cci-cms .cci-cms-meta { font-size: 13px; }
	.cci-cms .cci-cms-excerpt { font-size: 15px; line-height: 1.55; }
	.cci-cms .cci-cms-compact-item { grid-template-columns: 112px minmax(0,1fr); }
	.cci-cms .cci-cms-compact-item h3 { font-size: 17px; }
}