.it-wrapper { display:flex; flex-direction:column; gap:16px; }

/* Align header/CTA behavior with featureOverflowTemplate */
.io-header { display:flex; flex-direction:column; gap:16px; }
.io-cta { display:inline-flex; align-self:flex-start; }
.io-cta-desktop { display:none; }
.io-cta-mobile { width:100%; justify-content:start; }

/* Grid: same behavior as .io-grid, but without background */
.it-grid{
  border-radius: var(--radius-component, var(--radius-xl, 12px));
  display:grid;
  grid-template-columns: 1fr;
  gap:16px;
}

/* Tablet */
@media (min-width:600px){ .it-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }

/* Small desktop */
@media (min-width:900px){
  .it-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .io-header { flex-direction:row; align-items:flex-start; justify-content:space-between; }
  .io-cta-desktop { display:inline-flex; }
  .io-cta-mobile { display:none; }
}

/* Large desktop: always 3 columns (3x2 layout for 6 items) */
@media (min-width:1200px){
  .it-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Turquoise filter on icons (matches featureOverflowTemplate) */
.it-wrapper .cardc--icon .cardc-icon img {
  filter: invert(41%) sepia(71%) saturate(629%) hue-rotate(131deg) brightness(97%) contrast(101%);
}