/* 홈·하단 메뉴 다듬기 (2026-11-05): ① 말풍선 아이콘 ② 한국어 홈 제목 고딕
   ① 하단 메뉴 '상담' 버튼의 말풍선 아이콘 — 심플한 말풍선
   원본 app.js 가 만든 선(line) 아이콘 SVG 는 숨기고, 같은 자리에 장식 없는 채운 말풍선 하나를 그린다.
   아이콘은 이 파일 안의 SVG(data URI)라 이미지 파일·JS 수정이 필요 없다.
   모바일 하단 메뉴(.bottom-nav)만 바꾼다. 분홍 원(46px)과 위치는 cdu-ui.js 규칙을 그대로 쓴다. */
.bottom-nav a[href="#chat"] .nav-icon svg{display:none}
.bottom-nav a[href="#chat"] .nav-icon::before{content:"";display:block;width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M7.5 4H16.5A4.5 4.5 0 0 1 21 8.5V12.5A4.5 4.5 0 0 1 16.5 17H12.2L8.1 20.2C7.6 20.6 6.8 20.2 6.8 19.6V17H7.5A4.5 4.5 0 0 1 3 12.5V8.5A4.5 4.5 0 0 1 7.5 4Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* 홈 '언니와 대화하기' 버튼 안의 말풍선도 같은 모양으로 (글자색을 따라가는 마스크 아이콘 → 버튼 글자색 흰색) */
.hero a.primary[href="#chat"] svg{display:none}
.hero a.primary[href="#chat"]::before{content:"";flex:none;display:block;width:22px;height:22px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 4H16.5A4.5 4.5 0 0 1 21 8.5V12.5A4.5 4.5 0 0 1 16.5 17H12.2L8.1 20.2C7.6 20.6 6.8 20.2 6.8 19.6V17H7.5A4.5 4.5 0 0 1 3 12.5V8.5A4.5 4.5 0 0 1 7.5 4Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.5 4H16.5A4.5 4.5 0 0 1 21 8.5V12.5A4.5 4.5 0 0 1 16.5 17H12.2L8.1 20.2C7.6 20.6 6.8 20.2 6.8 19.6V17H7.5A4.5 4.5 0 0 1 3 12.5V8.5A4.5 4.5 0 0 1 7.5 4Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* 한국어 홈 제목('소정님 안녕하세요'·'당신의 아름다움, …')을 명조 → 고딕(Pretendard)으로.
   Pretendard 는 cdu-ui.js 가 한국어 화면에서 이미 불러온다. 앞의 :root 로 cdu-ui.js 의 명조 규칙보다 우선한다. */
html[lang="ko"]:root .greeting h1,html[lang="ko"]:root .hero h2{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;font-weight:600;letter-spacing:-.025em;line-height:1.4}