.table-container {
display: flex;
justify-content: space-around; /* Or space-between, flex-start, etc. for spacing */
align-items: flex-start; 
}

.table-container table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  flex: 0 0 auto;    /* keep natural width, don’t stretch */
}

/* First 6 rows in each cycle: 1–6, 13–18, 25–30... */
tr:nth-child(12n+1),
tr:nth-child(12n+2),
tr:nth-child(12n+3),
tr:nth-child(12n+4),
tr:nth-child(12n+5),
tr:nth-child(12n+6) {
  background-color: #f4f4f4;
}

/* Next 6 rows in each cycle: 7–12, 19–24, 31–36... */
tr:nth-child(12n+7),
tr:nth-child(12n+8),
tr:nth-child(12n+9),
tr:nth-child(12n+10),
tr:nth-child(12n+11),
tr:nth-child(12n+12) {
  background-color: #e0e0e0;
}