.tr-stats-hero h1 {
    margin-bottom: 8px
}

.tr-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--tr-line)
}

.tr-stats-grid article {
    min-width: 0;
    padding: 18px;
    background: var(--tr-bg)
}

.tr-stats-grid-current article {
    background: var(--tr-surface)
}

.tr-stats-grid strong,
.tr-stats-grid small,
.tr-stats-label {
    display: block
}

.tr-stats-grid strong {
    margin: 4px 0 3px;
    color: var(--tr-fg);
    font-size: 1.2rem;
    font-weight: 600;
    overflow-wrap: anywhere
}

.tr-stats-grid small,
.tr-stats-label {
    color: var(--tr-muted)
}

.tr-stats-label {
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase
}

.tr-stats-grid small {
    font-size: .72rem
}

.tr-stats-table-wrap {
    overflow-x: auto
}

.tr-stats-table {
    width: 100%;
    border-collapse: collapse
}

.tr-stats-table th,
.tr-stats-table td {
    padding: 10px 12px;
    border-bottom: 1px solid var(--tr-line);
    text-align: left;
    white-space: nowrap
}

.tr-stats-table th {
    color: var(--tr-muted);
    font-size: .72rem;
    font-weight: 400;
    letter-spacing: .08em
}

.tr-stats-table tbody tr:last-child td {
    border-bottom: 0
}

.tr-stats-notes {
    display: grid;
    gap: 7px
}

@media (max-width: 760px) {
    .tr-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 480px) {
    .tr-stats-grid {
        grid-template-columns: 1fr
    }
}