/* Article 001 (fuel): the one visual the shared layout does not already provide, a single-series
   horizontal bar list for the operator exposure chart. Palette tokens come from .g2m-tra. */

.g2m-fra__bars {
	list-style: none;
	margin: 0;
	padding: 0;
}

.g2m-fra__bars li {
	display: grid;
	grid-template-columns: minmax(11rem, 17rem) minmax(0, 1fr);
	gap: 0.35rem 1rem;
	align-items: center;
	padding: 0.4rem 0;
	border-top: 1px solid var(--g2m-tra-line);
	list-style: none;
}

.g2m-fra__bars li:first-child {
	border-top: 0;
}

.g2m-fra__barlabel {
	font-size: 0.9rem;
	line-height: 1.3;
	color: var(--g2m-tra-ink);
}

.g2m-fra__barlabel small {
	display: block;
	color: var(--g2m-tra-muted);
	font-size: 0.74rem;
	letter-spacing: 0.02em;
}

.g2m-fra__track {
	position: relative;
	display: block;
	height: 18px;
	background: var(--g2m-tra-band-0);
	border-radius: 4px;
	overflow: visible;
}

.g2m-fra__bar {
	display: block;
	height: 100%;
	background: var(--g2m-tra-teal);
	border-radius: 4px;
}

.g2m-fra__value {
	position: absolute;
	top: 50%;
	left: calc(var(--v) + 0.5rem);
	transform: translateY(-50%);
	color: var(--g2m-tra-navy);
	font-size: 0.82rem;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.g2m-fra__note {
	max-width: 70ch;
	margin: 0.75rem 0 0;
	color: var(--g2m-tra-muted);
	font-size: 0.88rem;
	line-height: 1.5;
}

/* Metro tables carry several supporting measures. Preserve the lookup column and let the shared
   wrapper scroll horizontally instead of squeezing a metro name into a stack of short lines. */
.g2m-fra__metro-table {
	min-width: 980px;
}

.g2m-fra__metro-table tbody th[scope="row"] {
	width: 15rem;
	min-width: 15rem;
}

@media (max-width: 640px) {
	.g2m-fra__bars li {
		grid-template-columns: 1fr;
		gap: 0.25rem;
	}
}