/* ============================================================
   連載「身体を書き換える」専用の扉デザイン差分
   ------------------------------------------------------------
   vayu-body-single.css の骨格（グリッド・余白・タイポの土台）はそのまま流用し、
   .vayu-bsingle--rewrite-series 配下だけを上書きする。
   モチーフ：BODY OBSERVATION の「緑×円（観察の軸）」に対して、
   このシリーズは「赤錆×揺らぎ線（校正・推敲のマーク）」。
   親テーマ・vayu-body-single.css は無変更、追加ファイルのみ。
   ============================================================ */

.vayu-bsingle--rewrite-series .vayu-bsingle__series,
.vayu-bsingle--rewrite-series .vayu-bsingle__ctype {
	color: #a9603f;
}

/* ARTICLE でも連載名（例：身体を書き換える #1）は小さく薄い色で題名の上に出す
   （BODY OBSERVATION の型では誌名を伏せているが、このシリーズでは見せる） */
.vayu-bsingle--rewrite-series.vayu-bsingle--article .vayu-bsingle__kicker .vayu-bsingle__series {
	display: inline;
	font-size: 13px;
	letter-spacing: .14em;
	color: #a9603f;
	font-weight: 600;
}

/* --- ARTICLE：左の観察コラム（BODY OBSERVATION相当）を校正マークに --- */
.vayu-bsingle--rewrite-series.vayu-bsingle--article .vayu-bsingle__obs::before {
	/* 直線ではなく、手描きの揺らぎ線（校正の下線）を縦に反復させる */
	background: none;
	width: 10px;
	left: -4px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='16' viewBox='0 0 10 16'%3E%3Cpath d='M0 2 Q5 0 10 2 T10 6 Q5 8 0 6 T0 10 Q5 12 10 10 T10 14' fill='none' stroke='%23c98a63' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: repeat-y;
	background-size: 10px 16px;
	opacity: .85;
}

.vayu-bsingle--rewrite-series .vayu-bsingle__obsLabel {
	color: #a9603f;
	font-weight: 500;
}

.vayu-bsingle--rewrite-series .vayu-bsingle__obsDate {
	color: #c98a63;
}

/* --- 題名（H1）：太く・大きく・すっきりしたゴシックで力強く（明朝は使わない） --- */
.vayu-bsingle--rewrite-series .c-postTitle__ttl {
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 800 !important;
	font-size: clamp(2.05rem, 1.15rem + 2.9vw, 3.15rem) !important;
	letter-spacing: -.01em !important;
	line-height: 1.32 !important;
}

/* --- 題名の頭に、挿入・訂正を示す小さな校正記号（キャレット）を添える --- */
.vayu-bsingle--rewrite-series .c-postTitle__ttl .vayu-bsingle__tMain {
	position: relative;
	padding-left: 1.3em;
}
.vayu-bsingle--rewrite-series .c-postTitle__ttl .vayu-bsingle__tMain::before {
	content: "^";
	position: absolute;
	left: 0;
	top: .08em;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
	font-size: .62em;
	color: #c1774f;
	transform: translateY(2px) scaleY(1.4);
}

/* 副題行の下に、推敲の訂正線（波下線）を一本 */
.vayu-bsingle--rewrite-series .c-postTitle__ttl .vayu-bsingle__tSub {
	position: relative;
	color: #7a6357;
}
.vayu-bsingle--rewrite-series .c-postTitle__ttl .vayu-bsingle__tSub::after {
	content: "";
	display: block;
	margin-top: 8px;
	width: 46px;
	height: 6px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'%3E%3Cpath d='M0 3 Q4 0 8 3 T16 3' fill='none' stroke='%23c98a63' stroke-width='1.1' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-size: 16px 6px;
	opacity: .8;
}

/* --- アイキャッチの角飾り：円弧ではなく、校正の角括弧（訂正の囲み）に --- */
.vayu-bsingle--rewrite-series.vayu-bsingle--article .vayu-bsingle__figure::after {
	border-radius: 0;
	border-color: transparent;
	border-top-color: #c98a63;
	border-left-color: #c98a63;
	width: 34px;
	height: 34px;
	left: -10px;
	top: -10px;
}

.vayu-bsingle--rewrite-series.vayu-bsingle--article.is-no-figure .vayu-bsingle__lede::after {
	border-radius: 0;
	border-color: transparent;
	border-top-color: #d9b199;
	border-left-color: #d9b199;
}

/* --- 本文中の写真は小さめに（扉のアイキャッチ・見出し画像は対象外） ---
   body class 経由だと反映されない環境があるため、扉divからの
   一般兄弟結合子（同じ .l-mainContent__inner 配下）で確実に効かせる。 */
.vayu-bsingle--rewrite-series ~ .post_content figure.wp-block-image,
.vayu-bsingle--rewrite-series ~ * .post_content figure.wp-block-image {
	max-width: 420px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.vayu-bsingle--rewrite-series ~ .post_content figure.wp-block-image img,
.vayu-bsingle--rewrite-series ~ * .post_content figure.wp-block-image img {
	width: 100% !important;
	height: auto !important;
	border-radius: 8px;
}
@media (max-width: 480px) {
	.vayu-bsingle--rewrite-series ~ .post_content figure.wp-block-image,
	.vayu-bsingle--rewrite-series ~ * .post_content figure.wp-block-image {
		max-width: 78% !important;
	}
}

/* --- 本文見出し（h3）を目立たせる：太く・大きく・テラコッタ、頭に校正記号 --- */
.vayu-bsingle--rewrite-series ~ .post_content h3,
.vayu-bsingle--rewrite-series ~ * .post_content h3 {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #a9603f !important;
	letter-spacing: .04em;
	position: relative;
}
.vayu-bsingle--rewrite-series ~ .post_content h3::before,
.vayu-bsingle--rewrite-series ~ * .post_content h3::before {
	content: "^";
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #c98a63;
	transform: scaleY(1.4);
	margin-bottom: 2px;
}
@media (max-width: 480px) {
	.vayu-bsingle--rewrite-series ~ .post_content h3,
	.vayu-bsingle--rewrite-series ~ * .post_content h3 {
		font-size: 19px !important;
	}
}

/* 「BODYへ戻る」リンクの色も揃える */
.vayu-bsingle--rewrite-series .vayu-bsingle__back { color: #c1926f; }
.vayu-bsingle--rewrite-series .vayu-bsingle__back:hover { color: #7a4a30; }