/* Solutions icon cards — VARIANT: FOUR columns. Node 2427:14578 ("Turn every
 * interaction into measurable performance") in frame 2427:13660, file
 * SO8J0OKWo5wIM44YgqbgG0, draws four cards where every other consumer of this
 * section draws three. No 4-column card grid exists anywhere else in the theme.
 *
 * Base pattern: patterns/solutions-icon-cards-static.php
 * Base styles:  assets/css/sections/solutions-icon-cards.css
 *
 * OPT-IN LIST, not a modifier class on the markup — the mechanism documented at
 * the top of assets/css/sections/solutions-hero-contained-square.css. Every
 * consumer names itself below, compounded with the base section class: the
 * pattern file stays page-agnostic, and two classes on one selector outweigh
 * the base's single-class rules regardless of source order. Source order is not
 * theoretical here: infinitus_section_stylesheets() glob()s alphabetically and
 * "-" sorts before ".", so this file is enqueued BEFORE
 * solutions-icon-cards.css and a single-class rule would lose.
 *
 * A new consumer adds one selector to each list here and nothing else.
 *
 * Consumers:
 *   .infinitus-section--lens-performance   Lens §7
 *
 * THE DESKTOP TEMPLATE IS NOT HERE, DELIBERATELY. Core's native grid layout on
 * the wrapping group owns it, driven by the block's own columnCount attribute —
 * which is what keeps the column count an editor control, and is the same
 * division of labour the base file states for its own three columns ("The
 * 3-column template and gutter come from core's native grid layout... Only the
 * reflow is here"). This file owns only the reflow, because the reflow is the
 * part a 4-up cannot inherit.
 *
 * ⚑ DESIGN QA — THE 4-UP FALLS TO TWO COLUMNS BELOW 1280, NOT BELOW 1025.
 * Nothing between 768 and 1440 is mocked, so this is a measured judgment call.
 * The comp's cards are 287px wide inside a 1240 content width. Holding four
 * columns down to the theme's 1025 desktop floor puts them at 194px, i.e. 130px
 * of content inside the base's 32px card padding — a 26px Light card title
 * ("SOP and guideline evaluation") shreds at that measure. 1280 is not a new
 * breakpoint invented here: it is where .container steps its gutter from 80px
 * to 100px, and it is the narrowest width at which four of these cards still
 * hold a readable measure (247px card, 183px content). The two theme
 * breakpoints are untouched — 768 still separates stacked from split, and the
 * single-column band below it is the base's own.
 */

/* Tablet and narrow desktop — two columns. Scoped with a min-width floor so it
   cannot reach past 768 and beat the base's single-column mobile rule, which is
   one class lighter than this one. */
@media (min-width: 768px) and (max-width: 1279.98px) {
	.infinitus-section--lens-performance.infinitus-section--solutions-icon-cards
		.solutions-icon-cards__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Mobile — one column. The base already says this, and it is restated rather
   than inherited on purpose: this file's tablet rule outweighs the base's
   mobile rule by a class, so leaving the mobile case to the base would make
   this variant depend on a rule it can silently outrank. An override file that
   spells out its own geometry cannot be broken from a distance. */
@media (max-width: 767.98px) {
	.infinitus-section--lens-performance.infinitus-section--solutions-icon-cards
		.solutions-icon-cards__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}