/*
 * Shared table rules: striped rows, row hover, and the team links inside them.
 *
 * WEB-1. Duplicated between rankings.css and weekly.css and nowhere else.
 *
 * Separate from base.css rather than folded into it because the sharing is a
 * different set of pages: /chart loads the heading and nav but renders zero
 * <tr> and zero .team-link, so giving it these would be styling elements it
 * does not have. One extra file, and every sheet stays loaded only where it
 * does something.
 *
 * `--team-color` is set per row as an inline style by the templates; the
 * fallback here is what shows for a team with no colour on file.
 */

tr:nth-child(even) {
    background: rgba(51, 65, 85, 0.3);
}

tr:hover {
    background: rgba(102, 126, 234, 0.1);
    transition: background 0.3s ease;
}

.team-link {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
}

.team-link:hover {
    color: var(--team-color, #ffffff);
    text-decoration: underline;
}