/* Link Cards v2 — namespaced to .linkcards to avoid site-wide conflicts */
.linkcards { margin: 18px 0; }

.linkcards .cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
}

.linkcards .card {
  display: flex;
  gap: 12px;
  align-items: center;
  border: 1px solid #2f2f2f;
  background: #0e0e0e;
  border-radius: 16px;
  padding: 12px;
}

.linkcards .card .thumb img { width: 160px; height: auto; display: block; border-radius: 12px; }
.linkcards .card .body { min-width: 0; }
.linkcards .card .title { margin: 0 0 4px 0; font-size: 1rem; font-weight: 600; }
.linkcards .card .desc  { margin: 0; opacity: .9; }
.linkcards .card .actions { margin-top: 8px; }

/* Button style only for link cards */
.linkcards .lc-btn {
  display: inline-block;
  padding: 6px 10px;
  border: 1px solid #333;
  background: #111;
  border-radius: 10px;
  text-decoration: none;
}
/* Keep images/titles clean inside link cards only */
.linkcards .card a { text-decoration: none; }

.linkcards .card.latest-runs { min-height: 120px; }

/* same height as run tiles */
.linkcards .card.latest-runs { min-height: 120px; }

/* single-tile grid, same width as a run tile */
.linkcards .cards-grid.lc-single {
  width: min(100%, 260px); /* match run tile width */
  grid-template-columns: 1fr;
  justify-content: start;
}