/* ============================================================
   today_card.css — heritage_today.php(今日の世界遺産バックナンバー)専用CSS
   heritage_today.php のみで読み込む。style.css には影響しない。

   方針(list_card.css / journey.css と同じ作法):
   - style.css は一切編集しない。このファイルは heritage_today.php 専用に
     追加で読み込む。
   - 全セレクタに .today-card プレフィックスを付与し、Bootstrap の
     .card / .card-title 等の既存クラスとは併用のみ(上書きしない)。

   目的(オーナー指摘):
   - カードの大きさが不揃い(遺産名が1行/2行でカード下端がずれる)のを解消する。
   - 画像は aspect-ratio 固定 + object-fit:cover で高さを揃え、
     タイトルは line-clamp:2 + min-height で行数によらず高さを揃える。
     (list_card.css の .hlist-card と同じ考え方)
   ============================================================ */

/* カード自体を列内で縦一杯に広げる(Bootstrapの.rowは既定でflex/stretchのため、
   カード側もheight:100%にしておくと列内の余白差が出にくい) */
.today-card__wrap {
	height: 100%;
}

/* ---- 画像: aspect-ratio固定 + object-fit:cover ---- */
.today-card__img-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3;
	background-color: #ddd;
	overflow: hidden;
}
.today-card__img-wrap .today-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ---- タイトル: line-clamp:2 + min-height で行数によらず高さを揃える ---- */
.today-card__title {
	min-height: 2.8em; /* line-height 1.4 × 2行分を確保し、1行タイトルでも高さを揃える */
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}