.bracket-table-container {
  display: flex;
  flex-wrap: wrap;       /* allows wrapping on narrow screens */
  gap: 20px;             /* space between tables */
}

.bracket-table{
    width: max-content;
    margin: 10px;
    flex: 0 0 auto;        /* let them share space */
}

.bracket-table th {
  font-weight: bold;
  padding: 0 10px;   /* adds space inside header cells */
}

.bracket-table td {
  padding: 0 10px;   /* adds space inside regular cells */
}