.team-row.red {
    background: #ffcdd2;
}

.team-row.red:hover {
    background: #ef9a9a;
}

.team-row.blue {
    background: #bbdefb;
}

.team-row.blue:hover {
    background: #64b5f6;
}

@media (max-width: 768px) {
    .team-row {
        font-size: var(--font-size-sm);
    }
}

@media (max-width: 576px) {
    .team-row td {
        padding: var(--space-xs);
    }
}