.euroviz-chart__heading {
	font-size: 20px !important;
	line-height: 30px !important;
	font-weight: bold !important;
	color: #181d27 !important;
	margin-bottom: 8px !important;
	margin-top: 0 !important;
}

.euroviz-chart__description {
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: normal !important;
	color: #414651 !important;
	margin-bottom: 24px !important;
	margin-top: 0 !important;
}

.euroviz-chart__byline {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: normal !important;
	color: #535862 !important;
}

.euroviz-chart__attribution {
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: normal !important;
	color: #717680 !important;
}

.euroviz-chart__byline {
	margin-bottom: 8px !important;
	margin-top: 0 !important;
}

.euroviz-chart__attribution {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.euroviz-chart__bottom {
	margin-top: 32px !important;
}

@media (max-width: 520px) {
	.euroviz-chart__heading {
		font-size: 20px !important;
		line-height: 30px !important;
	}

	.euroviz-chart__description {
		font-size: 16px !important;
		line-height: 24px !important;
	}

	.euroviz-chart__byline,
	.euroviz-chart__attribution {
		font-size: 12px !important;
		line-height: 18px !important;
	}
}

@media (prefers-color-scheme: dark) {
	.euroviz-chart.euroviz-chart--darkmode-enabled .euroviz-chart__heading {
		color: #ececed !important;
	}

	.euroviz-chart.euroviz-chart--darkmode-enabled .euroviz-chart__description {
		color: #cecfd2 !important;
	}

	.euroviz-chart.euroviz-chart--darkmode-enabled .euroviz-chart__byline,
	.euroviz-chart.euroviz-chart--darkmode-enabled .euroviz-chart__attribution {
		color: #94979c !important;
	}
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark
	.euroviz-chart__heading {
	color: #ececed !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark
	.euroviz-chart__description {
	color: #cecfd2 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark
	.euroviz-chart__byline {
	color: #94979c !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark
	.euroviz-chart__attribution {
	color: #6b6d72 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light
	.euroviz-chart__heading {
	color: #181d27 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light
	.euroviz-chart__description {
	color: #414651 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light
	.euroviz-chart__byline {
	color: #535862 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light
	.euroviz-chart__attribution {
	color: #717680 !important;
}

/* =============================================================================
   Expandable Byline - styled to match Methodology component
   ============================================================================= */

/* Toggle container */
.euroviz-chart--expandable-byline .euroviz-chart__bottom-toggle {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Toggle buttons - base styles (display is handled separately for collapsed/expanded states) */
.euroviz-chart--expandable-byline .euroviz-chart__bottom-open,
.euroviz-chart--expandable-byline .euroviz-chart__bottom-close {
	width: 100% !important;
	justify-content: space-between !important;
	align-items: center !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	cursor: pointer !important;
	transition: opacity 0.2s ease !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: 600 !important;
	color: #414651 !important;
	text-decoration: none !important;
}

/* Hover effect - opacity instead of underline */
.euroviz-chart--expandable-byline .euroviz-chart__bottom-open:hover,
.euroviz-chart--expandable-byline .euroviz-chart__bottom-close:hover {
	opacity: 0.8 !important;
	text-decoration: none !important;
}

/* Collapsed state (default): show open button, hide close button */
.euroviz-chart--expandable-byline .euroviz-chart__bottom-open {
	display: flex !important;
}

.euroviz-chart--expandable-byline .euroviz-chart__bottom-close {
	display: none !important;
}

/* Expanded state: hide open button, show close button */
.euroviz-chart--expandable-byline.euroviz-chart--byline-expanded
	.euroviz-chart__bottom-open {
	display: none !important;
}

.euroviz-chart--expandable-byline.euroviz-chart--byline-expanded
	.euroviz-chart__bottom-close {
	display: flex !important;
}

/* Icon container - ::after pseudo-element */
.euroviz-chart--expandable-byline .euroviz-chart__bottom-open::after,
.euroviz-chart--expandable-byline .euroviz-chart__bottom-close::after {
	content: '' !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 16px !important;
	height: 16px !important;
	border: 1px solid #414651 !important;
	border-radius: 4px !important;
	flex-shrink: 0 !important;
	background-size: 12px 12px !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	transition: border-color 0.2s ease !important;
}

/* Hover effect on icon border */
.euroviz-chart--expandable-byline .euroviz-chart__bottom-open:hover::after,
.euroviz-chart--expandable-byline .euroviz-chart__bottom-close:hover::after {
	border-color: #535862 !important;
}

/* Plus icon for open button (collapsed state) */
.euroviz-chart--expandable-byline .euroviz-chart__bottom-open::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23414651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' x2='12' y1='5' y2='19'/%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E") !important;
}

/* Minus icon for close button (expanded state) */
.euroviz-chart--expandable-byline .euroviz-chart__bottom-close::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23414651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E") !important;
}

/* Ensure collapsible content can collapse properly */
.euroviz-chart--expandable-byline .euroviz-chart__bottom-content--collapsible {
	display: grid !important;
	grid-template-rows: 0fr !important;
	transition: grid-template-rows 0.3s ease !important;
}

.euroviz-chart--expandable-byline .euroviz-chart__bottom-content-inner {
	overflow: hidden !important;
	min-height: 0 !important;
}

/* Expanded state - show content */
.euroviz-chart--expandable-byline.euroviz-chart--byline-expanded
	.euroviz-chart__bottom-content--collapsible {
	grid-template-rows: 1fr !important;
}

/* Content separator - border-top when expanded */
.euroviz-chart--expandable-byline.euroviz-chart--byline-expanded
	.euroviz-chart__bottom-content-inner {
	padding-top: 8px !important;
	margin-top: 8px !important;
	border-top: 1px solid #535862 !important;
}

/* Byline content - matches euroviz-match-bottom utility class */
.euroviz-chart--expandable-byline .euroviz-chart__byline {
	color: #535862 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: normal !important;
}

/* Attribution spacing - matches Methodology component with euroviz-match-bottom */
.euroviz-chart--expandable-byline .euroviz-chart__attribution {
	margin-top: 8px !important;
	color: #717680 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	font-weight: normal !important;
}

/* =============================================================================
   Expandable Byline - Responsive (Mobile)
   ============================================================================= */

@media (max-width: 520px) {
	.euroviz-chart--expandable-byline .euroviz-chart__bottom-open,
	.euroviz-chart--expandable-byline .euroviz-chart__bottom-close {
		font-size: 12px !important;
		line-height: 18px !important;
	}

	.euroviz-chart--expandable-byline .euroviz-chart__byline,
	.euroviz-chart--expandable-byline .euroviz-chart__attribution {
		font-size: 12px !important;
		line-height: 18px !important;
	}
}

/* =============================================================================
   Expandable Byline - Dark Mode (system preference)
   ============================================================================= */

@media (prefers-color-scheme: dark) {
	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__bottom-open,
	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__bottom-close {
		color: #cecfd2 !important;
	}

	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__bottom-open::after,
	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__bottom-close::after {
		border-color: #cecfd2 !important;
	}

	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__bottom-open:hover::after,
	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__bottom-close:hover::after {
		border-color: #94979c !important;
	}

	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__bottom-open::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23CECFD2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' x2='12' y1='5' y2='19'/%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E") !important;
	}

	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__bottom-close::after {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23CECFD2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E") !important;
	}

	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline.euroviz-chart--byline-expanded
		.euroviz-chart__bottom-content-inner {
		border-top-color: #94979c !important;
	}

	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__byline {
		color: #94979c !important;
	}

	.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--expandable-byline
		.euroviz-chart__attribution {
		color: #6b6d72 !important;
	}
}

/* =============================================================================
   Expandable Byline - Force Dark Mode
   ============================================================================= */

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-open,
.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-close {
	color: #cecfd2 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-open::after,
.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-close::after {
	border-color: #cecfd2 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-open:hover::after,
.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-close:hover::after {
	border-color: #94979c !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-open::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23CECFD2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' x2='12' y1='5' y2='19'/%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E") !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-close::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23CECFD2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E") !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline.euroviz-chart--byline-expanded
	.euroviz-chart__bottom-content-inner {
	border-top-color: #94979c !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__byline {
	color: #94979c !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-dark.euroviz-chart--expandable-byline
	.euroviz-chart__attribution {
	color: #6b6d72 !important;
}

/* =============================================================================
   Expandable Byline - Force Light Mode
   ============================================================================= */

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-open,
.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-close {
	color: #414651 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-open::after,
.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-close::after {
	border-color: #414651 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-open:hover::after,
.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-close:hover::after {
	border-color: #535862 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-open::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23414651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' x2='12' y1='5' y2='19'/%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E") !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__bottom-close::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23414651' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' x2='19' y1='12' y2='12'/%3E%3C/svg%3E") !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline.euroviz-chart--byline-expanded
	.euroviz-chart__bottom-content-inner {
	border-top-color: #535862 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__byline {
	color: #535862 !important;
}

.euroviz-chart.euroviz-chart--darkmode-enabled.euroviz-chart--force-light.euroviz-chart--expandable-byline
	.euroviz-chart__attribution {
	color: #717680 !important;
}