/* Columns → Styles → “Card Columns” (per-column White Panel) */
.wp-block-columns.is-style-card-columns {
  /* row has no panel chrome—just spacing between cards */
  background: transparent;
  border: 0;
  padding: 0;
  box-shadow: none;
  gap: var(--wp--style--block-gap, 1.5rem);
}

/* Each child column becomes a white card */
.wp-block-columns.is-style-card-columns > .wp-block-column {
  background: #fff !important; /* match White Panel */
  color: var(--wp--preset--color--contrast, #111);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 6px;
  padding: clamp(8px, 2vw, 16px);
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

/* Inherit text/link colors inside each card */
.wp-block-columns.is-style-card-columns > .wp-block-column :where(h1,h2,h3,h4,h5,h6,a) {
  color: inherit;
}

/* Keep inner blocks transparent (cards provide the background) */
.wp-block-columns.is-style-card-columns > .wp-block-column > * {
  background: transparent;
}

/* Tidy first/last spacing in cards */
.wp-block-columns.is-style-card-columns > .wp-block-column > *:first-child { margin-block-start: 0; }
.wp-block-columns.is-style-card-columns > .wp-block-column > *:last-child  { margin-block-end: 0; }

/* Optional nicety when row is wide/full (subtle lift like White Panel) */
.wp-block-columns.is-style-card-columns.alignwide,
.wp-block-columns.is-style-card-columns.alignfull {
  box-shadow: 0 2px 6px rgba(0,0,0,.06);
}