/**
 * ALVARA 下層ページ — 見出し（member_plans.html 準拠）
 * .eyebrow / .sec-title / ブロック「セクション見出し」(is-style-section_ttl)
 *
 * SWELL の .post_content h2 より後に読み込み、!important で上書き
 */

/* ========== Eyebrow（欧文ラベル） ========== */
.alvara-site-page .post_content .eyebrow,
.alvara-site-page .post_content p.eyebrow,
.alvara-site-page .eyebrow,
.editor-styles-wrapper .eyebrow,
.editor-styles-wrapper p.eyebrow {
	font-family: var(--font-latin) !important;
	font-style: italic !important;
	font-size: 10.5px !important;
	font-weight: 500 !important;
	letter-spacing: 0.32em !important;
	text-transform: uppercase !important;
	color: var(--muted) !important;
	line-height: 1.5 !important;
	margin-top: 0 !important;
	margin-bottom: 1.5rem !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

/* ========== セクション見出し（h2） ========== */
.alvara-site-page .post_content .sec-title,
.alvara-site-page .post_content h2.sec-title,
.alvara-site-page .post_content h2.is-style-section_ttl,
.alvara-site-page .sec-title,
.editor-styles-wrapper .sec-title,
.editor-styles-wrapper h2.sec-title,
.editor-styles-wrapper h2.is-style-section_ttl {
	position: relative !important;
	font-family: var(--font-serif) !important;
	font-weight: 400 !important;
	font-style: normal !important;
	letter-spacing: 0.03em !important;
	line-height: 1.25 !important;
	font-size: clamp(1.6rem, 3.4vw, 2.4rem) !important;
	color: var(--ink) !important;
	margin-top: 0 !important;
	margin-bottom: 1.5rem !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
	text-align: inherit;
}

.alvara-site-page .post_content h2.is-style-section_ttl::before,
.alvara-site-page .post_content h2.is-style-section_ttl::after,
.alvara-site-page .post_content h2.sec-title::before,
.alvara-site-page .post_content h2.sec-title::after,
.editor-styles-wrapper h2.is-style-section_ttl::before,
.editor-styles-wrapper h2.is-style-section_ttl::after,
.editor-styles-wrapper h2.sec-title::before,
.editor-styles-wrapper h2.sec-title::after {
	content: none !important;
	display: none !important;
	border: none !important;
	background: none !important;
	box-shadow: none !important;
}

/* SWELL .post_content > * { margin-bottom: 2em } を打ち消す */
.alvara-site-page .post_content > h2.sec-title,
.alvara-site-page .post_content > h2.is-style-section_ttl {
	margin-bottom: 1.5rem !important;
}

/* ========== 初回無料 CTA 内見出し ========== */
.alvara-site-page .post_content .first-free-cta .eyebrow,
.editor-styles-wrapper .first-free-cta .eyebrow {
	margin-bottom: 1rem !important;
	color: #6f7f6e !important;
}

.alvara-site-page .post_content .first-free-cta .sec-title,
.alvara-site-page .post_content .first-free-cta h2.is-style-section_ttl,
.editor-styles-wrapper .first-free-cta .sec-title,
.editor-styles-wrapper .first-free-cta h2.is-style-section_ttl {
	font-size: clamp(1.45rem, 3.2vw, 2rem) !important;
	margin-bottom: 1rem !important;
}

/* ========== プランカード h3 ========== */
.alvara-site-page .post_content .plan-card-body h3,
.alvara-site-page .plan-card-body h3,
.editor-styles-wrapper .plan-card-body h3 {
	font-family: var(--font-sans) !important;
	font-size: 1.05rem !important;
	font-weight: 400 !important;
	font-style: normal !important;
	letter-spacing: 0.08em !important;
	color: var(--ink) !important;
	line-height: 1.4 !important;
	margin-top: 0 !important;
	margin-bottom: 0.75rem !important;
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

/* ========== CTA 帯 h2 ========== */
.alvara-site-page .post_content .cta h2,
.alvara-site-page .post_content .cta h2.is-style-section_ttl,
.alvara-site-page .cta h2,
.editor-styles-wrapper .cta h2,
.editor-styles-wrapper .cta h2.is-style-section_ttl {
	font-family: var(--font-serif) !important;
	font-weight: 300 !important;
	font-size: clamp(1.6rem, 4vw, 2.6rem) !important;
	line-height: 1.3 !important;
	color: var(--paper) !important;
	margin-top: 0 !important;
	margin-bottom: 1.25rem !important;
}

.alvara-site-page .post_content .cta .eyebrow,
.alvara-site-page .cta .eyebrow,
.editor-styles-wrapper .cta .eyebrow {
	color: var(--muted-on-dark) !important;
}

@media (max-width: 860px) {
	.alvara-site-page .post_content .sec-title,
	.alvara-site-page .post_content h2.sec-title,
	.alvara-site-page .post_content h2.is-style-section_ttl,
	.editor-styles-wrapper .sec-title,
	.editor-styles-wrapper h2.is-style-section_ttl {
		font-size: clamp(1.5rem, 6.5vw, 2rem) !important;
	}
}