// Principles.jsx — five numbered principles
function Principles() {
  const items = [
    { n: "01", k: "OPENNESS", t: "Open methodology, open results.", b: "Every accredited benchmark publishes versioned methodology, harness source, and result artifacts. Apache-2.0 default. Methodology disputes resolved through public processes, not closed committees." },
    { n: "02", k: "INDEPENDENCE", t: "Independent benchmark ownership.", b: "No benchmark is owned by the Council. Each is owned by its maintainer. The Council accredits and coordinates; it does not control." },
    { n: "03", k: "DUAL-TRACK", t: "Tracks A and B.", b: "Every accredited benchmark combines a hard ground-truth signal (Track A) with an expert panel signal (Track B). Composite scores publish both tracks separately alongside the merged composite." },
    { n: "04", k: "INTEGRITY", t: "Integrity floors over deductions.", b: "Where a workflow has bright-line legal or professional-responsibility violations — fabricated citations under Therasense, inequitable conduct, conflicts of interest — the benchmark imposes a hard floor on composite score, not a deduction." },
    { n: "05", k: "NEUTRALITY", t: "Vendor-neutral governance.", b: "No single vendor, law firm, or platform holds majority influence. Governance is structured to prevent capture by any one stakeholder class." },
  ];
  return (
    <div className="container section-principles">
      <ol className="principles-list">
        {items.map((p) => (
          <li key={p.n} className="principle">
            <div className="principle-rail">
              <div className="principle-num">{p.n}</div>
              <div className="principle-key">{p.k}</div>
            </div>
            <div className="principle-body-col">
              <h3 className="principle-title">{p.t}</h3>
              <p className="principle-body">{p.b}</p>
            </div>
          </li>
        ))}
      </ol>
    </div>
  );
}
window.Principles = Principles;