// Benchmarks.jsx
function Benchmarks() {
  const items = [
    {
      status: "accredited",
      eb: "Accredited",
      ver: "v2026.1",
      title: "PatentBench",
      maintainer: "Hahn",
      meta: "604 cases · 9 USPTO Tech Centers · 4 layers · 5 tiers",
      body: "Patent prosecution. Office action parsing, §103 argument construction, claim-amendment drafting. Hard floor on fabricated citations under the Therasense Standard.",
      url: "openipcouncil.org/patentbench",
    },
    {
      status: "accredited",
      eb: "Accredited",
      ver: "v2026.1",
      title: "DraftBench",
      maintainer: "CBlindspot",
      meta: "pre-filing drafting · dual-track scoring",
      body: "Specification quality, claim-set coherence, written-description support. Track-A ground truth from prosecution outcomes; Track-B from registered practitioner panel.",
      url: "openipcouncil.org/draftbench",
    },
    {
      status: "provisional",
      eb: "Provisional",
      ver: "review",
      title: "ValueBench",
      maintainer: "CBlindspot",
      meta: "valuation · public comment Jun 2026",
      body: "Comparables-driven price estimation against transaction record, plus expert-panel calibration. Methodology Council review opens June 2026; provisional pending public-comment close.",
      url: "openipcouncil.org/valuebench",
    },
    {
      status: "review",
      eb: "Under review",
      ver: "2027 target",
      title: "ClaimConstructionBench",
      maintainer: "academic partnership · TBA",
      meta: "Markman · PTAB & district court records",
      body: "Markman-style claim construction across PTAB and district-court records. Targeted for first academic accreditation in 2027 — partnership candidates Stanford CodeX, Berkeley CTSP.",
      url: "openipcouncil.org/claimconstructionbench",
    },
  ];

  return (
    <div className="container section">
      <div className="benchmarks-grid">
        {items.map((it, i) => (
          <article key={i} className={"bench bench-" + it.status}>
            <header className="bench-head">
              <div className="bench-head-l">
                <span className={"bench-status bench-status-" + it.status}>
                  <span className="bench-status-dot" aria-hidden="true"></span>
                  {it.eb}
                </span>
                <span className="bench-ver">{it.ver}</span>
              </div>
              <span className="bench-maintainer">{it.maintainer}</span>
            </header>

            <h3 className="bench-title">{it.title}</h3>
            <div className="bench-meta">{it.meta}</div>
            <p className="bench-body">{it.body}</p>

            <footer className="bench-foot">
              <a className="bench-link" href="#">Methodology <span aria-hidden="true">→</span></a>
              <span className="bench-url">{it.url}</span>
            </footer>
          </article>
        ))}
      </div>
    </div>
  );
}
window.Benchmarks = Benchmarks;