/* ============================================================
   cross_category_detail_chips.css — cross_category_detail.php専用CSS
   cross_category_detail.php のみで読み込む。style.css には影響しない。

   方針(erase_list_card.css / category_card.css と同じ作法):
   - style.css は一切編集しない(related_heritage_listは元々style.css未定義=素の<ul><li>だった)。
   - 全セレクタに .ccdetail- プレフィックスを付与する。

   背景:
   - 「関連する世界遺産」が素の<ul><li>縦積みリンクリストで、件数が多いページでは
     縦に間延びして見づらかった(rollout_plan.md Wave3、軽微改修で十分と判定)。
   - K-Cの角丸・影トーンを踏襲したチップ(タグ)風の折り返しレイアウトに変更する。
   ============================================================ */

.ccdetail-chip-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.ccdetail-chip-list li {
	margin: 0;
	padding: 0;
}

.ccdetail-chip {
	display: inline-block;
	background: #F6F6F6;
	border: 1px solid #e2e2e2;
	border-radius: 999px;
	padding: 5px 14px;
	font-size: 13px;
	color: #036;
	text-decoration: none;
	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}
.ccdetail-chip:hover {
	background: #eaf5f8;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	color: #036;
	text-decoration: none;
}