/* CouponsV3 — family skin (tokens, opacities, dashed tear line) comes from the shared
   coupons-tools.css. Only V3's narrower 3-up card tuning lives here (Contract §C). */

.cpn.v3 {
	--cpn-v3-val-mtp: 0.73; /* { min: 0.5, max: 1, step: 0.01, friendly: 'Coupon Value Size Multiplier' } */
	--cpn-v3-val-s: calc(var(--fnt-t-co-s) * var(--cpn-v3-val-mtp)); /* narrower 3-up cards use a reduced value size (design node 13605:19029) */
}

.cpn.v3 > .mn_wd {
	--mn-w: 92rem;
	--mn_max: 92rem;
}

.cpn.v3 .bg-bx > .btn.v2 {
	border-color: var(--btn-sec);
	color: var(--link-color);
}

.cpn.v3 [data-colors] > strong {
	font-size: var(--cpn-v3-val-s);
}

/* Pager (design node 13605:19029): the chevrons flank the count on ONE inline row ("< 1/2 >").
   <ScrollNav paging={true} /> renders that row itself, so this variation needs no pager CSS.
   The old flatten/reorder rules here existed only to fix a wrapper div that no longer exists;
   re-adding a wrapper around <ScrollNav /> would reintroduce both problems, because a second
   [data-role="arrows"] makes the shared `[data-role="arrows"] > div` rule paint a background
   pill and leaves the wrapper's margin behind when scrolling-list.css hides the arrows.
   Chevron ARTWORK (currently the DRAFT hexagon theme glyphs) is owned by the theme/scroller agents. */