/*  columns */

.mdx-columns-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr; /* two equal-width columns */
  gap: 2rem;
  align-items: start;
}

.mdx-first-column,
.mdx-second-column {
  display: flex;
  flex-direction: column;
}

.mdx-first-column > *,
.mdx-second-column > * {
  break-inside: avoid; /* keep clusters intact */
}


.mdx-first-column ul,
.mdx-second-column ul {
  margin-top: 0;        /* prevent double spacing under h3 */
}

/* Responsive: stack columns vertically on mobile */
@media (max-width: 1200px) {
  .mdx-columns-wrapper {
    grid-template-columns: 1fr; /* single column */
  }
}