/* === scy-pagehead ページ名h1（2026-08-17新設・タスクA） ===
   仕様の正: _scripts/design_spec_apple_2026-08-14.md
             _scripts/design_research/社会貢献ページ_実在サイト研究_2026-08-17.md
   - SWELLのページタイトル帯（.c-pageTitle[data-style="b_bottom"] ＝明朝＋下線＋横罫の「中見出し」体裁）を
     子テーマの pluggable parts で止め、代わりに本ファイルの静かなページ名h1を本文先頭に置く。
   - 体裁の根拠: 三井不動産「コミュニティ」実測（28px / weight 400 / 左揃え / 装飾なし）。
     ウェイトは実在10社の分布（400×4 / 500×2 / 600×2、700単独は1社のみ）を踏まえ500とする。
   - デザイントークンは style.css の :root（--scy-*）を参照。新色・シャドウ・グラデは追加しない。 */

.scy-pagehead {
	margin: 0 0 var(--scy-sp-6);
}

/* SWELLの .post_content h1 装飾（背景・罫線・擬似要素）を打ち消したうえで再定義する */
.scy-pagehead__title,
.post_content .scy-pagehead__title {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	font-family: var(--scy-sans);
	/* 28 → 40px。実在サイトのページ名実測は 三井28 / ヒューリック36 / 野村36 / 東急40 / 三菱地所46px。
	   セクション見出し（社会貢献ページのh2=32px）より必ず大きくなるよう40pxを上限に置く。 */
	font-size: clamp(1.75rem, 3.2vw, 2.5rem);
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: var(--scy-ls-heading);
	color: var(--scy-ink);
	text-align: left;
}
.scy-pagehead__title::before,
.scy-pagehead__title::after,
.post_content .scy-pagehead__title::before,
.post_content .scy-pagehead__title::after {
	content: none;
	display: none;
}

/* ブログ一覧（page_for_posts）は .post_content の外に出るため、記事幅に合わせて左右の余白を持たせる */
.l-mainContent__inner > .scy-pagehead {
	margin-bottom: var(--scy-sp-4);
}

@media (max-width: 782px) {
	.scy-pagehead {
		margin-bottom: var(--scy-sp-4);
	}
}