/* Two-column grid container */
.two-column {
  display: grid;
  grid-template-columns: 1fr 1fr;   /* two equal columns */
  gap: 1.25rem;
}

/* Make it responsive: stack on narrow screens */
@media (max-width: 768px) {
  .two-column {
    grid-template-columns: 1fr;     /* single column on mobile */
  }
}

/* Optional: ensure content inside columns behaves well */
.two-column > * {
  min-width: 0; /* prevents overflow from code blocks, etc. */
}