.worldcup-table {
    margin: 20px auto;
    border-collapse: collapse;
    color: var(--text);
}

.worldcup-table th,
.worldcup-table td {
    padding: 3px 8px;
    vertical-align: middle;
}

.worldcup-table .tbl-header {
    background: #8a8a8a;
    color: white;
    font-weight: bold;
}

.worldcup-table .tbl-normal {
    background: var(--fond-post);
}

.worldcup-table .tbl-alt {
    background: color-mix(in srgb, #ffffcc 70%, var(--fond-post));
}

.worldcup-table .tbl-qualified {
    background: color-mix(in srgb, #ccffff 70%, var(--fond-post));
}

.worldcup-table .tbl-ranking-header {
    background: #b5b5b5;
    font-weight: bold;
}

.worldcup-table img {
    margin-right: 5px;
    vertical-align: -1px;
}

@media (prefers-color-scheme: dark) {

    .worldcup-table .tbl-header {
        background: #6d6d6d;
    }

    .worldcup-table .tbl-ranking-header {
        background: #777;
    }

    .worldcup-table .tbl-alt {
        background: #686244;
    }

    .worldcup-table .tbl-qualified {
        background: #3f5e68;
    }

}


.worldcup-bonus {
    margin: 0 0 25px 0;
    padding: 0;
    list-style: none;
}

.worldcup-bonus li {
    padding: 4px 0;
    line-height: 1.4;
}

.worldcup-bonus li::before {
    content: "⚽ ";
    color: #f9a11b;
    font-weight: bold;
}

.worldcup-bonus a {
    color: #f9a11b;
    font-weight: bold;
    text-decoration: none;
}

.worldcup-bonus a:hover {
    color: #ffbf4d;
    text-decoration: underline;
}