/* 越野跑：等效距离做主数字，三项指标并排；补给表由脚本生成 */

#trTool { position: static; }

.tr-metrics {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--x2-line);
}
.tr-metrics > div { padding: 12px 14px; border-right: 1px solid var(--x2-line); min-width: 0; }
.tr-metrics > div:last-child { border-right: 0; }
.tr-mk { display: block; font-size: 11px; line-height: 1.5; color: var(--x2-muted); }
.tr-metrics b {
    display: block; margin-top: 2px;
    font-family: var(--x2-mono); font-size: 15.5px; font-weight: 600;
    font-variant-numeric: tabular-nums; color: var(--x2-ink);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.tr-reverse {
    padding: 10px 20px 13px;
    border-top: 1px solid var(--x2-line);
    font-size: 12.5px; line-height: 1.75; color: var(--x2-ink-2);
}
.tr-reverse b { font-family: var(--x2-mono); color: var(--x2-accent); font-weight: 600; }
.tr-reverse em { font-style: normal; color: var(--x2-muted); }

@media (max-width: 560px) {
    .tr-metrics { grid-template-columns: 1fr 1fr; }
    .tr-metrics > div:nth-child(2) { border-right: 0; }
    .tr-metrics > div:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--x2-line); }
    .tr-reverse { padding-left: 16px; padding-right: 16px; }
}