Restyle notice as a regular leaderboard row with ? badge

The notice now renders as a normal data row with a muted "?" rank
badge and italic text, matching the layout of scored entries.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: 2 people

blocks/benchmark/leaderboard/index.tsx

@@ -42,12 +42,15 @@ export function Leaderboard() {
                         {notice && (
                             <tbody>
                                 <tr className={styles.noticeRow} data-testid="bench-notice">
-                                    <td
-                                        className={cn(styles.td, styles.noticeCell, textCn('rs-text-2'))}
-                                        colSpan={columns.length + 1}
-                                    >
-                                        {notice}
+                                    <td className={cn(styles.td, styles.tdSetup)}>
+                                        <div className={styles.setup}>
+                                            <span className={cn(styles.rank, styles.noticeRank, textCn('rs-text-3'))}>?</span>
+                                            <span className={cn(styles.noticeName, textCn('rs-text-2'))}>{notice}</span>
+                                        </div>
                                     </td>
+                                    {columns.map((col) => (
+                                        <td key={col.key} className={styles.td} />
+                                    ))}
                                 </tr>
                             </tbody>
                         )}

blocks/benchmark/leaderboard/leaderboard.module.css

@@ -26,10 +26,14 @@
     background: rgba(255, 255, 255, 0.03);
 }
 
-.noticeCell {
+.noticeRank {
+    background: rgba(255, 255, 255, 0.04);
+    color: rgba(255, 255, 255, 0.3);
+}
+
+.noticeName {
     color: rgba(255, 255, 255, 0.5);
     font-style: italic;
-    text-align: center;
 }
 
 .scroll {