/* ============================================================
   INVESTIGATIONS band — performance-expectation cards on unit
   pages. Static markup per page; this shared sheet styles it.
   Pages live in /investigations (eleodes retheme).
   ============================================================ */

.iv-band .iv-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
@media (max-width: 760px) { .iv-band .iv-grid { grid-template-columns: 1fr; } }

.iv-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px 22px 18px;
  background: #fff;
  border: 2px solid rgba(26,22,18,0.85);
  border-radius: 20px;
  text-decoration: none;
  color: var(--ink, #1a1612);
  box-shadow: 5px 5px 0 rgba(26,22,18,0.9);
  transition: transform 0.14s ease, box-shadow 0.14s ease;
}
.iv-card:hover {
  transform: translate(-2px,-2px);
  box-shadow: 8px 8px 0 rgba(26,22,18,0.9);
}
.iv-card h3 {
  font-family: 'Clash Display', sans-serif;
  font-size: 21px;
  font-weight: 600;
  letter-spacing: -0.01em;
  margin: 0;
  color: var(--ink, #1a1612);
}
.iv-card p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.5;
  color: rgba(26,22,18,0.65);
}

.iv-pe {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--iris, #5b5bd6);
}

.iv-data {
  align-self: flex-start;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px;
  letter-spacing: 0.06em;
  padding: 4px 11px;
  border-radius: 999px;
  margin-top: 2px;
}
.iv-data.is-real {
  border: 1.5px solid #1e7d34;
  color: #1e7d34;
  background: rgba(30,125,52,0.08);
}
.iv-data.is-model {
  border: 1.5px solid var(--amber, #d97b2b);
  color: #8c4a12;
  background: rgba(217,123,43,0.10);
}

/* placeholder state (megaloop: band ships before pages are designed) */
.iv-card.is-soon {
  border-style: dashed; box-shadow: none; opacity: 0.65;
}
.iv-card.is-soon:hover { transform: none; box-shadow: none; }

.iv-go {
  margin-top: auto;
  padding-top: 12px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  color: var(--iris, #5b5bd6);
  border-top: 1px dashed rgba(26,22,18,0.18);
}
.iv-card:hover .iv-go { color: var(--amber, #d97b2b); }

/* placeholder state (megaloop: band ships before investigations are built) */
.iv-card.is-soon {
  border-style: dashed; box-shadow: none; opacity: 0.65; cursor: default;
}
.iv-card.is-soon:hover { transform: none; box-shadow: none; }