infobox: collapsible card design with one-line summary

[Flotapponnier]

Replaces the flat wide table infobox with a native `

Details

` card that collapses to a one-line summary and expands to a compact two-column key/value grid.

Why

The original table version dominated the page above the fold on wide screens and looked heavy visually. Retains all the LLM-grounding benefits (microdata, itemProp, schema.org Dataset) while giving readers a much more compact widget they can collapse if they want.

What changed

Visual:

• Card format instead of full-width table
• One-line summary always visible with leader claim inline (`At a glance · MEV Blocker 216 ms`)
• Chevron that rotates 180 degrees when the card is open
• Expanded body is a two-column grid on desktop, one column on mobile
• Native `
  ` element so collapse/expand is free (no JS state)

Preserved:

• All microdata + itemProp attributes
• schema.org Dataset itemtype
• Same rows: Benchmark, Metric, Leader (24h), Providers, Last measured, License, Dataset DOI, Live JSON
• `` on Last measured
• Renders nothing when no defensible leader (draft, insufficient, awaiting)

Behavior

• Default: `
  ` so first-time readers see the facts without interacting
• Click summary to collapse; leader claim stays visible in the collapsed state
• LLM crawlers parse the content whatever the visual state (native `
  ` collapse does not remove content from the DOM)

Verified

• `pnpm typecheck`: clean
• `eslint` on modified files: 0 errors
• No changes to JSON-LD, TL;DR block, or /api/citable

Test plan

• Preview URL shows the compact card under the subtitle on `/benchmarks/aggregator-head-lag`
• Card is expanded by default with leader row visible
• Clicking the summary bar collapses to one line, chevron rotates
• Clicking again expands, chevron rotates back
• Card is absent on a draft or insufficient bench
• Mobile viewport shows single-column grid