/* =========================================================
   追記用 CSS

   管理画面の「外観 > テーマファイルエディター」から自由に追記してよいファイル。
   ボタンの色など、見た目の微調整をここに書く。
   すべての CSS の最後に読み込まれるので、ここに書いた指定が優先される。
   ========================================================= */

/* ------------------------------------------------------------
   記事内CTA（無料相談）のデザイン
   対象: 同期パターン「記事内CTA（無料相談）」（外観 > パターン）
   用途: ブログ記事の本文中に挿入する無料相談への誘導ブロック。
         文言・リンク先はパターン側、見た目はここで管理する。
   構造: .cta-article（カード）
           > .cta-article__title（訴求コピー）
           > .cta-article__sub（補足）
           > .cta-article__button（ボタン。色はテーマ共通のボタン指定を継承）
           > .cta-article__note（注記）
   計測: GTMのクリックトリガーは .cta-article__button a を対象にする
   ------------------------------------------------------------ */
.entry-content .cta-article {
	margin: 40px 0;
	padding: 32px 24px;
	background: var(--color-bg-alt, #EEF4F7);
	border-radius: 12px;
	text-align: center;
}
.entry-content .cta-article p {
	margin: 0;
}
.entry-content .cta-article__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
	color: var(--color-text, #1a1a1a);
}
.entry-content .cta-article__sub {
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.7;
	color: var(--color-text-sub, #4a4a4a);
}
.entry-content .cta-article .wp-block-buttons {
	margin-top: 20px;
}
.entry-content .cta-article__note {
	margin-top: 12px;
	font-size: 12px;
	color: var(--color-text-mute, #888888);
}
@media (max-width: 767px) {
	.entry-content .cta-article {
		padding: 24px 16px;
	}
	.entry-content .cta-article__title {
		font-size: 16px;
	}
}