/*
 * Midea front page 전용 스타일 (히어로).
 * 헤더/푸터/게시글 리스트 공용 스타일은 common.css 참고.
 */

/* ---------- 히어로 ---------- */

.midea-hero {
	max-width: 640px;
	margin: 0 auto;
	padding: 80px 24px 64px;
	text-align: center;
}

.midea-hero-tagline {
	font-family: var(--font-heading);
	font-size: 15px;
	letter-spacing: 0.02em;
	color: var(--color-text-muted);
	margin: 0 0 32px;
}

.midea-chat {
	display: flex;
	flex-direction: column;
	gap: 16px;
	text-align: left;
}

.midea-chat-bubble {
	max-width: 80%;
	padding: 16px 20px;
	border-radius: 16px;
	font-size: 15px;
	line-height: 1.6;
}

.midea-chat-bubble p {
	margin: 0;
}

.midea-chat-bubble-user {
	align-self: flex-end;
	background-color: var(--color-bg-surface);
	color: var(--color-text-secondary);
	border-top-right-radius: 4px;
}

.midea-chat-bubble-answer {
	align-self: flex-start;
	background-color: var(--color-bg-elevated);
	border: 1px solid var(--color-accent-violet);
	color: var(--color-text-primary);
	border-top-left-radius: 4px;
}

.midea-chat-bubble-answer strong {
	color: var(--color-accent-violet);
	font-weight: 600;
}

/* ---------- 반응형: 모바일 (≤ 640px) ---------- */

@media (max-width: 640px) {
	.midea-hero {
		padding: 56px 20px 48px;
	}

	.midea-chat-bubble {
		max-width: 100%;
	}
}