/* ---------------------------------------------------------------------------
   Criteri di selezione — eight technology tiles (4-up desktop, 2-up mobile per
   the design system's grid rule).
   --------------------------------------------------------------------------- */

.criteria__tech-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Left-aligned, full width, same Light treatment as the section's own
   intro paragraph above (.ils-heading__intro) — not the centred, 68ch-
   capped, regular-weight body style this had before. Per direct request,
   sized to match that paragraph exactly rather than the flat --size-500
   (24px) it was using: flat 18px below 768px, 24px from 768px up — the
   768px+ value is unchanged either way, so this only affects mobile. */
.criteria__note {
  font-family: var(--type-body-family);
  font-weight: var(--fw-light);
  font-size: 18px;
  line-height: 1.7;
  color: var(--text-primary);
}

@media (min-width: 600px) {
  .criteria__tech-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 768px) {
  .criteria__note { font-size: 24px; }
}