/* Color follows the section: ink on light and flood grounds, white on .ltl-dark / .ltl-ink */
.avc-stats { color: inherit; }

.avc-stats__featured {
	display: flex;
	flex-wrap: wrap;
	align-items: last baseline;
	gap: 32px;
	margin-bottom: 56px;
}
.avc-stats__featured-number { line-height: .9; }
.avc-stats__featured-label {
	max-width: 420px;
	font: 400 clamp(20px, 1.4vw, 28px) / 1.3 var(--font-body);
}

.avc-stats__row { display: grid; }
.avc-stats__item {
	padding: 0 20px;
	border-left: 1px solid rgba(21, 21, 43, .25);
}
.avc-stats__item:first-child {
	padding-left: 0;
	border-left: 0;
}
.ltl-dark .avc-stats__item,
.ltl-ink .avc-stats__item { border-left-color: rgba(255, 255, 255, .2); }

.avc-stats__number { display: block; line-height: 1; }
.avc-stats__label {
	display: block;
	margin-top: 12px;
	font: 400 15px / 1.4 var(--font-body);
}
.avc-stats__meter { margin-top: 16px; }

/* Meter: bar fills to --p (0..1) when scrolled into view */
.ltl-meter { height: 22px; overflow: hidden; background: rgba(21, 21, 43, .16); }
.ltl-meter > i { display: block; height: 100%; background: var(--ltl-bar); transform: scaleX(var(--p, 1)); transform-origin: left; }
.ltl-js .ltl-meter > i { transform: scaleX(0); transition: transform 1.6s var(--ease-brand); }
.ltl-js .ltl-meter.is-in > i { transform: scaleX(var(--p, 1)); }
.ltl-dark .ltl-meter,
.ltl-ink .ltl-meter { background: rgba(255, 255, 255, .18); }

/* Dividers: every item (first included), or none */
.avc-stats--dividers-all .avc-stats__item:first-child { padding-left: 20px; border-left: 1px solid rgba(21, 21, 43, .25); }
.ltl-dark .avc-stats--dividers-all .avc-stats__item:first-child,
.ltl-ink .avc-stats--dividers-all .avc-stats__item:first-child { border-left-color: rgba(255, 255, 255, .2); }
.avc-stats--dividers-none .avc-stats__item,
.avc-stats--dividers-none .avc-stats__item:first-child { padding: 0; border-left: 0; }

/* Label beside the number, meter pinned to the bottom of the item */
.avc-stats--beside .avc-stats__item { display: flex; flex-direction: column; gap: 16px; }
.avc-stats--beside .avc-stats__head { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; }
.avc-stats--beside .avc-stats__label { margin-top: 0; font-size: clamp(15px, 1.1vw, 20px); line-height: 1.35; }
.avc-stats--beside .avc-stats__meter { margin-top: auto; }

/* Two or one per row: drop the divider at each row start */
@media (max-width: 1024px) {
	.avc-stats__row { gap: 32px 0; }
	.avc-stats__item:nth-child(odd),
	.avc-stats--dividers-all .avc-stats__item:nth-child(odd) { padding-left: 0; border-left: 0; }
}
@media (max-width: 767px) {
	.avc-stats__item,
	.avc-stats--dividers-all .avc-stats__item:first-child { padding: 0; border-left: 0; }
}