/* ---------- リンクカード（研究項目など） ---------- */
.link-list {
  display: grid;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* JS前・失敗時: 通常のリンクとして表示 */
.link-card {
  display: block;
  padding: 1rem;
  background: var(--color-card);
  border-radius: 1.25rem;
  text-decoration: none;
  overflow: hidden;
}
.link-card[data-state="loading"] { opacity: 0.6; }
.link-card[data-state="error"] { text-decoration: underline; }

/* 取得成功時（モバイル: 画像 → 名前 → 本文の縦並び） */
.link-card[data-state="loaded"] { display: grid; gap: 0.75rem; }
.link-card__thumb {
  display: block;
  aspect-ratio: 16 / 9;
  background: var(--color-card-media);
  border-radius: 0.75rem;
  overflow: hidden;
}
.link-card__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.link-card__title {
  display: block;
  padding: 0.2rem 0.5rem;
  background: #fff;
  border-radius: 0.5rem;
  text-align: center;
  font: 700 1rem/1.5 var(--font-display);
}
.link-card__text {
  display: block;
  font-size: 0.875rem;
  line-height: 1.7;
  text-align: center;
}
.link-card:hover { background: #cfcfcf; }