/* Team totals; count-up values reserve their final width to avoid layout shifts. */
.track-record { padding: 4px 0 88px; }
.track-record-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.track-record-heading .section-label { margin-bottom: 12px; }
.track-record-caption { margin-bottom: 6px; color: #bba4ae; font: 10px/1.8 var(--font-mono); }
.track-record-grid { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid #c988a42b; background: linear-gradient(120deg, #5d1a2c15, #3013220a); }
.track-record-grid::before, .track-record-grid::after { content: ''; position: absolute; width: 6px; height: 6px; background: #c58b9f; box-shadow: 8px 0 #c58b9f33; pointer-events: none; }
.track-record-grid::before { top: -3px; left: 0; }
.track-record-grid::after { bottom: -3px; right: 0; transform: rotate(180deg); }
.track-stat { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; min-width: 0; padding: 38px 20px 34px; }
.track-stat + .track-stat::before { content: ''; position: absolute; left: 0; top: 28px; bottom: 28px; width: 1px; background: #c988a426; }
.track-stat dt { order: 2; display: flex; align-items: center; justify-content: center; gap: 10px; color: #cbb3be; font: 11px/1.7 var(--font-mono); text-align: center; }
.track-stat dt svg { width: 21px; height: 21px; flex-shrink: 0; color: #c6849c; shape-rendering: crispEdges; }
.track-stat dd { display: flex; align-items: baseline; justify-content: center; gap: 3px; color: #ecc0ce; font: 400 clamp(34px, 4.2vw, 54px)/1.15 var(--font-pixel); letter-spacing: -.07em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.track-stat-plus { color: #a96880; font-size: .6em; }
.track-stat-number { display: inline-grid; }
.track-stat-number::after { content: attr(data-final-text); visibility: hidden; grid-area: 1 / 1; }
.track-stat-value { grid-area: 1 / 1; justify-self: end; }
@media (max-width: 800px) {
    .track-stat { padding-inline: 12px; }
    .track-stat dt { flex-direction: column; gap: 10px; font-size: 10px; }
}
@media (max-width: 540px) {
    .track-record { padding: 0 0 58px; }
    .track-record-heading { display: block; margin-bottom: 26px; }
    .track-record-caption { margin-top: 12px; }
    .track-record-grid { grid-template-columns: minmax(0, 1fr); }
    .track-stat { flex-direction: row; justify-content: space-between; gap: 14px; padding: 28px 14px; }
    .track-stat + .track-stat::before { top: 0; bottom: auto; left: 14px; right: 14px; width: auto; height: 1px; }
    .track-stat dt { order: 0; align-items: flex-start; gap: 9px; text-align: left; max-width: 135px; font-size: 10px; }
    .track-stat dd { font-size: clamp(30px, 8vw, 40px); }
}