/* Mobile refinements layered on top of the design-system CSS (site/ only — not site4). Linked last in so these rules win. Scoped to real narrow-phone gaps found by testing at 320–430px (iPhone SE→Pro Max, small Android→S-Ultra); the DS CSS already handles nav→burger, form stacking, and most grid collapses. */ /* Advantage cards: the DS grid collapses 5→3→2 columns but stops at 2-up (≤640px), which cramps the five cards' titles/descriptions and orphans the 5th card beside empty space on phones. Continue to single-column at ≤560px — the same phone cutoff the DS uses for its sibling grids (.agents-grid, .segments, .sol-grid, …). */ @media (max-width: 560px) { .adv-grid { grid-template-columns: 1fr; } }