File: tables.css { /* Custom Table Stylesheet */
.afh-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: 'Euphemia', sans-serif; /* Table text font */
    background-color: #f9f9f9;
    border: 2px solid #575757; /* Dark grey border for the entire table */
}

.afh-table th {
    background-color: #89BBCD !important; /* Light blue background for the header */
    color: #000000; /* Black text for the header */
    padding: 12px;
    font-size: 24px;
    font-family: 'Gabriola', serif; /* Header font */
    border: 2px solid #575757; /* Dark grey dividing lines for header */
    letter-spacing: 1px; /* Increased spacing between letters */
}

.afh-table td {
    padding: 10px;
    border: 2px solid #575757; /* Dark grey dividing lines for table cells */
    text-align: center;
    color: #6b6b6b; /* Softer dark grey text for table content */
}

.afh-table tr:nth-child(even) {
    background-color: #D3C9A5; /* Softer golden background for even rows */
}

.afh-table tr:nth-child(odd) {
    background-color: #f9f9f9; /* White background for odd rows */
}

.afh-table tr:hover {
    background-color: #B0D0E0; /* Softer blue when hovered */
    color: #fff; /* White text when hovered for contrast */
}

.afh-highlight {
    font-weight: bold;
    color: #d9534f; /* Bold red text for important highlights */
}

.afh-note {
    font-style: italic;
    color: #5bc0de; /* Light blue for italicized notes */
}
 }