/* Frequency Table Styling */
.updated-frequency-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 18px;
    text-align: center;
    table-layout: fixed; /* Add this line to fix column widths */
}

/* Header styling: solid black bottom border, default (non-yellow) text */
.updated-frequency-table thead th {
    padding: 15px;
    border-bottom: 1px solid black;
    color: #000; /* or inherit, if preferred */
    background-color: transparent;
    font-weight: bold;
    text-align: center;
    font-size: 15px;
}

.updated-frequency-table th:first-child,
.updated-frequency-table td:first-child {
    text-align: left;
    width: 25%; /* Set a specific width for the first column */
}

/* Body cells: gray bottom border */
.updated-frequency-table tbody td {
    padding: 15px;
    border-bottom: 1px solid #bbbbbb;
    text-align: center;
    font-size: 15px;
}

/* First column: dark background with white text */
.updated-frequency-table tbody td:first-child {
    background-color: #333;
    color: #fff;
    text-align: left; /* adjust if you prefer center-alignment */
    font-weight: bold;
}

/* Fourth column: bold text */
.updated-frequency-table tbody td:nth-child(4) {
    font-weight: bold;
    width: 10%; /* Set a specific width for the fourth column */
}

/* Optional row striping for improved readability */
.updated-frequency-table tbody tr:nth-child(odd) {
    background-color: #fff;
}

.updated-frequency-table tbody tr:nth-child(even) {
    background-color: #f7f7f7;
}

/* Set widths for other columns as needed */
.updated-frequency-table td:nth-child(2),
.updated-frequency-table th:nth-child(2),
.updated-frequency-table td:nth-child(3),
.updated-frequency-table th:nth-child(3),
.updated-frequency-table td:nth-child(5),
.updated-frequency-table th:nth-child(5),
.updated-frequency-table td:nth-child(6),
.updated-frequency-table th:nth-child(6){
    width: 15%; /* Example width for other columns. Adjust as needed */
}

@media (max-width: 768px) {
    .updated-frequency-table {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
}