/*= Layout, spacing, radius and logo height are Tailwind utilities in module.html.
/*= Per-logo width is an inline max-width on the <img> (from each client's "Logo
/*= width" field, applied in the client_tile macro). The wall renders server-side
/*= from the HubDB clients table — nothing module-local to style today. This file
/*= stays as a home for tile-level rules like the logo cap below. */

/*+ Keep every logo inside its tile. Without a per-logo width the image renders at
/*= its natural size and overflows the small 2-up mobile tile (clipped by the tile's
/*= overflow-hidden). Cap to the tile width; the per-logo "Logo width" is applied
/*= inline as max-width: min(Npx, 100%), so it's honoured on desktop but never
/*= exceeds the tile on mobile. */
.client-grid__logo {
    max-width: 100%;
}