/* Country hero-funnel outcome strips (scripts/lib/country-funnel-outcomes.mjs):
   a capped strip shows two rows of ten tiles on desktop, the last tile linking
   to the complete list. Shares the .italy-funnel-* tile styles. */
/* Sized on the strip's own width, not the viewport: ten tiles need about 110px each, so a
   narrower strip (a narrow desktop window or a side column) shows five, still whole rows
   of the 20-tile cap, instead of squeezing names to a letter per line. */
/* Only strips with a capped grid (country pages) become a container; EMEA's are untouched. */
.italy-funnel-examples:has(.cfo-capped) { container-type: inline-size; }
@media (min-width: 761px) {
  .italy-funnel-logos.cfo-capped { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@container (min-width: 1100px) {
  .italy-funnel-logos.cfo-capped { grid-template-columns: repeat(10, minmax(0, 1fr)); }
}
.italy-funnel-logo.cfo-more { background: var(--blue); border-color: var(--blue); color: var(--text-on-inverse); font-weight: 600; }
.italy-funnel-logo.cfo-more:hover { background: var(--blue-ink); border-color: var(--blue-ink); }
.italy-funnel-logo.cfo-more span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.italy-funnel-logo.cfo-tagged span { display: grid; line-height: 1.1; }
.cfo-tag { font-size: .58rem; font-weight: 600; letter-spacing: .03em; text-transform: uppercase; color: var(--text-lighter); }
/* Region strips (EMEA): the largest outcomes per tier, seven tiles to a desktop row. */
@media (min-width: 1001px) {
  .cfo-largest .italy-funnel-logos { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .cfo-largest .italy-funnel-logo { padding: 6px 3px; gap: 5px; font-size: 0.625rem; }
  .cfo-largest .italy-funnel-logo img { flex-basis: 20px; width: 20px; height: 20px; }
}
/* Narrow desktops fit six tiles: keep whole rows only. */
@media (min-width: 1001px) and (max-width: 1200px) {
  .cfo-largest .italy-funnel-logos { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .cfo-largest .italy-funnel-logo:nth-child(n+13), .cfo-largest .italy-funnel-logo:nth-child(7):last-child { display: none; }
}
/* Phones show three tiles to a row: keep whole rows only. */
@media (max-width: 760px) {
  .cfo-largest .italy-funnel-logo:nth-child(n+10), .cfo-largest .italy-funnel-logo:nth-child(7):last-child { display: none; }
}