/* Wrapper to manage table overflow */
.resultswrap {
    font-family: Montserrat-Regular;
    border: 1px solid black;
    overflow-y: auto; /* Enable vertical scrolling */
/*     max-height: 300px; /* Set a fixed height for the wrapper */ */
    background-color: #333; /* Dark background */
    color: #fff; /* Light text color */
}

/* Style the table */
.resultstable {
    width: 100%; /* Full width */
    border-collapse: collapse;
    table-layout: fixed; /* Ensure equal column widths */
    color: #fff;
}

/* Freeze the table header */
.resultstable thead th {
    position: sticky; /* Sticky positioning */
    top: 0; /* Stick to the top */
    background-color: #444; /* Dark grey background for header */
    color: #fff; /* Light text color */
    z-index: 1; /* Ensure it stays above table rows */
    text-align: center; /* Center-align header text */
}

/* Style table cells and headers */
.resultstable td,
.resultstable th {
    border: 1px solid #666;
    padding: 0.5em;
    text-align: left; /* Left-align cell text */
    word-wrap: break-word; /* Break long words */
    overflow-wrap: break-word; /* Ensure text wraps properly */
}

/* Alternate row background color for readability */
.resultstable tr:nth-child(even) {
    background-color: #555; /* Lighter dark grey */
}

/* Bold the score column, italicize the time column */
.resultstable td.score {
    font-weight: bold;
}

.resultstable td.time {
    font-style: italic;
}