/* SAFE equal-height fix: match Roadmap height, but do NOT stretch past content */

/* Keep the grid layout */
section.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  gap: 20px;
}


/* Panels stretch only within the row, not beyond */
section.grid > .panel {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;        /* remove forced 100% */
  align-self: stretch !important;
}

/* Let content define height naturally */
section.grid > .panel > * {
  flex: 0 0 auto !important;
}

/* =========================
   MOBILE FIXES
   ========================= */

@media (max-width: 768px) {
  section.grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;

    /* THIS is the key */
    padding-inline: 24px;
    box-sizing: border-box;

    margin-top: 16px;
  }
}