.ccte-article-archive,
.ccte-default-article-template {
	--ccte-navy:#0d1b2a;
	--ccte-red:#e23b43;
	--ccte-text:#1d2228;
	--ccte-muted:#6e747c;
	--ccte-line:#e6e8eb;
	color:var(--ccte-text);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}


/* Article breadcrumb styles live here because article singles only enqueue article.css. */
.ccte-default-article-template .ccte-breadcrumbs {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:6px;
	margin:0 0 10px;
	color:var(--ccte-muted);
	font-size:13px;
	line-height:1.5;
}

.ccte-default-article-template .ccte-breadcrumbs__link {
	color:var(--ccte-red);
	text-decoration:none;
}

.ccte-default-article-template .ccte-breadcrumbs__link:hover,
.ccte-default-article-template .ccte-breadcrumbs__link:focus {
	text-decoration:underline;
	text-underline-offset:2px;
}

.ccte-default-article-template .ccte-breadcrumbs__sep {
	color:#a2a8af;
}

.ccte-default-article-template .ccte-breadcrumbs__current {
	min-width:0;
	color:#4d545c;
	overflow-wrap:anywhere;
}

.ccte-dynamic-article-categories {
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin:0 0 14px;
}

.ccte-dynamic-article-categories span {
	display:inline-flex;
	align-items:center;
	min-height:24px;
	padding:0 8px;
	background:#f5f6f7;
	color:#555d66;
	font-size:10px;
	font-weight:750;
	letter-spacing:.06em;
	line-height:1;
	text-transform:uppercase;
}

.ccte-article-filter {
	display:grid;
	grid-template-columns:460px 200px;
	justify-content:start;
	gap:12px;
	align-items:stretch;
	margin-bottom:34px;
}

.ccte-article-filter input,
.ccte-article-filter select {
	width:100%;
	height:44px;
	padding:0 13px;
	border:1px solid #dfe2e6;
	border-radius:0;
	background:#fff;
	font:inherit;
	font-size:14px;
}

/* Keep the News search field and Search button on one line. */
.ccte-article-archive .ccte-article-filter .ccte-search-control {
	display:flex !important;
	flex-direction:row !important;
	flex-wrap:nowrap !important;
	align-items:stretch !important;
	gap:0 !important;
	width:100% !important;
	max-width:100% !important;
}

.ccte-article-archive .ccte-article-filter .ccte-search-control > input[type="search"] {
	display:block;
	flex:1 1 auto !important;
	min-width:0 !important;
	width:auto !important;
	max-width:none !important;
	height:44px !important;
	margin:0 !important;
	border-right:0 !important;
	border-radius:0 !important;
}

.ccte-article-archive .ccte-article-filter .ccte-search-control > button[type="submit"] {
	display:inline-flex !important;
	flex:0 0 104px !important;
	align-items:center !important;
	justify-content:center !important;
	width:104px !important;
	min-width:104px !important;
	max-width:104px !important;
	height:44px !important;
	min-height:44px !important;
	margin:0 !important;
	padding:0 12px !important;
	border:1px solid var(--ccte-red) !important;
	border-radius:0 !important;
	background:var(--ccte-red) !important;
	color:#fff !important;
	font:inherit;
	font-size:12px !important;
	font-weight:800 !important;
	line-height:1 !important;
	text-transform:uppercase;
	white-space:nowrap;
	cursor:pointer;
}

.ccte-article-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:34px 24px;
}

.ccte-related-articles__grid--4 {
	grid-template-columns:repeat(4,minmax(0,1fr));
}

.ccte-article-card__image {
	display:block;
	overflow:hidden;
	aspect-ratio:16/10;
	background:#f1f2f3;
}

.ccte-article-card__image img {
	display:block;
	width:100%;
	height:100% !important;
	max-height:none !important;
	object-fit:cover;
}

.ccte-article-card__body { padding-top:14px; }

.ccte-article-card h2,
.ccte-article-card h3 {
	margin:7px 0 9px;
	font-size:21px;
	line-height:1.24;
}

.ccte-article-card h2 a,
.ccte-article-card h3 a,
.ccte-article-card__body > a {
	color:inherit;
	text-decoration:none;
}

.ccte-article-card p {
	color:var(--ccte-muted);
	font-size:14px;
	line-height:1.6;
}

.ccte-default-article-template {
	width:min(900px,calc(100% - 40px));
	margin:0 auto;
	padding:44px 0 80px;
}

.ccte-dynamic-article-title {
	max-width:900px;
	margin:10px 0 15px;
	font-size:clamp(36px,5vw,58px);
	line-height:1.05;
	letter-spacing:-.025em;
}

.ccte-dynamic-article-meta {
	margin-bottom:24px;
	color:var(--ccte-muted);
	font-size:13px;
}

.ccte-dynamic-article-image-wrap {
	margin:28px 0 34px;
}

.ccte-dynamic-article-image {
	display:block;
	width:100%;
	height:auto;
}

.ccte-article-content {
	font-size:17px;
	line-height:1.8;
}

.ccte-article-content h2 {
	margin-top:2.2em;
	font-size:30px;
	line-height:1.2;
}

.ccte-article-content h3 {
	margin-top:1.8em;
	font-size:23px;
}

.ccte-article-content table {
	width:100%;
	border-collapse:collapse;
	overflow-x:auto;
}

.ccte-article-content th,
.ccte-article-content td {
	padding:10px 12px;
	border:1px solid var(--ccte-line);
	text-align:left;
	vertical-align:top;
}

.ccte-related-articles {
	margin-top:64px;
	padding-top:34px;
	border-top:1px solid var(--ccte-line);
}

@media (max-width:900px) {
	.ccte-article-filter { grid-template-columns:minmax(0,1fr) 190px; max-width:672px; }
	.ccte-article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:767px) {
	/* The H1 immediately below already repeats the article title, so keep mobile breadcrumbs compact. */
	.ccte-default-article-template .ccte-breadcrumbs__sep--current,
	.ccte-default-article-template .ccte-breadcrumbs__current {
		display:none;
	}

	.ccte-default-article-template .ccte-breadcrumbs {
		margin-bottom:10px;
		font-size:13px;
	}

	.ccte-article-filter { grid-template-columns:1fr; max-width:none; }
	.ccte-article-archive .ccte-article-filter .ccte-search-control > button[type="submit"] {
		flex-basis:96px !important;
		width:96px !important;
		min-width:96px !important;
		max-width:96px !important;
	}

	.ccte-article-grid { grid-template-columns:1fr; }
	.ccte-default-article-template {
		width:min(100% - 28px,900px);
		padding:30px 0 60px;
	}
	.ccte-dynamic-article-title { font-size:34px; }
	.ccte-article-content { font-size:16px; }
}