/**
 * ビジネス向けアイスブレイクお題ジェネレーター
 */

.ib-section { padding: 18px 22px; }
.ib-section + .ib-section { border-top: 1px solid #EAE7E0; }

.ib-section-title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-display);
	font-size: 17px;
	font-weight: 700;
	color: var(--color-text);
	margin: 0 0 14px;
}

.ib-section-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 700;
	color: #FFFFFF;
	background: linear-gradient(135deg, #4DC2D5 0%, #2A7A8B 100%);
	flex-shrink: 0;
}

/* チップ型セレクター */
.ib-chip-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ib-chip {
	padding: 9px 16px;
	background: #F4F4F2;
	border: 1.5px solid transparent;
	border-radius: 999px;
	font-size: 13.5px;
	font-weight: 500;
	color: var(--color-text);
	cursor: pointer;
	transition: all 0.15s ease;
	user-select: none;
}

.ib-chip:hover {
	background: #E9EFF5;
}

.ib-chip.is-active {
	background: linear-gradient(135deg, #E1F1F5 0%, #C5E5EB 100%);
	border-color: #4DC2D5;
	color: #1F5D6B;
	font-weight: 700;
}

.ib-chip-label {
	font-size: 12px;
	color: var(--color-text-muted);
	margin-bottom: 6px;
	font-weight: 600;
}

/* ボタン */
.ib-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 12px 22px;
	border: none;
	border-radius: 8px;
	font-family: var(--font-display);
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.18s ease;
}

.ib-btn--primary {
	background: linear-gradient(135deg, #4DC2D5 0%, #2A7A8B 100%);
	color: #FFFFFF;
	box-shadow: 0 2px 6px rgba(77, 194, 213, 0.30);
	padding: 14px 36px;
	font-size: 15px;
}

.ib-btn--primary:hover {
	filter: brightness(1.05);
	transform: translateY(-1px);
}

.ib-btn--secondary {
	background: #F4F4F2;
	color: var(--color-text);
}

.ib-btn--secondary:hover { background: #E9E9E6; }

/* 結果 */
.ib-result {
	padding: 28px 22px;
	background: linear-gradient(135deg, #E8F7FA 0%, #FFFFFF 80%);
	border-top: 1px solid var(--color-border);
}

.ib-result-card {
	background: #FFFFFF;
	border: 2px solid #4DC2D5;
	border-radius: 14px;
	padding: 22px 22px 18px;
	margin: 0 auto 16px;
	max-width: 660px;
	box-shadow: 0 4px 18px rgba(77, 194, 213, 0.18);
	position: relative;
}

.ib-result-tag-row {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.ib-result-tag {
	display: inline-block;
	padding: 3px 10px;
	background: #E8F7FA;
	color: #1F5D6B;
	font-size: 11px;
	font-weight: 600;
	border-radius: 999px;
}

.ib-result-question {
	font-family: var(--font-display);
	font-size: 22px;
	font-weight: 700;
	color: #1A3F4A;
	line-height: 1.5;
	margin: 0 0 12px;
}

@media (max-width: 600px) {
	.ib-result-question { font-size: 18px; }
}

.ib-result-tip {
	font-size: 13px;
	color: var(--color-text-secondary);
	line-height: 1.7;
	background: #F8FCFD;
	padding: 10px 14px;
	border-radius: 8px;
	border-left: 3px solid #4DC2D5;
}

.ib-result-tip-label {
	display: inline-block;
	font-size: 11px;
	font-weight: 700;
	color: #2A7A8B;
	margin-right: 6px;
}

/* アクション */
.ib-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 6px;
}

/* 印刷 */
@media print {
	.header, .footer, .breadcrumb,
	.ib-section, .ib-actions, .adsense-wrapper {
		display: none !important;
	}
	.ib-result {
		background: #FFFFFF !important;
		padding: 0 !important;
		border: none !important;
	}
	.ib-result-card {
		box-shadow: none !important;
		border: 1px solid #999 !important;
	}
}