/* =====================================================
 * シングル投稿レイアウト：オーバーレイカード式
 *
 * Kadence時代の .content-bg / .single-entry のデザインを
 * Block Theme で再現したもの。
 *
 * - ページ背景は Subtle、白カードが画像にオーバーラップ
 * - カード内にカテゴリ・タイトル・投稿日・本文すべて
 * ===================================================== */

/* ページ背景：Subtle */
body.single-post {
	background-color: var(--wp--preset--color--subtle);
}

/* アイキャッチは現状の 16:9 align:full のまま、下マージンだけ消す */
.sl-single-hero-image {
	margin-bottom: 0 !important;
}

/* 白カード本体（画像にオーバーラップ） */
.sl-single-card.wp-block-group {
	position: relative;
	z-index: 2;
	margin-top: -80px;
	margin-left: auto;
	margin-right: auto;
	max-width: 880px;
	background: #FFFFFF;
	padding: 48px 56px 64px;
	box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.05);
}

/* カテゴリ（INSIGHT BLOG）：ティール、bold、uppercase */
.sl-single-cats {
	margin-top: 0;
	margin-bottom: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wp--preset--color--primary);
}
.sl-single-cats a {
	text-decoration: none;
	color: inherit;
}
.sl-single-cats a:hover {
	color: var(--wp--preset--color--primary-hover);
}

/* タイトル */
.sl-single-card .wp-block-post-title {
	margin-top: 0;
	margin-bottom: 20px;
}

/* 投稿日（ラベル + 日付） */
.sl-single-meta-date {
	margin: 0;
}
.sl-single-date-label,
.sl-single-date {
	font-size: 0.875rem;
	color: var(--wp--preset--color--muted);
	margin: 0;
}

/* 区切り線（極薄・カード内のメタ→本文を区切る） */
.sl-single-separator {
	border: 0;
	border-top: 1px solid rgba(27, 42, 44, 0.08);
	margin: 28px 0 28px;
	background: none;
	height: auto;
	opacity: 1;
}

/* レスポンシブ（タブレット以下） */
@media (max-width: 920px) {
	.sl-single-card.wp-block-group {
		margin-top: -40px;
		margin-left: 16px;
		margin-right: 16px;
		padding: 32px 24px 48px;
	}
}

@media (max-width: 600px) {
	.sl-single-card.wp-block-group {
		padding: 28px 20px 40px;
	}
	.sl-single-card .wp-block-post-title {
		font-size: 1.625rem;
	}
}