/* Category Tabs Block (Enhanced) */
.ctb-wrap {
	background: #fff;
	margin-top: calc(var(--cqw-fallback) * 4);
	margin-top: 4cqw;
}

.ctb-tabs {
	display: flex;
	gap: 0.5rem;
	margin: 3rem auto;
	flex-wrap: wrap;
	align-items: flex-end;
	width: 90%;
}

.ctb-tab {
	padding:
		calc(var(--cqw-fallback) * 1.5)
		calc(var(--cqw-fallback) * 2);
	padding: 1.5cqw 2cqw;
	cursor: pointer;
	font-size: clamp(12px, calc(var(--cqw-fallback) * 3), 20px);
	font-size: clamp(12px, 3cqw, 20px);
	background-color: white;
	border: 1px solid var(--jfd-medium-blue);
	color: var(--jfd-medium-blue);
	flex-grow: 1;
	border-radius: 10px;
}

.ctb-tab:hover,
.category:hover {
	background: var(--jfd-medium-blue);
	color: white;
	border-color: var(--jfd-medium-blue);
}

.ctb-tab.is-active {
	background: #133eaf;
	color: #d2e9ff;
}

.ctb-panel {
	min-height: 40px;
	position: relative;
	margin: 0 auto;
}

.ctb-panel.ctb-busy::after {
	content: '';
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(
		-45deg,
		#0000,
		#0000 10px,
		#0001 10px,
		#0001 20px
	);
	opacity: 0.06;
	pointer-events: none;
}

.ctb-tabs .buttonContainer {
	flex-basis: 100%;
	display: flex;
	gap: 0.5em;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ctb-items {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	width: 90%;
	margin: 0 auto;
}

.ctb-layout-list {
	grid-template-columns: 1fr;
}

.ctb-item {
	display: flex;
	flex-direction: column;
	border: 1px solid #e5e7eb;
	overflow: hidden;
	background: #fff;
}

.ctb-layout-list .ctb-item {
	flex-direction: row;
	align-items: flex-start;
}

.ctb-layout-list .ctb-thumb img {
	max-width: 240px;
}

.ctb-body {
	padding: 0.75rem 1rem;
}

.ctb-title {
	margin: 0.25rem 0 0.5rem;
	font-size: 1.05rem;
	line-height: 1.3;
}

.ctb-excerpt {
	margin: 0;
}

.ctb-load-more-wrap {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}

.ctb-load-more {
	border: 1px solid #e5e7eb;
	background: #f9fafb;
	border-radius: 9999px;
	padding: 0.5rem 1rem;
	cursor: pointer;
}

.ctb-load-more:hover {
	background: #f3f4f6;
}

.ctb-error {
	color: #b91c1c;
}

.news .story .info {
	padding: 0px 5px;
	padding: 0cqw 5px;
	padding-bottom: calc(var(--cqw-fallback) * 5);
	padding-bottom: 5cqw;
}

article a {
	text-decoration: none;
	font-size: calc(var(--cqw-fallback) * 2.80561122);
	font-size: 2.80561122cqw;
}

article {
	background: white;
	border-radius: 15px;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.34);
	color: black;
	display: flex;
	flex-direction: column;
	gap: var(--cqw-fallback);
	gap: 1cqw;
	border-radius: 0.75rem;
	padding: calc(var(--cqw-fallback) * 3.33333333);
	padding: 3.33333333cqw;
	grid-column: span 3;
}

article .excerpt {
	font-size: calc(var(--cqw-fallback) * 2.6);
	font-size: 2.6cqw;
	flex-grow: 1;
}

article .date {
	font-family: 'Outfit';
	font-size: calc(var(--cqw-fallback) * 2.8);
	font-size: 2.8cqw;
	line-height: calc(var(--cqw-fallback) * 2);
	line-height: 2cqw;
	color: black;
	opacity: 0.5;
	margin: unset;
	margin-top: calc(var(--cqw-fallback) * 3);
	margin-top: 3cqw;
	padding: 0px;
}

article .readMore {
	color: var(--jfd-medium-blue);
	margin-top: calc(var(--cqw-fallback) * 0.5);
	margin-top: 0.5cqw;
	font-weight: 700;
}

.briefings-statements {
	background-color: var(--jfd-light-blue);
	color: var(--jfd-navy);
}

.briefings-statements .readMore {
	color: var(--jfd-navy);
}

article .title {
	font-family: 'acumin-pro';
	font-size: calc(var(--cqw-fallback) * 4.8);
	font-size: 4.8cqw;
	font-weight: bold;
	text-transform: capitalize;
	color: inherit;
	margin: unset;
	line-height: 1;
}

article .category {
	background-color: white;
	border: 1px solid var(--jfd-medium-blue);
	color: var(--jfd-medium-blue);
	padding: 5px;
	font-size: calc(var(--cqw-fallback) * 2);
	font-size: 2cqw;
	width: fit-content;
	border-radius: 7px;
}

article .thumbContainer {
	aspect-ratio: 1/1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
	position: relative;
	overflow: hidden;
}

article .thumbContainer img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 1;
}

article .thumbContainer .catFlag {
	width: 100%;
	position: absolute;
	z-index: 2;
	background: var(--jfd-medium-blue);
	color: white;
	text-transform: uppercase;
	bottom: 0;
	padding: calc(var(--cqw-fallback) * 0.375);
	padding: 0.375cqw;
}

article .body {
	display: inherit;
	gap: 15px;
	flex-direction: column;
	flex: 1;
}

article .body hr {
	border: 1px solid;
	width: 100%;
	color: var(--jfd-medium-blue);
	margin: 0px;
}

.briefings-statements .body hr {
	color: var(--jfd-navy);
}

.briefings-statements .category {
	display: block;
}

article .excerpt {
	font-size: calc(var(--cqw-fallback) * 3.6);
	font-size: 3.6cqw;
	margin: 0px;
	color: inherit;
}

.newslogo {
	display: flex;
	flex-direction: row;
}

.newslogo img {
	aspect-ratio: 1/1;
	object-fit: contain;
	width: clamp(35px, calc(var(--cqw-fallback) * 3.5), 50px);
	width: clamp(35px, 3.5cqw, 50px);
}

.newslogo h1 {
	color: var(--jfd-navy);
	text-transform: none;
	line-height: 1;
	margin: 0px;
	text-transform: uppercase;
}

.statementContainer {
	flex-direction: column;
	justify-content: center;
	display: none;
}

.statementContainer img {
	width: 50%;
	margin: auto;
}
@media (min-width: 768px) {
	.ctb-tabs .buttonContainer {
		flex-wrap: nowrap;
	}

	.ctb-panel,
	.ctb-tabs {
		max-width: clamp(736px, 90%, 1500px);
		width: 100%;
	}

	.ctb-tab {
		padding: calc(var(--cqw-fallback) * 0.5);
		padding: 0.5cqw;
		cursor: pointer;
		font-size: clamp(12px, calc(var(--cqw-fallback) * 1), 20px);
		font-size: clamp(12px, 1cqw, 20px);
		flex-grow: 1;
	}

	.ctb-wrap {
		padding: 1rem;
	}

	.ctb-items {
		display: grid;
		gap: calc(var(--cqw-fallback) * 1.04166667);
		gap: 1.04166667cqw;
		width: 100%;
		margin: unset;
	}

	.ctb-layout-cards {
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: auto;
	}

	.ctb-layout-cards > *:nth-child(1),
	.ctb-layout-cards > *:nth-child(5n + 1) {
		grid-row: span 2;
	}

	.ctb-layout-cards > *:nth-child(1) .thumbContainer,
	.ctb-layout-cards > *:nth-child(5n + 1) .thumbContainer {
		display: block;
	}

	.ctb-layout-cards > *:nth-child(1) .statementContainer,
	.ctb-layout-cards > *:nth-child(5n + 1) .statementContainer {
		display: flex;
	}

	.ctb-layout-cards > *:nth-child(1) .category,
	.ctb-layout-cards > *:nth-child(5n + 1) .category {
		display: none !important;
	}

	article {
		padding: calc(var(--cqw-fallback) * 1.25);
		padding: 1.25cqw;
		flex-direction: column;
		grid-column: span 1;
	}

	article a {
		font-size: calc(var(--cqw-fallback) * 0.73);
		font-size: 0.73cqw;
	}

	article .category {
		font-size: clamp(6px, calc(var(--cqw-fallback) * 0.9), 13px);
		font-size: clamp(6px, 0.9cqw, 13px);
	}

	.news .story {
		flex: 1 1 calc(25% - calc(var(--cqw-fallback) * 0.8));
		flex: 1 1 calc(25% - 0.8cqw);
		border-radius: calc(var(--cqw-fallback) * 0.52083333);
		border-radius: 0.52083333cqw;
	}

	.news .story .content {
		gap: calc(var(--cqw-fallback) * 0.78125);
		gap: 0.78125cqw;
		padding: calc(var(--cqw-fallback) * 1.04166667);
		padding: 1.04166667cqw;
	}

	.news .story.statement .statementHead {
		border-radius:
			calc(var(--cqw-fallback) * 0.52083333)
			calc(var(--cqw-fallback) * 0.52083333)
			0px
			0px;
		border-radius: 0.52083333cqw 0.52083333cqw 0cqw 0cqw;
		padding: calc(var(--cqw-fallback) * 0.52083333);
		padding: 0.52083333cqw;
	}

	.news .story .statementHead img {
		max-height: calc(var(--cqw-fallback) * 1.5625);
		max-height: 1.5625cqw;
	}

	.news .story a {
		font-size: calc(var(--cqw-fallback) * 0.72916667);
		font-size: 0.72916667cqw;
	}

	.news .story .category {
		font-size: calc(var(--cqw-fallback) * 1);
		font-size: 1cqw;
		padding:
			calc(var(--cqw-fallback) * 0.26041667)
			calc(var(--cqw-fallback) * 0.375);
		padding: 0.26041667cqw 0.375cqw;
	}

	.news .story .info {
		display: flex;
		flex-direction: column;
		padding: 0px calc(var(--cqw-fallback) * 0.78125);
		padding: 0px 0.78125cqw;
		padding-bottom: calc(var(--cqw-fallback) * 0.78125);
		padding-bottom: 0.78125cqw;
	}

	.news .story .presenter {
		font-size: calc(var(--cqw-fallback) * 0.9375);
		font-size: 0.9375cqw;
	}

	article .date {
		font-size: calc(var(--cqw-fallback) * 0.675);
		font-size: 0.675cqw;
		line-height: calc(var(--cqw-fallback) * 0.52083333);
		line-height: 0.52083333cqw;
		margin-top: calc(var(--cqw-fallback) * 0.78125);
		margin-top: 0.78125cqw;
	}

	article .title {
		font-size: clamp(12px, calc(var(--cqw-fallback) * 1.25), 26px);
		font-size: clamp(12px, 1.25cqw, 26px);
		line-height: 1;
	}

	article .excerpt {
		font-size: clamp(10px, calc(var(--cqw-fallback) * 0.875), 18px);
		font-size: clamp(10px, 0.875cqw, 18px);
	}

	.statementContainer img {
		width: 100%;
		margin: auto;
	}
}