/* Article-specific charts and component variants; shared primitives live in research-article.css. */
.g2m-tra2__stats--three {
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}

/* Hero charts: two single-metric horizontal bar charts, one bar per operator, in
   the palette teal. Cable and fiber names are tinted navy and teal so the two
   groups read at a glance; the note under the pair repeats the tint in words. */
.g2m-tra2__figure--hero {
	padding-top: 1.5rem;
}

.g2m-tra2__hbars {
	max-height: none;
}

.g2m-tra2__hbar-name {
	font-size: 12.5px;
	font-weight: 600;
}

.g2m-tra2__hbar-name.is-cable {
	fill: var(--g2m-tra-navy);
	color: var(--g2m-tra-navy);
}

.g2m-tra2__hbar-name.is-fiber {
	fill: var(--g2m-tra-teal);
	color: var(--g2m-tra-teal);
}

.g2m-tra2__hbar-sole {
	fill: var(--g2m-tra-band-1);
}

.g2m-tra2__hbar-contested {
	fill: var(--g2m-tra-teal);
}

.g2m-tra2__hbar-value {
	fill: var(--g2m-tra-muted);
	font-size: 11.5px;
	font-variant-numeric: tabular-lining-nums;
}

.g2m-tra2__swatch {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 0.4rem;
	border-radius: 2px;
	vertical-align: -1px;
}

.g2m-tra2__swatch--sole {
	background: var(--g2m-tra-band-1);
}

.g2m-tra2__swatch--contested {
	background: var(--g2m-tra-teal);
}

.g2m-trac__figure .g2m-tra__legend {
	margin-top: 0.75rem;
}

.g2m-tra2__hbar-fill--overlap {
	fill: var(--g2m-tra-teal);
}

.g2m-tra2__hbar-fill--sole {
	fill: var(--g2m-tra-band-1);
}

.g2m-tra2__hbar-fill--contested {
	fill: var(--g2m-tra-teal);
}