// EvidenceCard.jsx — IF capsule leads; journal name small behind it
const EvidenceCard = ({ card, onSampleClick }) => (
  <article className="mr-evc" onClick={() => onSampleClick?.(card.sampleQuery)}>
    <div className="mr-evc__meta">
      <span className="mr-evc__if">
        <span className="mr-evc__if-lbl">IF</span>
        <span className="mr-evc__if-val">{card.impact}</span>
      </span>
      <span className="mr-evc__journal">{card.journal}</span>
      <span className="mr-evc__route">{card.route}</span>
    </div>
    <h3 className="mr-evc__title">{card.title}</h3>
    <p className="mr-evc__excerpt">{card.excerpt}</p>
    <div className="mr-evc__why">
      <b>为什么值得参考：</b>{card.why}
    </div>
    <div className="mr-evc__action">生成这类 shortlist →</div>
  </article>
);

window.EvidenceCard = EvidenceCard;