/* =========================================================
   anime-longtail.css
   ロングテール型 記事用テーブル装飾
   - .anime-spec-table : §2 スペック表（話数・尺・放送時期など）
   - .anime-cast-table : §3 キャラ×声優表
   配色トークン: #141414 / #1e1e1e / #2a2a2a / #f59e0b / #d1d5db / #888
   ========================================================= */

/* ---------- 共通：カード化したテーブル枠 ---------- */
.anime-spec-table,
.anime-cast-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	margin: 24px 0;
	background: linear-gradient(135deg, #141414 0%, #1e1e1e 100%);
	border: 1px solid #2a2a2a;
	border-radius: 12px;
	overflow: hidden;
	font-size: 15px;
	color: #d1d5db;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

/* =========================================================
   §2 スペック表（2カラム：項目 / 値）
   ========================================================= */
.anime-spec-table th,
.anime-spec-table td {
	padding: 14px 18px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #2a2a2a;
	line-height: 1.6;
}

.anime-spec-table tr:last-child th,
.anime-spec-table tr:last-child td {
	border-bottom: none;
}

/* 項目名（左列） */
.anime-spec-table th {
	width: 38%;
	color: #888;
	font-weight: 500;
	font-size: 14px;
	background: rgba(245, 158, 11, 0.04);
	border-right: 1px solid #2a2a2a;
}

/* 値（右列） */
.anime-spec-table td {
	color: #f3f4f6;
	font-weight: 500;
}

/* 行ホバー */
.anime-spec-table tr:hover th {
	background: rgba(245, 158, 11, 0.08);
}
.anime-spec-table tr:hover td {
	background: rgba(255, 255, 255, 0.02);
}

/* =========================================================
   §3 キャラ×声優表（ヘッダー付き2カラム）
   ========================================================= */
.anime-cast-table thead th {
	padding: 13px 18px;
	text-align: left;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #141414;
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
	border-bottom: none;
}

.anime-cast-table tbody td {
	padding: 13px 18px;
	text-align: left;
	border-bottom: 1px solid #2a2a2a;
	line-height: 1.6;
}

.anime-cast-table tbody tr:last-child td {
	border-bottom: none;
}

/* 1列目：キャラクター名（強調） */
.anime-cast-table tbody td:first-child {
	color: #ffffff;
	font-weight: 500;
	width: 50%;
	border-right: 1px solid #2a2a2a;
}

/* 2列目：声優名 */
.anime-cast-table tbody td:last-child {
	color: #d1d5db;
}

/* ゼブラ＋ホバー */
.anime-cast-table tbody tr:nth-child(even) td {
	background: rgba(255, 255, 255, 0.015);
}
.anime-cast-table tbody tr:hover td {
	background: rgba(245, 158, 11, 0.07);
}

/* =========================================================
   レスポンシブ（スマホ）
   ========================================================= */
@media (max-width: 600px) {
	.anime-spec-table,
	.anime-cast-table {
		font-size: 14px;
		margin: 18px 0;
	}
	.anime-spec-table th,
	.anime-spec-table td,
	.anime-cast-table thead th,
	.anime-cast-table tbody td {
		padding: 11px 13px;
	}
	.anime-spec-table th {
		width: 42%;
		font-size: 13px;
	}
}