/* =============================================================
   SHISEILABO Core — 物語型ブログ「型」（想像以上を、創造で。）
   コンテンツを <div class="slabo-story"> で包むと適用されます。
   ============================================================= */

.slabo-story {
	--story-accent: var(--slabo-accent, #0bb4aa);
	--story-ink: var(--slabo-ink, #1a1a1a);
}

/* ブランドのアイブロウ */
.slabo-story__eyebrow {
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	color: var(--story-accent);
	margin: 0 0 1.2em;
	padding-bottom: .4em;
	border-bottom: 2px solid var(--story-accent);
}

/* リード（導入文） */
.slabo-story__lead {
	font-size: clamp(17px, 1.15rem + .4vw, 21px);
	line-height: 2.1;
	font-weight: 500;
	color: var(--story-ink);
	padding: .2em 0 .2em 1.1em;
	border-left: 3px solid var(--story-accent);
	margin: 1.4em 0 1.8em;
}

/* 見出し（番号付きセクション） */
.slabo-story h2 {
	position: relative;
	font-size: clamp(22px, 1.4rem + 1.2vw, 30px);
	line-height: 1.5;
	font-weight: 700;
	color: var(--story-ink);
	margin: 2.6em 0 1em;
	padding: 0 0 .5em .9em;
	border-bottom: 1px solid #ececec;
}
.slabo-story h2::before {
	content: "";
	position: absolute;
	left: 0;
	top: .15em;
	bottom: .5em;
	width: 5px;
	border-radius: 3px;
	background: var(--story-accent);
}

/* 本文 */
.slabo-story p {
	line-height: 2.15;
	letter-spacing: .01em;
}
.slabo-story > p,
.slabo-story > .wp-block-group:not(.slabo-story__antz):not(.slabo-story__closing) p {
	color: #333;
}

/* A N T Z 強調ブロック */
.slabo-story__antz {
	margin: 1.8em 0;
	padding: 1.6em 1.4em;
	background: #0f1115;
	color: #fff;
	border-radius: 14px;
	text-align: center;
}
.slabo-story__antz p {
	margin: .35em 0;
	font-weight: 700;
	font-size: clamp(16px, 1rem + .5vw, 20px);
	letter-spacing: .06em;
	line-height: 1.7;
}
.slabo-story__antz p:first-child { margin-top: 0; }
.slabo-story__antz p:last-child { margin-bottom: 0; }

/* 印象的なプルクオート */
.slabo-story__pull {
	margin: 2.2em 0;
	padding: 1.1em 0;
	border: 0;
	border-top: 2px solid var(--story-accent);
	border-bottom: 2px solid var(--story-accent);
	text-align: center;
}
.slabo-story__pull blockquote,
.slabo-story__pull p {
	margin: 0;
	font-family: var(--slabo-serif, "Times New Roman", "YuMincho", "Hiragino Mincho ProN", serif);
	font-size: clamp(19px, 1.2rem + .8vw, 27px);
	line-height: 1.9;
	font-weight: 600;
	color: var(--story-ink);
}

/* 結びの問いかけ（クロージング） */
.slabo-story__closing {
	margin: 2.4em 0 1em;
	padding: 2em 1.8em;
	border-radius: 16px;
	background: linear-gradient(135deg, #0f1115 0%, #20212b 100%);
	color: #fff;
}
.slabo-story__closing p {
	margin: 0 0 1em;
	font-size: clamp(15px, .95rem + .4vw, 18px);
	line-height: 2;
}
.slabo-story__closing p:last-child {
	margin-bottom: 0;
	color: #cfd2ff;
	font-weight: 600;
}

/* 物語を伝える画像 */
.slabo-story figure.wp-block-image {
	margin: 2.2em 0;
}
.slabo-story figure.wp-block-image img {
	width: 100%;
	border-radius: 12px;
	display: block;
}
.slabo-story figure.wp-block-image figcaption {
	margin-top: .8em;
	font-size: 13px;
	line-height: 1.7;
	color: #9aa0a6;
	text-align: center;
}
/* 冒頭のヒーロー画像 */
.slabo-story__hero {
	margin: .4em 0 2.2em !important;
}
.slabo-story__hero img {
	border-radius: 16px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

@media (max-width: 600px) {
	.slabo-story__antz, .slabo-story__closing { padding: 1.4em 1.1em; }
	.slabo-story figure.wp-block-image { margin: 1.6em 0; }
}