/*
 * KIKASE Tools Setup
 * Demand Finder 案内ページ用の最小限のスタイル。
 * テーマ（Cocoon / 標準テーマ）の見た目を邪魔しないよう、
 * このプラグインが付けたクラスだけに限定しています。
 */

/* 導入文 */
.kts-lead {
	font-size: 1.05em;
	line-height: 1.9;
}

.kts-note {
	color: #555;
	font-size: 0.95em;
	line-height: 1.8;
}

/* カード */
.wp-block-group.kts-card {
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	padding: 24px;
	margin: 20px 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.wp-block-group.kts-card > h3,
.wp-block-group.kts-card > .wp-block-heading {
	margin: 8px 0 12px;
	font-size: 1.25em;
	line-height: 1.5;
	border: none;
	padding: 0;
	background: none;
}

.wp-block-group.kts-card p {
	margin: 0 0 16px;
	line-height: 1.9;
}

/* 必須・任意バッジ */
.kts-badge {
	display: inline-block;
	margin: 0 0 4px;
	padding: 3px 12px;
	border-radius: 999px;
	font-size: 0.8em;
	font-weight: 700;
	line-height: 1.6;
}

.kts-badge-required {
	background: #fdecea;
	color: #b3261e;
}

.kts-badge-optional {
	background: #eef1f5;
	color: #4a5568;
}

/* ボタン */
.wp-block-buttons.kts-buttons {
	margin: 0;
}

.wp-block-button.kts-button .wp-block-button__link {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 16px 20px;
	background-color: #2563eb;
	color: #fff;
	border-radius: 8px;
	font-size: 1.05em;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
}

.wp-block-button.kts-button .wp-block-button__link:hover,
.wp-block-button.kts-button .wp-block-button__link:focus {
	background-color: #1d4ed8;
	color: #fff;
}

.wp-block-button.kts-button .wp-block-button__link:focus-visible {
	outline: 3px solid #93c5fd;
	outline-offset: 2px;
}

/* スマートフォン */
@media screen and (max-width: 600px) {
	.wp-block-group.kts-card {
		padding: 18px 16px;
		margin: 16px 0;
	}

	.wp-block-group.kts-card > h3,
	.wp-block-group.kts-card > .wp-block-heading {
		font-size: 1.15em;
	}

	.wp-block-button.kts-button .wp-block-button__link {
		padding: 18px 16px;
		font-size: 1em;
	}
}