/* Base Table Styling */
table.release-table {
    width: 90%;
    border-collapse: collapse;
    margin: 0 auto 0 0;
    font-family: sans-serif;
}

table.release-table th, 
table.release-table td {
    padding: 0.6rem 0.4rem;
    text-align: left;
    vertical-align: top;
    font-size: 14.4px;
}

/* Subtle horizontal line between versions for columns 2, 3, and 4 */
table.release-table tbody tr td:not(:first-child) {
    border-bottom: 1px solid #e2ebf0; 
}

/* --- AUTOMATIC VISUAL GROUPING VIA MULTI-TBODY --- */

/* 1. Automatically put a thick border above EVERY product group section */
table.release-table tbody {
    border-top: 2px solid #bdccd4;
}

/* 2. Strip the light line from the first column entirely */
table.release-table tbody tr td:first-child {
    border-bottom: none;
}

/* 3. Automatically apply a thick line to the very last row of the table */
table.release-table tbody tr:last-child td {
    border-bottom: 2px solid #bdccd4;
}

/* 4. Automatically hide repeated product names within the same tbody */
table.release-table tbody tr:not(:first-child) td:first-child {
    color: transparent;
    user-select: none;
}