/* ============================================================
   Mind 個別記事 ―― 「白い紙に藍紫のインクで考える、小さな思索誌」
   対象：主カテゴリー=Mind かつ ARTICLE / COLUMN / ESSAY。
   NOTE、他室が主カテゴリーの記事には配信しない。
   使う：紙の白、藍紫のインク、細い罫線、注釈記号、余白の密度差。
   使わない：星空、スピリチュアル表現、ベージュの大きな面、白カード。
   ============================================================ */

/* 0. 共通の下地 */
#body_wrap.vayu-msingle-ready #top_title_area { display: none !important; }
#body_wrap.vayu-msingle-ready > #breadcrumb {
	position: absolute !important;
	width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
#body_wrap.vayu-mind-post.vayu-msingle-ready,
#body_wrap.vayu-mind-post.vayu-msingle-ready #content,
#body_wrap.vayu-mind-post.vayu-msingle-ready #main_content { background: #fff; }
#body_wrap.vayu-msingle-ready .l-mainContent__inner > .vayu-content-type.-single { display: none; }
#body_wrap.vayu-msingle-ready .l-mainContent__inner > .post_content { margin-top: 28px; }

.vayu-msingle { margin: 0 0 6px; font-feature-settings: "palt" 1; }
.vayu-msingle * { box-sizing: border-box; }
.vayu-msingle__back {
	display: inline-flex; align-items: center;
	padding: 4px 0; color: #8b879d; text-decoration: none;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 10px; letter-spacing: .2em;
	transition: color .18s ease;
}
.vayu-msingle__back:hover { color: #47435c; }

/* SWELLの正規タイトを扉の活字として使う */
#body_wrap .vayu-msingle .p-articleHead.c-postTitle { all: unset; display: block; }
.vayu-msingle .c-postTitle__ttl {
	margin: 0; color: #39364b;
	font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif;
	font-weight: 500; letter-spacing: .02em;
	line-break: strict; word-break: keep-all; overflow-wrap: anywhere;
}
.vayu-msingle .c-postTitle__date,
.vayu-msingle .p-articleMetas.-top { display: none; }
#body_wrap .vayu-msingle .p-articleHead.c-postTitle::before,
#body_wrap .vayu-msingle .p-articleHead.c-postTitle::after { content: none !important; display: none !important; }

.vayu-msingle__kicker {
	display: flex; align-items: baseline; gap: 12px;
	margin: 0 0 15px;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 10px; font-weight: 500; letter-spacing: .25em;
	color: #807b98;
}
.vayu-msingle__series { color: #504b6b; }
.vayu-msingle__ctype { color: #aaa6b8; letter-spacing: .2em; }
.vayu-msingle__meta {
	margin: 17px 0 0;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 10px; letter-spacing: .14em; color: #aaa6b8;
}

/* 1. ARTICLE | MIND INDEX
   左の注釈欄、中央の大見出し、右の資料写真。 */
.vayu-msingle--article .vayu-msingle__door {
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) minmax(210px, 32%);
	gap: 24px; align-items: start;
	margin-top: 14px; padding: 8px 0 24px;
	border-top: 1px solid #e4e1eb;
	border-bottom: 1px solid #e4e1eb;
}
.vayu-msingle--article .vayu-msingle__margin {
	position: relative; min-height: 112px;
	padding: 12px 12px 0 0;
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.vayu-msingle--article .vayu-msingle__margin::after {
	content: ""; position: absolute; right: 0; top: 0; bottom: -24px;
	width: 1px; background: #d8d4e2;
}
.vayu-msingle__marginLabel {
	display: block; color: #625d79;
	font-size: 9px; line-height: 1.8; letter-spacing: .16em;
}
.vayu-msingle__marginDate {
	display: block; margin-top: 13px;
	color: #aaa6b8; font-size: 10px; letter-spacing: .08em;
}
.vayu-msingle--article .vayu-msingle__lede { padding-top: 10px; }
.vayu-msingle--article .vayu-msingle__kicker .vayu-msingle__series { display: none; }
#body_wrap .vayu-msingle--article .c-postTitle__ttl {
	font-size: clamp(1.55rem, 1.15rem + 1.15vw, 2.05rem);
	line-height: 1.47;
}
.vayu-msingle--article .vayu-msingle__figure {
	position: relative; margin: 0; overflow: hidden;
	background: #f0eff4; aspect-ratio: 4 / 3;
}
.vayu-msingle--article .vayu-msingle__figure img {
	display: block; width: 100%; height: 100%; object-fit: cover;
}
/* 写真の右上に「注釈」のような小さな罫線 */
.vayu-msingle--article .vayu-msingle__figure::after {
	content: ""; position: absolute; right: 10px; top: 10px;
	width: 24px; height: 24px;
	border-top: 1px solid rgba(255,255,255,.85);
	border-right: 1px solid rgba(255,255,255,.85);
}
.vayu-msingle--article.is-no-figure .vayu-msingle__door {
	grid-template-columns: 96px minmax(0, 1fr);
}

/* ARTICLEの目次は「思考の地図」として薄い罫線の中に組む */
.vayu-msingle__mapslot { margin-top: 10px; }
#body_wrap .vayu-msingle__mapslot .p-toc {
	width: 100%; max-width: none; margin: 0; padding: 15px 0 4px;
	background: transparent; border: 0; border-bottom: 1px solid #e4e1eb;
}
.vayu-msingle__mapslot .p-toc__ttl {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: 9px; letter-spacing: .24em; color: #625d79;
}
.vayu-msingle__mapslot .p-toc__ttl::before { display: none; }
.vayu-msingle__mapslot .p-toc__ttl::after {
	content: "考えをたどる"; display: block; margin-top: 3px;
	font-size: 11px; letter-spacing: .08em; color: #aaa6b8;
}
.vayu-msingle__mapslot .p-toc__list { columns: 2; column-gap: 30px; margin-top: 11px; }
.vayu-msingle__mapslot .p-toc__list > li {
	position: relative; break-inside: avoid; list-style: none; padding-left: 14px;
}
.vayu-msingle__mapslot .p-toc__list > li::before {
	content: ""; position: absolute; left: 0; top: .72em;
	width: 4px; height: 4px; background: #8b86a2; border-radius: 50%;
}
.vayu-msingle__mapslot .p-toc__link { color: #4c485e; font-size: 13px; line-height: 1.75; }

/* 2. COLUMN | A QUESTION LEFT OPEN
   写真ではなく、問いと横に伸びる一本の線が主役。 */
.vayu-msingle--column .vayu-msingle__door {
	position: relative; margin-top: 12px;
	padding: 12px 0 26px 46px;
	border-top: 1px solid #e4e1eb;
	border-bottom: 1px solid #e4e1eb;
}
.vayu-msingle--column .vayu-msingle__door::before {
	content: ""; position: absolute; left: 0; top: 29px;
	width: 24px; height: 1px; background: #6f6988;
}
.vayu-msingle--column .vayu-msingle__door::after {
	content: ""; position: absolute; left: 29px; top: 26px;
	width: 6px; height: 6px; border: 1px solid #8e88a5; border-radius: 50%;
}
.vayu-msingle--column .vayu-msingle__figure { display: none; }
#body_wrap .vayu-msingle--column .c-postTitle__ttl {
	max-width: 24em;
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
	font-size: clamp(1.65rem, 1.05rem + 2vw, 2.4rem);
	font-weight: 500; line-height: 1.62;
}
.vayu-msingle--column .vayu-msingle__meta { margin-top: 18px; }
#body_wrap.vayu-msingle-ready.vayu-ctype-column .post_content > *:not(.wp-block-image):not(figure):not(.p-toc):not(table):not(.wp-block-table) {
	max-width: 37em; margin-left: clamp(0px, 5vw, 58px); margin-right: auto;
}
#body_wrap.vayu-msingle-ready.vayu-ctype-column .post_content .p-toc {
	max-width: 37em; margin: 22px 0 24px clamp(0px, 5vw, 58px);
	padding: 10px 0; background: transparent;
	border: 0; border-top: 1px solid #e4e1eb; border-bottom: 1px solid #e4e1eb;
	border-radius: 0; font-size: .9em;
}
#body_wrap.vayu-msingle-ready.vayu-ctype-column .post_content .p-toc__ttl {
	font-size: 9px; letter-spacing: .22em; color: #807b98;
}
#body_wrap.vayu-msingle-ready.vayu-ctype-column .post_content .p-toc__ttl::before { display: none; }

/* 3. ESSAY | INNER WEATHER
   PCは 左＝写真（約56%）／右＝H1・日付（約44%）。
   DOM順は lede→figure のままなので、figure を order:-1 で左トラックへ回す。
   390px（<=900px）は下の @media で縦積み（テキスト→写真）へ戻す。 */
.vayu-msingle--essay .vayu-msingle__door {
	display: grid; grid-template-columns: minmax(0, 56%) minmax(220px, 1fr);
	gap: 38px; align-items: center;
	margin-top: 12px; padding: 20px 0 26px;
	border-top: 1px solid #e4e1eb;
	border-bottom: 1px solid #e4e1eb;
}
.vayu-msingle--essay .vayu-msingle__figure {
	order: -1;
	margin: 0; aspect-ratio: 5 / 6; overflow: hidden;
	background: #f1f0f5;
}
.vayu-msingle--essay .vayu-msingle__figure img {
	display: block; width: 100%; height: 100%; object-fit: cover;
}
.vayu-msingle--essay .vayu-msingle__lede {
	position: relative; padding-left: 22px;
}
.vayu-msingle--essay .vayu-msingle__lede::before {
	content: ""; position: absolute; left: 0; top: 0; bottom: 0;
	width: 1px; background: #b9b5c7;
}
.vayu-msingle--essay .vayu-msingle__lede::after {
	content: "※"; position: absolute; left: -5px; top: -26px;
	color: #9c97ad; font-family: serif; font-size: 12px;
}
#body_wrap .vayu-msingle--essay .c-postTitle__ttl {
	font-family: "Noto Serif JP", "Hiragino Mincho ProN", serif;
	font-size: clamp(1.45rem, 1.05rem + 1.45vw, 2rem);
	font-weight: 500; line-height: 1.7;
}
.vayu-msingle--essay.is-no-figure .vayu-msingle__door { grid-template-columns: 1fr; }
.vayu-msingle--essay.is-no-figure .vayu-msingle__figure { display: none; }
#body_wrap.vayu-msingle-ready.vayu-ctype-essay .post_content > .p-toc { display: none; }
#body_wrap.vayu-msingle-ready.vayu-ctype-essay.is-vayu-short-note .post_content::before { display: none !important; }

/* 4. レスポンシブ */
@media (max-width: 900px) {
	.vayu-msingle--article .vayu-msingle__door,
	.vayu-msingle--article.is-no-figure .vayu-msingle__door { grid-template-columns: 1fr; gap: 15px; }
	.vayu-msingle--article .vayu-msingle__margin {
		min-height: 0; padding: 0 0 8px 12px;
		display: flex; align-items: baseline; gap: 12px;
	}
	.vayu-msingle--article .vayu-msingle__margin::after {
		left: 0; right: auto; top: 0; bottom: 0;
	}
	.vayu-msingle__marginDate { margin-top: 0; }
	.vayu-msingle--article .vayu-msingle__lede { padding-top: 0; }
	.vayu-msingle--article .vayu-msingle__figure { aspect-ratio: 16 / 10; }
	.vayu-msingle__mapslot .p-toc__list { columns: 1; }

	.vayu-msingle--essay .vayu-msingle__door { grid-template-columns: 1fr; gap: 18px; }
	.vayu-msingle--essay .vayu-msingle__lede { order: 1; }
	.vayu-msingle--essay .vayu-msingle__figure { order: 2; aspect-ratio: 4 / 3; }

	#body_wrap.vayu-msingle-ready.vayu-ctype-column .post_content > *:not(.wp-block-image):not(figure):not(.p-toc):not(table):not(.wp-block-table),
	#body_wrap.vayu-msingle-ready.vayu-ctype-column .post_content .p-toc {
		max-width: 100%; margin-left: 0; margin-right: 0;
	}
}

@media (max-width: 600px) {
	.vayu-msingle__kicker { flex-wrap: wrap; gap: 8px; }
	.vayu-msingle--column .vayu-msingle__door { padding-left: 34px; }
	.vayu-msingle--column .vayu-msingle__door::before { width: 17px; }
	.vayu-msingle--column .vayu-msingle__door::after { left: 21px; }
}

@media (max-width: 480px) {
	#body_wrap .vayu-msingle--article .c-postTitle__ttl { font-size: 1.22rem; line-height: 1.58; }
	#body_wrap .vayu-msingle--column .c-postTitle__ttl  { font-size: 1.18rem; line-height: 1.66; }
	#body_wrap .vayu-msingle--essay .c-postTitle__ttl   { font-size: 1.22rem; line-height: 1.68; }
}