/* tariff-leaderboards/style.css
   All spacing uses the 5-step scale from /css/10-variables.css. */

/* h1 styling comes from global /css/40-typography.css */
/* Subtitle / intro paragraph */
.leaderboard-intro {
    color: var(--grey);
    font-size: 1.1rem;
    margin-bottom: var(--space-lg);
}

/* ===================================================================== */
/*  LEADERBOARD LINK LIST  (category index page)                          */
/* ===================================================================== */

.leaderboard-list {
    list-style: none;
    padding: 0;
}

.leaderboard-list li {
    margin-bottom: var(--space-md);
}

.leaderboard-list a {
    display: block;
    padding: var(--space-md);
    background: var(--kw-blue-tint);
    border-radius: var(--radius-lg);
    text-decoration: none;
    border: 1px solid var(--grey-border);
    transition: border-color var(--ease-default);
}

.leaderboard-list a:hover {
    border-color: var(--kw-blue);
}

.leaderboard-list strong {
    font-size: 1.3rem;
    color: var(--near-black);
}

.leaderboard-list p {
    color: var(--grey);
    margin: var(--space-sm) 0 0 0;
    font-size: 0.95rem;
}