/* ============================================================
   Mind 記事専用：カテゴリーの世界観 ＋ 文章の種類ごとの構造差分
   ------------------------------------------------------------
   ・世界観（淡いインディゴ・カードを持たない、静かな佇まい）は共通
   ・タイトルの組み方だけを、文章の種類（vayu-ctype-*）で変える
   ============================================================ */

/* ── 世界観：淡いインディゴ、箱を持たない静けさ ── */
.vayu-mind-post #top_title_area {
	background-color: #f1f0f6;
}

.vayu-mind-post .p-articleHead.c-postTitle {
	background-color: transparent;
	border: none;
	border-radius: 0;
	box-shadow: none;
	padding: 30px 20px 22px;
}

.vayu-mind-post .p-articleHead.c-postTitle::before {
	/* 葉っぱの代わりに、小さな星に差し替える */
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2.2 7.2L21 12l-6.8 2.8L12 22l-2.2-7.2L3 12l6.8-2.8L12 2z' fill='%237c7896'/%3E%3C/svg%3E");
}

.vayu-mind-post .c-postTitle__ttl {
	color: #45425c;
	font-weight: 400;
	letter-spacing: 0.06em;
}

.vayu-mind-post .c-postTitle__date {
	letter-spacing: 0.1em;
	color: #a6a3b8;
}

/* カテゴリーキッカー（MIND） */
.vayu-mind-post .p-articleHead.c-postTitle::after {
	content: "MIND";
	order: -1;
	display: block;
	margin-bottom: 12px;
	font-weight: 300;
	font-size: 11px;
	letter-spacing: 0.36em;
	color: #a6a3b8;
}

/* 文章の種類ラベル */
.vayu-mind-post .vayu-content-type.-single {
	color: #a6a3b8;
}

/* ============================================================
   文章の種類ごとの構造差分
   ============================================================ */

/* ESSAY：個人的な語り、左寄せ・ゆったりした行間 */
.vayu-mind-post.vayu-ctype-essay .p-articleHead.c-postTitle {
	align-items: flex-start;
	text-align: left;
	border-left: 1px solid rgba(124, 120, 150, 0.3);
	padding-left: 24px;
}

.vayu-mind-post.vayu-ctype-essay .post_content {
	font-size: 1.05em;
	line-height: 2.1;
}

/* ARTICLE：問いだけでなく、構造も少し見せる */
.vayu-mind-post.vayu-ctype-article .p-articleHead.c-postTitle {
	border-top: 1px solid rgba(124, 120, 150, 0.25);
	border-bottom: 1px solid rgba(124, 120, 150, 0.25);
	padding-top: 26px;
	padding-bottom: 26px;
}

.vayu-mind-post.vayu-ctype-article .c-postTitle__ttl {
	font-size: 1.1em;
}

/* COLUMN：問いを残す、いちばん静かな佇まい（既定のまま） */

/* NOTE：小さな豆知識、コンパクトに */
.vayu-mind-post.vayu-ctype-trivia .p-articleHead.c-postTitle {
	padding: 20px 20px 16px;
}

.vayu-mind-post.vayu-ctype-trivia .c-postTitle__ttl {
	font-size: 0.9em;
}