/* Article 003: operator impact of public DC-fast charging. Shared article typography, tables,
   cards and layout come from Research Core; these styles carry the four site postures. */

.g2m-frc__posture-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.g2m-frc__posture {
	border-top: 4px solid var(--g2m-tra-navy);
}

.g2m-frc__posture-title { margin: 1.5rem 0 0.75rem; }

.g2m-frc__posture--capture { border-top-color: var(--g2m-tra-teal); }
.g2m-frc__posture--convert { border-top-color: var(--g2m-tra-orange); }
.g2m-frc__posture--defend { border-top-color: var(--g2m-tra-purple, #6d6aa9); }
.g2m-frc__posture--screen { border-top-color: var(--g2m-tra-navy); }

.g2m-frc__stack {
	display: flex;
	height: 2rem;
	margin: 1rem 0 0.6rem;
	overflow: hidden;
	border-radius: 4px;
	background: var(--g2m-tra-band-0);
}

.g2m-frc__stack span { min-width: 2px; }
.g2m-frc__stack--pure { background: var(--g2m-tra-teal); }
.g2m-frc__stack--auto { background: var(--g2m-tra-purple, #6d6aa9); }
.g2m-frc__stack--retail { background: var(--g2m-tra-orange); }
.g2m-frc__stack--other { background: var(--g2m-tra-navy); opacity: 0.65; }

.g2m-frc__legend {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.82rem;
	color: var(--g2m-tra-muted);
}

.g2m-frc__legend i {
	display: inline-block;
	width: 0.7rem;
	height: 0.7rem;
	margin-right: 0.3rem;
	border-radius: 2px;
}

.g2m-frc__operator-table th:first-child,
.g2m-frc__operator-table td:first-child {
	min-width: 12rem;
}

.g2m-frc__number {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

@media (max-width: 800px) {
	.g2m-frc__posture-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
	.g2m-frc__posture-grid { grid-template-columns: 1fr; }
}