/**
 * Team Records archive — grids and ranked-card layout
 * Shared chrome: archive-chrome.css
 */

body.btfc-team-records .btfc-hero-section,
body.btfc-team-records .btfc-hero-section.btfc-hero-title-only {
    display: none !important;
}

.btfc-tr-grid {
    display: grid;
    gap: 0.85rem;
}

.btfc-tr-grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.btfc-tr-grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.btfc-tr-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.btfc-tr-grid-1 {
    grid-template-columns: 1fr;
}

.btfc-tr-empty {
    margin: 0.75rem 0 0.55rem;
    font-size: 0.86rem;
    color: var(--color-gray-500);
}

.btfc-tr-note {
    margin: 0.35rem 0 0.25rem;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--color-gray-500);
}

@media (max-width: 1100px) {
    .btfc-tr-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .btfc-tr-grid-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .btfc-tr-grid-2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .btfc-tr-grid-4,
    .btfc-tr-grid-3 {
        grid-template-columns: 1fr;
    }
}