.leaderboards {
    display: grid;
    grid-gap: var(--g-gap);
}

.leaderboard {
    background: rgb(var(--c-neutral-lighter));
    padding: 2rem;
}

.leaderboard__top {
    display: grid;
    grid-gap: var(--g-gap-s);
    grid-template-columns: 1fr 100px;
    grid-template-rows: repeat(2, min-content);
    margin-bottom: 2rem;
}

.leaderboard__infotextbefore {
    margin-bottom: 1rem;
}

.leaderboard__infotextafter {
    margin-top: 1rem;
}

.leaderboard__subtitle {
    grid-row: 2;
}

.leaderboard__top img {
    grid-row: span 2;
    grid-column: 2;
}

.leaderboard__results {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 0.4rem;
}

.leaderboard__results th {
    text-align: left;
    padding: 0.4rem 0.6rem;
}

.leaderboard__results td {
    padding: 0.6rem;
    background: rgb(var(--c-neutral-lightest));
}

.result__country,
.result__par {
    text-align: center;
}

@media (min-width: 640px) {
    .leaderboards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .leaderboards {
        grid-template-columns: repeat(3, 1fr);
    }
}