/* ===== OpsArtica Research page ===== */
/* Inherits chrome (header, container, footer, .btn, .tag, .eyebrow tokens)
   from opsartica-redesign.css. Adds research-page sections only. */

/* Eyebrow label */
.eyebrow{
  display:inline-block;
  font-family:Rajdhani,sans-serif;
  font-size:.85rem;
  font-weight:700;
  letter-spacing:2px;
  color:#d4af37;
  margin:32px 0 8px;
  text-transform:uppercase;
}

/* Section spacing */
.section{margin:48px 0}
.section h2{
  font-family:Rajdhani,sans-serif;
  font-size:clamp(1.8rem,3.5vw,2.6rem);
  line-height:1.15;
  margin:.2em 0 .5em;
}
.section h3{
  font-family:Rajdhani,sans-serif;
  font-size:1.25rem;
  margin:0 0 .4em;
}
.lede{
  font-size:1.1rem;
  color:#d7dbe2;
  max-width:880px;
  margin:0 0 1.5em;
}

/* Research hero — replaces the index hero shape for this page */
.research-hero{
  padding:28px 0 8px;
  border-bottom:1px solid rgba(255,255,255,.08);
  margin-bottom:8px;
}
.research-hero h1{
  font-family:Rajdhani,sans-serif;
  font-size:clamp(2.4rem,5.6vw,4.4rem);
  line-height:1.08;
  margin:.2em 0 .4em;
}
.research-affiliations{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:14px;
}

/* Metrics callout grid — the funder-eye headline numbers */
.metrics-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin:24px 0 32px;
}
.metric{
  background:var(--panel);
  border:1px solid rgba(255,255,255,.10);
  border-radius:var(--radius);
  padding:18px 18px 16px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.metric-value{
  font-family:Rajdhani,sans-serif;
  font-size:2.4rem;
  font-weight:700;
  color:#d4af37;
  line-height:1;
}
.metric-label{
  color:#b7bcc6;
  font-size:.92rem;
  line-height:1.4;
}
@media (max-width:960px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.metrics-grid{grid-template-columns:1fr}}

/* Findings cards */
.findings-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin:24px 0;
}
.finding-card{
  background:var(--panel);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  padding:20px 22px;
}
.finding-card h3{color:#e9eaee}
.finding-card p{color:#d7dbe2; line-height:1.55}
@media (max-width:760px){.findings-cards{grid-template-columns:1fr}}

/* Paper metadata block */
.paper-meta{
  background:rgba(119,7,55,.10);
  border:1px solid rgba(119,7,55,.30);
  border-radius:var(--radius);
  padding:22px 24px;
  margin:24px 0;
}
.paper-meta p{margin:0 0 12px; color:#e9eaee}
.paper-meta strong{color:#d4af37}
.paper-links{
  list-style:none;
  padding:0;
  margin:12px 0 0;
}
.paper-links li{
  padding:8px 0;
  border-top:1px solid rgba(255,255,255,.08);
  color:#d7dbe2;
}
.paper-links li:first-child{border-top:none}
.paper-links a{
  color:#d4af37;
  font-weight:600;
  text-decoration:none;
  border-bottom:1px dotted rgba(212,175,55,.4);
}
.paper-links a:hover{color:#f4e08a; border-bottom-color:rgba(244,224,138,.7)}

/* Research program grid (4 cards) */
.program-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin:18px 0;
}
.program-card{
  background:var(--panel);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  padding:20px 22px;
}
.program-card a{
  color:#d4af37;
  border-bottom:1px dotted rgba(212,175,55,.4);
}
.program-card a:hover{color:#f4e08a}
@media (max-width:760px){.program-grid{grid-template-columns:1fr}}

/* PI section */
.pi-grid{
  display:grid;
  grid-template-columns:.6fr 1.4fr;
  gap:28px;
  align-items:start;
  margin-top:16px;
}
.pi-image img{
  width:100%;
  max-width:280px;
  border-radius:18px;
  box-shadow:0 16px 34px rgba(0,0,0,.5);
}
.pi-text p{color:#d7dbe2}
.pi-links{
  margin-top:16px;
  color:#b7bcc6;
}
.pi-links a{
  color:#d4af37;
  border-bottom:1px dotted rgba(212,175,55,.4);
}
.pi-links a:hover{color:#f4e08a}
@media (max-width:760px){
  .pi-grid{grid-template-columns:1fr}
  .pi-image img{max-width:200px}
}

/* Header nav: aria-current page indicator */
.oa-header nav a[aria-current="page"]{
  background:rgba(212,175,55,.15);
  border-color:rgba(212,175,55,.40);
  color:#f4e08a;
}

/* Personal-stake passage — Calvin's voice, first-person, sits between
   the research-hero and the lead-study section. The treatment is a
   left burgundy rule plus muted-warm text; not a card, not a callout.
   Reads as a paragraph that the rest of the page is the answer to. */
.personal-stake{
  border-left:3px solid #770737;
  padding:4px 0 4px 22px;
  margin:18px 0 12px;
  max-width:880px;
}
.personal-stake p{
  font-family:'Inter',sans-serif;
  font-size:1.08rem;
  line-height:1.55;
  color:#dadde2;
  font-style:italic;
  margin:0;
}

/* Companion paper cards — 2x2 grid using the same panel pattern as the
   program-grid, but with extra structure for the summary, meta, and
   links rows. Each card carries enough substance to read as a paper
   landing card without needing to click through. */
.paper-cards{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
  margin:24px 0;
}
.paper-card{
  background:var(--panel);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  padding:22px 24px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.paper-card h3{
  font-family:Rajdhani,sans-serif;
  font-size:1.3rem;
  color:#e9eaee;
  margin:0;
  line-height:1.2;
}
.paper-card .card-summary{
  color:#d7dbe2;
  line-height:1.55;
  margin:0;
}
.paper-card .card-meta{
  color:#b7bcc6;
  font-size:.95rem;
  line-height:1.5;
  margin:0;
  padding-top:6px;
  border-top:1px solid rgba(255,255,255,.06);
}
.paper-card .card-meta strong{color:#d4af37}
.paper-card .card-meta em{color:#e9eaee; font-style:italic}
.paper-card .card-links{
  list-style:none;
  padding:0;
  margin:0;
}
.paper-card .card-links li{
  padding:6px 0;
  color:#b7bcc6;
  font-size:.95rem;
  border-top:1px solid rgba(255,255,255,.06);
}
.paper-card .card-links li:first-child{border-top:none}
.paper-card .card-links a{
  color:#d4af37;
  text-decoration:none;
  border-bottom:1px dotted rgba(212,175,55,.4);
  font-weight:600;
}
.paper-card .card-links a:hover{
  color:#f4e08a;
  border-bottom-color:rgba(244,224,138,.7);
}
.paper-card .card-links em{
  color:#9aa0ab;
  font-style:italic;
}
@media (max-width:760px){.paper-cards{grid-template-columns:1fr}}

/* Multi-discipline arc — the differentiator surface. Numbered
   timeline-row of waypoints in the path that produced the work,
   followed by a single load-bearing claim line. */
.arc-timeline{
  list-style:none;
  counter-reset:arc;
  padding:0;
  margin:18px 0 18px;
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  max-width:920px;
}
.arc-timeline li{
  counter-increment:arc;
  position:relative;
  padding:12px 18px 12px 64px;
  background:rgba(20,21,26,.55);
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  color:#d7dbe2;
  line-height:1.5;
}
.arc-timeline li::before{
  content:counter(arc,decimal-leading-zero);
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  font-family:Rajdhani,sans-serif;
  font-size:1.4rem;
  font-weight:700;
  color:#d4af37;
  letter-spacing:1px;
}
.arc-timeline li strong{color:#e9eaee}
.arc-claim{
  color:#d7dbe2;
  font-size:1.05rem;
  line-height:1.55;
  max-width:880px;
  margin:18px 0 0;
  padding:14px 22px;
  border-left:3px solid #d4af37;
  background:rgba(212,175,55,.06);
}
@media (max-width:520px){
  .arc-timeline li{padding-left:54px}
  .arc-timeline li::before{left:14px; font-size:1.2rem}
}