/**
 * ampeco/tw-sust-orchestration — responsive grid ONLY.
 *
 * Everything decorative (borders, gradients, backgrounds, accent colours, font
 * sizes) is set via inline style="" attributes in render.php, because NitroPack
 * extracts and per-viewport strips/defers rules from BOTH external stylesheets
 * and inline <style> blocks. Inline style attributes are the one channel it never
 * touches.
 *
 * The single rule that genuinely needs a media query — the 5-column desktop
 * layout — lives here. NitroPack routes @media rules to its responsiveCss file,
 * which loads reliably; and if it were ever dropped, the grid simply falls back
 * to the mobile single-column stack (grid-cols-1) — a clean vertical layout, not
 * the old overlap, since the decoration is always present inline.
 */
@media ( min-width: 768px ) {
	.ampeco-tw-sust-orchestration__grid {
		grid-template-columns: 1fr 44px 1.6fr 44px 1fr;
	}
}