/* Block Grid layouts: 12-col underlying grid, responsive */
.umb-block-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--space-lg);
}
.umb-block-grid__layout-container { display: contents; }
.umb-block-grid__layout-item { min-width: 0; }
.umb-block-grid__area-container { display: contents; }

.umb-block-grid__layout-item[data-col-span="12"] { grid-column: span 12; }
.umb-block-grid__layout-item[data-col-span="6"]  { grid-column: span 6;  }
.umb-block-grid__layout-item[data-col-span="4"]  { grid-column: span 4;  }

@media (max-width: 768px) {
  .umb-block-grid__layout-item[data-col-span="6"],
  .umb-block-grid__layout-item[data-col-span="4"] {
    grid-column: span 12;
  }
}