// ==== Research / Publications ========================================

function Research() {
  return (
    <section id="research" className="scene" data-screen-label="11 Research">
      <div className="scene-head">
        <div className="eyebrow">Research</div>
        <h2>Four papers. One standard.<br /><em>A handful of firsts.</em></h2>
      </div>

      <div>
        {AYUSH.PAPERS.map((p, i) => (
          <a key={i} className="list-card" href={p.link || "#"} target={p.link ? "_blank" : undefined} style={{textDecoration:"none", borderBottom: i === AYUSH.PAPERS.length-1 ? "1px solid var(--panel-stroke)" : undefined}}>
            <span className="yr">{p.yr}</span>
            <div>
              <h5>{p.title}</h5>
              <div className="meta">{p.venue}{p.note ? " · " + p.note : ""}{p.doi ? " · DOI " + p.doi : ""}</div>
            </div>
            <span className="right">{p.link ? "open ↗" : "internal"}</span>
          </a>
        ))}
      </div>
    </section>
  );
}

Object.assign(window, { Research });