.rci-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 1em 0;
}

.rci-columns .rci-col {
  background: #f0f0f0;
  padding: 1em;
  box-sizing: border-box;
  text-align: center;
  flex-grow: 1;
}

/* Define widths per column count */
.rci-cols-2 .rci-col {
  width: calc(50% - 0.5rem);
}

.rci-cols-3 .rci-col {
  width: calc(33.333% - 0.666rem);
}

.rci-cols-4 .rci-col {
  width: calc(25% - 0.75rem);
}

.rci-cols-5 .rci-col {
  width: calc(20% - 0.8rem);
}

/* Mobile fallback: stack vertically */
@media (max-width: 768px) {
  .rci-columns .rci-col {
    width: 100% !important;
  }
}