/* KAIBA 사이트 맞춤 스타일 (Manus 원본 위에 덧씌움) */

/* 색상 살짝 조정: 보라 포인트를 하주선 브랜드의 남보라로, 강조 노랑 추가 */
:root {
  --accent: oklch(47% .23 280);      /* #3a2fd6 근처 남보라 */
  --purple-pt: oklch(47% .23 280);
  --chart-2: oklch(47% .23 280);
  --royal: oklch(45% .19 268);
  --kb-yellow: #ffd24a;
}

/* 접기·펼치기 패널 */
.acc-panel { padding: 0 1rem 1rem; color: var(--muted-foreground); font-size: .95rem; line-height: 1.7; }
.acc-panel[hidden] { display: none !important; }

/* 휴대폰 메뉴 */
#mnav[hidden] { display: none !important; }

/* 기본 체크박스·셀렉트 */
.kb-check { width: 1rem; height: 1rem; accent-color: var(--primary); flex: none; margin-top: .15rem; }
select.kb-select { appearance: auto; background: var(--background); }

/* 관심 분야 선택 상태 */
button[aria-pressed="true"].kb-pressed,
button[aria-pressed="true"] { background: var(--primary) !important; color: var(--primary-foreground) !important; border-color: var(--primary) !important; }

/* 접수 완료 안내 */
.kb-done { padding: 2rem 1rem; text-align: center; }
.kb-done b { display: block; font-size: 1.25rem; color: var(--primary); margin-bottom: .5rem; }
.kb-done p { color: var(--muted-foreground); line-height: 1.7; }

/* 스크롤 시 헤더 */
header.kb-scrolled { box-shadow: 0 2px 12px rgb(0 0 0 / .06); }

/* 카톡 상담 버튼 */
.kb-kakao { position: fixed; right: 18px; bottom: 18px; z-index: 60; display: flex; align-items: center; gap: 8px;
  background: #fee500; color: #191919; font-weight: 700; font-size: 15px; padding: 12px 18px; border-radius: 999px;
  box-shadow: 0 6px 20px rgb(0 0 0 / .18); text-decoration: none; }
.kb-kakao svg { width: 20px; height: 20px; }
@media (max-width: 640px) { .kb-kakao { right: 12px; bottom: 12px; padding: 11px 15px; font-size: 14px; } }

/* 맨 위 웨비나 띠 배너 */
.kb-bar { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
  background: #0b1230; color: #fff; text-decoration: none; padding: 9px 16px; font-size: 14px; line-height: 1.4; text-align: center; }
.kb-bar b { color: #ffd24a; margin-right: 4px; }
.kb-bar-live { background: #d7141f; color: #fff; font-weight: 800; font-size: 11px; letter-spacing: .5px; padding: 2px 7px; border-radius: 4px; }
.kb-bar-cta { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.kb-bar:hover .kb-bar-cta { color: #ffd24a; }
.kb-bar[hidden] { display: none !important; }
@media (max-width: 640px) { .kb-bar { font-size: 13px; gap: 6px; padding: 8px 12px; } }