/* CMS block layout — columns, grid containers */
.columns {
  display: grid;
  gap: clamp(1rem, 3vw, 2rem);
  width: 100%;
  align-items: start;
}

.columns.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.columns.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.columns > .col {
  min-width: 0;
}

main#obsah > .grid,
.grid.ms-grid {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  align-items: start;
}

@media (max-width: 768px) {
  .columns.cols-2,
  .columns.cols-3 {
    grid-template-columns: 1fr;
  }
}