All 3 comparisons as big numbers (build + expert, shared renderer)
Browse files
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
|
| 272 |
font-variant-numeric: tabular-nums; }
|
| 273 |
.km-stats span { display: block; color: var(--faint); font-size: 11px; margin-top: 6px; }
|
| 274 |
-
/*
|
| 275 |
-
|
| 276 |
-
.km-
|
| 277 |
-
.km-
|
| 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; }
|