YMRohit commited on
Commit
47ed5dd
·
verified ·
1 Parent(s): c9c03dc

All 3 comparisons as big numbers (build + expert, shared renderer)

Browse files
Files changed (1) hide show
  1. style.css +5 -5
style.css CHANGED
@@ -268,13 +268,13 @@ input[type=range].km-range::-moz-range-thumb { width: 16px; height: 16px; border
268
  .km-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 4px; }
269
  .km-stats > div { border: 1px solid var(--line); border-radius: var(--r-sm); padding: 13px;
270
  background: var(--surface-2); text-align: center; }
271
- .km-stats big { display: block; font: 600 20px/1 var(--mono); letter-spacing: -0.03em; color: var(--muted);
272
  font-variant-numeric: tabular-nums; }
273
  .km-stats span { display: block; color: var(--faint); font-size: 11px; margin-top: 6px; }
274
- /* eager is context (the fusion win the compiler also gets), not the headline — dim it so its
275
- big number doesn't visually dominate the honest hero */
276
- .km-stats .ctx { opacity: 0.6; }
277
- .km-stats .ctx big { color: var(--faint); }
278
  .km-dim { color: var(--muted); font-size: 13px; line-height: 1.5; }
279
  .km-rawerr { color: var(--faint); font-size: 12px; font-family: var(--mono); margin-top: 10px;
280
  word-break: break-word; }
 
268
  .km-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 14px 0 4px; }
269
  .km-stats > div { border: 1px solid var(--line); border-radius: var(--r-sm); padding: 13px;
270
  background: var(--surface-2); text-align: center; }
271
+ .km-stats big { display: block; font: 600 30px/1 var(--mono); letter-spacing: -0.03em; color: var(--text);
272
  font-variant-numeric: tabular-nums; }
273
  .km-stats span { display: block; color: var(--faint); font-size: 11px; margin-top: 6px; }
274
+ /* Comparison grid: every baseline is a big number. The strongest/most-honest one (max-autotune,
275
+ or torch.compile if that's all we have) is accented green as the headline claim, but all are big. */
276
+ .km-cmp-key { border-color: var(--accent-line) !important; background: var(--accent-soft) !important; }
277
+ .km-cmp-key big { color: var(--accent); }
278
  .km-dim { color: var(--muted); font-size: 13px; line-height: 1.5; }
279
  .km-rawerr { color: var(--faint); font-size: 12px; font-family: var(--mono); margin-top: 10px;
280
  word-break: break-word; }