.cc_q8ux376z_YGOn4efQbZ .cc-feature-highlight-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  /* Basis comes from the parent grid via inherited custom property (0 = even
     4-up columns at desktop); see FeatureHighlights/styles.css. */
  flex: 1 1 var(--cc-feature-item-basis, 0);
  min-width: 0;
}

.cc_q8ux376z_YGOn4efQbZ .cc-feature-highlight-item__icon {
  display: block;
  width: 40px;
  height: 40px;
  color: var(--wUp6NoOHuO, var(--wUp6NoOHuO));
}

.cc_q8ux376z_YGOn4efQbZ .cc-feature-highlight-item__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.cc_q8ux376z_YGOn4efQbZ .cc-feature-highlight-item__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  color: var(--wUp6NoOHuO);
}

.cc_q8ux376z_YGOn4efQbZ .cc-feature-highlight-item__title {
  margin: 0;
  white-space: nowrap;
}

.cc_q8ux376z_YGOn4efQbZ .cc-feature-highlight-item__description {
  margin: 0;
}

/* Figma's mobile "Infos" frame uses smaller, semibold (not bold) title text
   and a smaller description than the desktop card — matches the 2-up grid
   set on the parent FeatureHighlights at this same breakpoint. */
@media (max-width: 768px) {
  .cc_q8ux376z_YGOn4efQbZ .cc-feature-highlight-item__title {
    white-space: normal;
    font-size: 16px;
    font-weight: 600;
  }

  .cc_q8ux376z_YGOn4efQbZ .cc-feature-highlight-item__description {
    font-size: 12px;
  }
}