@import url('theme.css');

body {
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    background-color: var(--background-color);
    color: var(--text-color);
}

.leaderboard-table th a {
    color: inherit;
    text-decoration: none;
    transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.leaderboard-table th a:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.leaderboard-table th.active-sort {
    background-color: var(--surface-muted);
}

.leaderboard-table th.active-sort a {
    color: var(--link-color);
    font-weight: 700;
}

.leaderboard-table .sort-indicator {
    font-size: 0.7rem;
    margin-left: 6px;
    vertical-align: middle;
}

.leaderboard-table .rank-col {
    width: 64px;
    text-align: center;
}