/* Flex container for the overall layout */
.grid-container {
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
    margin-bottom: 20px;
    flex-direction: row;
  }
  
  /* Style for left column */
  .left-column {
    flex: 1 1 40%; /* Flex-grow, flex-shrink, flex-basis */
    display: flex;
    flex-direction: column;
    gap: 20px; /* Space between stacked tables */
  }
  
  /* Style for right column */
  .right-column {
    flex: 1 1 60%; /* Flex-grow, flex-shrink, flex-basis */
  }
  
  /* Table styles */
  .modec-connect-specs-table,
  .sonore-signal-table,
  .luminous-signal-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
  }
  
  .luminous-signal-table{
    height: 100%;
  }
  
  /* Style for the first header cell in each table */
  .modec-connect-specs-table thead th:first-child,
  .sonore-signal-table thead th:first-child,
  .luminous-signal-table thead th:first-child {
    background-color: var(--primary-color); /* Primary color for the first header cell */
    color: #fff; /* White text color for contrast */
    font-weight: bold;
    padding: 8px;
  }
  
  /* Style for all other header cells in each table */
  .modec-connect-specs-table thead th:not(:first-child),
  .sonore-signal-table thead th:not(:first-child),
  .luminous-signal-table thead th:not(:first-child) {
    background-color: #f0f0f0; /* Light grey background for non-first header cells */
    padding: 8px;
  }
  
  /* General header cell styles */
  .modec-connect-specs-table th,
  .sonore-signal-table th,
  .luminous-signal-table th {
    padding: 8px;
    border: 1px solid #ddd;
    font-weight: 600;
    font-family: 'Source Sans Pro';
    font-size: 16px;
  }
  
  /* General cell styles */
  .modec-connect-specs-table td,
  .sonore-signal-table td,
  .luminous-signal-table td {
    background-color: #fff;
    padding: 8px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-family: 'Source Sans Pro';
  }
  
  /* Style for the first cell in each row in tbody */
  .modec-connect-specs-table tbody td:first-child,
  .sonore-signal-table tbody td:first-child,
  .luminous-signal-table tbody td:first-child {
    background-color: #f0f0f0; /* Light grey background for key cells */
    font-weight: 600;
  }
  
  /* Responsive Design: Stack columns on small screens */
  @media (max-width: 768px) {
    .grid-container {
      flex-direction: column; /* Stack columns vertically */
    }
  }
  
  .stacked-tables {
    height: 100%;
    display: flex;
    gap: 20px;
    flex-direction: column;
    justify-content: space-between;
  }