/* ==========================================================================
   キュレーション記事 本文装飾スタイル（single-list.php 専用）
   curation.css と同じパレット: #1a1a1a系 / #f59e0b
   ========================================================================== */

/* ----------------------------------------
   導入ブロック
   ---------------------------------------- */
.curation-intro {
	margin: 0 0 1.5rem;
}

.curation-intro h2 {
	font-size: 18px;
	font-weight: 500;
	border-left: 3px solid #f59e0b;
	padding-left: 10px;
	color: #fff;
	margin: 0 0 0.75rem;
}

.curation-intro p {
	font-size: 16px;
	line-height: 1.9;
	margin: 0 0 1.2em;
	color: inherit;
}

.curation-intro p:last-child {
	margin-bottom: 1.8rem;
}

/* ----------------------------------------
   選定基準ボックス
   ---------------------------------------- */
.curation-criteria {
	background: #222;
	border-left: 3px solid #f59e0b;
	padding: 18px 22px;
	border-radius: 0 var(--border-radius-md, 8px) var(--border-radius-md, 8px) 0;
	margin: 1.5rem 0 2rem;
}

.curation-criteria__label {
	font-size: 13px;
	font-weight: 500;
	color: #f59e0b;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
}

.curation-criteria__body {
	color: #ddd;
	font-size: 15px;
	line-height: 1.8;
}

/* ----------------------------------------
   記事内 h2（汎用）
   ---------------------------------------- */
.entry-content h2 {
	font-size: 18px;
	font-weight: 500;
	border-left: 3px solid #f59e0b;
	padding-left: 10px;
	color: #fff;
	margin: 1.75rem 0 0.75rem;
}

/* ----------------------------------------
   作品カード
   ---------------------------------------- */
.curation-card {
	display: flex;
	gap: 12px;
	background: #222;
	padding: 12px;
	border-radius: var(--border-radius-md, 8px);
	text-decoration: none;
	color: inherit;
	transition: background 0.15s;
}

.curation-card:hover {
	background: #2a2a2a;
}

.curation-card + .curation-card {
	margin-top: 14px;
}

/* ----------------------------------------
   ポスター
   ---------------------------------------- */
.curation-card__poster-wrap {
	position: relative;
	flex-shrink: 0;
}

.curation-card__poster {
	width: 90px;
	height: 130px;
	background: #333;
	border-radius: var(--border-radius-md, 8px);
	overflow: hidden;
}

.curation-card__poster img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.curation-card__poster-placeholder {
	width: 100%;
	height: 100%;
	background: #2a2a2a;
}

/* ----------------------------------------
   ランクバッジ
   ---------------------------------------- */
.curation-card__rank {
	position: absolute;
	top: -6px;
	left: -6px;
	background: #f59e0b;
	color: #1a1a1a;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: var(--border-radius-md, 8px);
	z-index: 1;
	line-height: 1.4;
}

/* ----------------------------------------
   カード本文
   ---------------------------------------- */
.curation-card__body {
	flex: 1;
	min-width: 0;
}

.curation-card__head {
	display: flex;
	align-items: baseline;
	gap: 8px;
	margin-bottom: 4px;
	flex-wrap: wrap;
}

.curation-card__title {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
}

.curation-card__rating {
	color: #f59e0b;
	font-size: 12px;
	white-space: nowrap;
	flex-shrink: 0;
}

.curation-card__meta {
	font-size: 11px;
	color: #888;
	margin-bottom: 6px;
}

.curation-card__comment {
	color: #bbb;
	font-size: 12px;
	line-height: 1.6;
	margin: 0 0 6px;
}

/* ----------------------------------------
   VOD バッジ
   ---------------------------------------- */
.curation-card__vods {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
}

.curation-card__vod {
	font-size: 10px;
	padding: 1px 6px;
	border-radius: var(--border-radius-md, 8px);
	background: #333;
	color: #aaa;
	white-space: nowrap;
}

/* 主要 VOD ブランドカラー */
.curation-card__vod--netflix {
	background: #2d3a2d;
	color: #97c459;
}

.curation-card__vod--unext,
.curation-card__vod--u-next {
	background: #3a2d2d;
	color: #e0a875;
}

.curation-card__vod--hulu {
	background: #2d3a3a;
	color: #5dcaa5;
}

.curation-card__vod--disney-plus,
.curation-card__vod--disney {
	background: #2d2d3a;
	color: #7a8fcd;
}

.curation-card__vod--prime-video,
.curation-card__vod--amazon-prime {
	background: #1f2a3a;
	color: #5dabca;
}

.curation-card__vod--dmm-tv,
.curation-card__vod--dmm {
	background: #3a2d3a;
	color: #c97ac9;
}

.curation-card__vod--abema {
	background: #3a3a2d;
	color: #c9c97a;
}

.curation-card__vod--apple-tv,
.curation-card__vod--apple-tv-plus {
	background: #2a2a2a;
	color: #cccccc;
}

/* ----------------------------------------
   レスポンシブ: スマートフォン
   ---------------------------------------- */
@media (max-width: 480px) {
	.curation-intro p {
		font-size: 15px;
		line-height: 1.8;
	}

	.curation-criteria {
		padding: 14px 16px;
	}

	.curation-criteria__body {
		font-size: 14px;
	}

	.curation-card {
		padding: 10px;
	}

	.curation-card__poster {
		width: 70px;
		height: 100px;
	}
}