/* ==========================================================================
   c-card-download — Figma: Card/Download（資料カード）
   白地・枠線 border/default・影 Box-Dropshadow・内側 16px・サムネイル 312×176 → タイトル（16px）
   タイトル renewal/JP/18/Bold・最大 3 行。横並びのカードは一番高いものに高さを揃える（Figma 注記）
   ========================================================================== */

.c-card-download {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  height: 100%; /* グリッドの行内で高さを揃える */
  padding: var(--space-16);
  border: 1px solid var(--color-border-default);
  background-color: var(--color-bg-base);
  box-shadow: var(--shadow-box);
  color: var(--color-text-base);
  transition: box-shadow 0.2s ease;
}

.c-card-download:hover {
  box-shadow: var(--shadow-select); /* ホバー: Dropshadow-select（カード共通） */
}

.c-card-download:focus-visible {
  outline: 2px solid var(--color-border-brand);
  outline-offset: 2px;
}

.c-card-download__thumb {
  overflow: hidden;
  background-color: var(--color-bg-placeholder);
}

.c-card-download__image {
  width: 100%;
  aspect-ratio: 312 / 176; /* Figma 固有寸法 */
  object-fit: cover;
}

.c-card-download__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* Figma: 最大 3 行で表示し、それ以上は省略 */
}

/* ホバー: タイトルは text/brand（下線なし） */
.c-card-download:hover .c-card-download__title,
.c-card-download:focus-visible .c-card-download__title {
  color: var(--color-text-brand);
}

@media (prefers-reduced-motion: reduce) {

  .c-card-download {
    transition: none;
  }

}