.closing-filters { grid-template-columns: minmax(130px, 1fr) minmax(110px, .8fr) minmax(190px, 1.3fr) minmax(90px, .6fr) minmax(190px, 1.3fr); }
.closing-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.closing-kpis .metric strong { color: var(--accent); }
#status { color: var(--muted); font-size: 13px; margin-bottom: 18px; }
.closing-compare { display: grid; grid-template-columns: repeat(2, minmax(0, 220px)) minmax(0, 1fr); gap: 16px 20px; align-items: end; padding: 18px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.closing-compare label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.closing-compare input { height: 38px; padding: 0 12px; background: var(--surface-2); border: 1px solid var(--line); border-radius: 6px; color: var(--ink); font: 500 14px var(--mono); }
.closing-compare input:focus-visible { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
#compareResult { margin: 0; color: var(--ink-2); font-size: 13px; line-height: 1.6; }
#races td.num { font-size: 12.5px; }
@media (max-width: 1100px) { .closing-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1000px) { .closing-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .closing-compare { grid-template-columns: 1fr; padding: 14px; } }