/** 
 * Color Variables
 */
.block-child-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 16.8%;
  gap: 8px;
}

.block-child-page {
  flex: 0 0 calc(33.333% - 8px); /* Responsive 3-column layout with space */
  box-sizing: border-box; /* Include padding in width calculation */
  border: 1px solid #ccc; /* Optional: border for visual separation */
  min-width: 200px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
}

.container > .item:nth-child(-n+3) {
  flex-basis: calc(33.33% - 10px); /* Make sure 3 items fit in one row */
}

.container > .item:nth-child(n+4) {
  flex-basis: calc(50% - 10px); /* Ensure the bottom row has 2 centered items */
}

.block-child-page__thumbnail {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 400/225;
}

.block-child-page__content {
  padding: 30px 16px 52.5px 16px;
}

.block-child-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 16.8%;
  gap: 8px;
}

.block-child-page {
  flex: 0 0 calc(33.333% - 8px); /* 3-column layout */
  box-sizing: border-box;
  border: 1px solid #ccc;
  min-width: 200px;
  border-radius: 10px;
  box-shadow: 0px 0px 15px -3px rgba(0, 0, 0, 0.1);
}

/* Adjust for tablets */
@media (max-width: 1024px) {
  .block-child-pages {
    padding: 0 10%;
  }
  .block-child-page {
    flex: 0 0 calc(50% - 8px); /* 2-column layout */
  }
}
/* Adjust for smaller screens */
@media (max-width: 768px) {
  .block-child-pages {
    padding: 0 5%;
  }
  .block-child-page {
    flex: 0 0 calc(100% - 8px); /* Full-width single column */
  }
}
/* Adjust for very small screens */
@media (max-width: 480px) {
  .block-child-pages {
    padding: 0 3%;
  }
}