.clublist { margin: 1rem 0; }
.club-name { font-weight: bold; }
.clublist-table {
    display: grid;
    row-gap: 0.5rem;
}

.clublist-row {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #ddd;
}

.clublist-header {
    font-weight: 600;
    border-bottom: 1px solid #999;
}

.clublist-header .club-col {
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.05em;
}

.clublist-button {
    display: inline-block;
    padding: 0.35rem 0.75rem;
    border-radius: 5px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #006cd9;
    background: #fff;
    border: 1px solid #5395d7;
    text-decoration: none;
    transition: background 0.2s ease;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.clublist-button:hover,
.clublist-button:focus {
    background: #ac1313;
    color: #fff;
	text-decoration: none;
}

@media (max-width: 600px) {
    .clublist-header {
        display: none;
    }

    .clublist-row {
        grid-template-columns: 1fr;
    }
}