/*
 * Evergreen News Hub — Bricks Tabs Nested chrome.
 * Builder: add CSS class `evergreen-news-tabs` on the Tabs Nested element
 * (Settings → CSS → CSS Classes). Matches Bricks DOM: .tab-menu / .tab-title / .brx-open.
 */

.evergreen-news-tabs .tab-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 40px;
	margin: 0;
	padding: 0;
}

.evergreen-news-tabs .tab-title {
	color: rgba(255, 255, 255, 0.4);
	font-size: 18px;
	line-height: 1.25;
	padding-block: 8px;
	padding-inline: 0;
	border-bottom: 1px solid transparent;
	background: transparent;
	cursor: pointer;
	width: auto;
}

.evergreen-news-tabs .tab-title.brx-open,
.evergreen-news-tabs .tab-title[aria-selected="true"] {
	color: #f9c587;
	border-bottom-color: #f9c587;
}

@media (max-width: 767px) {
	.evergreen-news-tabs .tab-menu {
		gap: 24px 32px;
	}
}