/* Ci-en の更新情報（トップのカード列）。色はテーマの変数があれば使い、無ければ既定色に戻る。 */
.kcien { margin: 0 0 36px; }
.kcien-list { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.kcien-card {
	display: flex; flex-direction: column; overflow: hidden;
	border-radius: var(--k-radius, 10px); background: #fff; color: var(--k-text, #3b3447); text-decoration: none;
	box-shadow: 0 2px 10px rgba(122, 94, 160, 0.14); transition: transform 0.15s, box-shadow 0.15s;
}
.kcien-card:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(122, 94, 160, 0.24); }
.kcien-thumb { display: block; flex: none; aspect-ratio: 1 / 1; background: var(--k-bg, #f5eefa); overflow: hidden; }
.kcien-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.kcien-card:hover .kcien-thumb img { transform: scale(1.04); }
.kcien-body { display: flex; flex-direction: column; gap: 2px; margin: 8px 10px 10px; }
.kcien-date { font-size: 11px; color: var(--k-sub, #6b5a86); letter-spacing: 0.04em; }
.kcien-title {
	display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden;
	font-size: 13px; font-weight: bold; line-height: 1.5;
}
.entry-card-wrap.is-cien .cat-label { background: var(--k-accent, #b02a58); }
@media (max-width: 900px) { .kcien-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 520px) { .kcien-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }