/* 홈 전용 — 랜딩 모양은 site.css(시안 voicecheck-v2 의 CSS 그대로)가 맡고, 여기는 실제 데이터 · 기능 때문에 더한 것만 */

/* 대표 사진을 올리면 동그라미를 채운다 (없으면 체크 파형 심볼) */
.portrait.has-photo { overflow: hidden; background: var(--mist); }
.portrait.has-photo img { width: 100%; height: 100%; object-fit: cover; }

/* 영상 — 썸네일은 버튼(누르면 그 자리에서 재생, js/voice.js), 아래 줄은 유입 기록 링크(/v/코드 → 신청) */
.clip .th { display: block; width: 100%; padding: 0; border: 0; cursor: pointer; }
.clip .th iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.clip .th.playing .pl { display: none; }
.clip .go { display: inline-block; margin-top: 4px; font-size: var(--fs-xs); font-weight: 650; color: var(--cobalt); }
@media (hover: hover) { .clip .go:hover { color: var(--cobalt-hover); text-decoration: underline; text-underline-offset: 3px; } }
.clip .th:focus-visible { outline-offset: 3px; border-radius: 16px; }

/* 모바일 이용 흐름 — 단계 이름이 상품 이름(VCI 음성분석 재점검 · 그룹 코칭 · 프리미엄 1:1)으로 길어져 네 칸이 붙어 보이지 않게 (2026-10-30) */
@media (max-width: 860px) {
    .home .track li { padding-right: 10px; }
    .home .track h3 { font-size: var(--fs-xs); letter-spacing: -.04em; }
}

/* 점검 다음 — 과정 카드 위 제목 'VCI 음성분석 결과에 따른 추천과정' (2026-11-02 멘토 제안 ④-3) */
.programs-h { margin-top: 72px; font-size: var(--fs-xl); line-height: 1.3; font-weight: 700; letter-spacing: -.035em; }
.programs-h + .programs { margin-top: 24px; }
@media (max-width: 860px) {
    .home .programs-h { margin-top: 36px; font-size: var(--fs-l); }
    .home .programs-h + .programs { margin-top: 14px; }
}

/* 상품 카드 목록 — 점검 1회에 담긴 것 (inc/home/check_includes: 아이콘 + 글) */
.buy li > span { min-width: 0; }