/* race-card.css — the dark results card (home page and /web/benchmark). Drawn by race-card.js. */
.race { background: #0b1018; color: #e8eef5; border-radius: 10px; padding: 18px 18px 12px; }
.race-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 0 0 14px; }
.race-head b { font-size: 17px; }
.race-head span { color: #93a2b5; font-size: 13px; }
.race-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 10px; }
.race-col { border-top: 3px solid var(--c); padding-top: 10px; }
.race-col.llm { --c: #9a6bff; } .race-col.dm { --c: #00a3a8; } .race-col.tc { --c: #e86a28; }
.race-name { display: flex; align-items: center; gap: 7px; font-weight: 700; font-size: 14px; }
.race-name i { font-style: normal; font-size: 10px; font-weight: 800; letter-spacing: .04em; color: #fff; background: var(--c); border-radius: 999px; padding: 2px 7px; }
.race-model { color: #93a2b5; font-size: 12px; margin-top: 2px; }
.race-secs { font-size: 30px; font-weight: 800; line-height: 1.15; margin: 6px 0 6px; font-variant-numeric: tabular-nums; }
.race-col.tc .race-secs { color: var(--c); }
.race-col dl { display: grid; grid-template-columns: auto auto; justify-content: start; gap: 2px 10px; font-size: 13px; }
.race-col dt { margin: 0; font-weight: 400; color: #93a2b5; }
.race-col dd { margin: 0; color: #e8eef5; font-weight: 700; font-variant-numeric: tabular-nums; }
.race-chart { display: block; width: 100%; height: 260px; overflow: visible; }
.race-chart .grid { stroke: rgba(160,180,205,.10); }
.race-chart .axis { stroke: rgba(160,180,205,.28); }
.race-chart .tick { fill: #7f8ea3; font-size: 10px; font-weight: 600; }
.race-chart .line { fill: none; stroke-width: 2.5; stroke-linecap: round; }
.race-chart .glow { fill: none; stroke-width: 5; opacity: .55; }
.race-chart .head { stroke: #0b1018; stroke-width: 2; }
.race-chart .lab { fill: #e8eef5; font-size: 12px; font-weight: 800; paint-order: stroke; stroke: #0b1018; stroke-width: 3px; }
.race-chart .lab2 { fill: #93a2b5; font-size: 11px; font-weight: 600; paint-order: stroke; stroke: #0b1018; stroke-width: 3px; }
.race-note { color: #93a2b5; font-size: 12px; margin: 4px 0 0; }
.race-note a, .race-note a:visited { color: #9cc3ff; }
@media (max-width: 560px) { .race-cols { grid-template-columns: 1fr; } }