/* ==========================================================================
   Séoul Atelier · 파트너즈 상담 위챗 (sa14.js) — sa13.css 다음에 불러오기
   ========================================================================== */
.qr.sa14-has, .cs-qr.sa14-has { padding: 10px; background: #fff; overflow: hidden; }
.sa14-qr { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: 10px; }
.cs-qr.sa14-has { padding: 4px; }
/* 상담사 QR이 없으면(위챗 ID만) QR 칸을 빼고 글자 · 복사 버튼 두 칸으로 — 76px QR 칸에 글자가 끼지 않게 */
.cs-id:has(> .cs-qr[hidden]) { grid-template-columns: minmax(0, 1fr) auto; }
/* 긴 위챗 ID(예: xiaowang_seoul)가 휴대폰에서 'ID 복사' 버튼 위로 넘치지 않게 칸 안에서 줄바꿈 */
.cs-id-txt b, .qr-card .qr-info p { overflow-wrap: anywhere; }
.cs-id-txt b { line-height: 1.25; }
@media (max-width: 480px) { .cs-id-txt b { font-size: 18px; } }

/* 병원 제휴 혜택: 내국인 가격 (운영자가 켠 병원만) */
.sa14-kr { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; margin-left: 6px; border-radius: 999px; vertical-align: middle;
  background: #e2e9de; color: #3f5a41; font: 600 11.5px/1 var(--sans, system-ui); letter-spacing: .02em; white-space: nowrap; }
.sa14-kr::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.card.dark .sa14-kr { background: rgba(226, 233, 222, .14); color: #cfe0cc; }
.cl-body > b + .sa14-kr { width: fit-content; margin: 6px 0 2px; align-self: flex-start; justify-self: start; }
.sa14-kr-note { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 14px 0 0; font-size: 13.5px; line-height: 1.6; color: var(--ink-2, #3a342d); }
.sa14-kr-note .sa14-kr { margin-left: 0; }
/* 상담 창: 내용이 화면보다 길면 칸이 눌려 찌그러지지 않고(복사 버튼 54px → 25px 등) 창 안에서 스크롤되게 */
.cs-panel > * { flex-shrink: 0; }
/* 복사 버튼과 상담사 위챗 칸 사이가 떨어져 보이지 않게 */
html.sa12 .cs-id { margin-top: 26px; }
@media (max-width: 760px) { html.sa12 .cs-id { margin-top: 12px; } html.sa12 .cs-msg { margin-top: 8px; } }
/* 노트북처럼 낮은 화면(PC): 여백을 줄여 상담사 위챗 ID 칸까지 한 화면에 보이게 */
@media (min-width: 761px) and (max-height: 900px) {
  html.sa12 .cs-panel { padding: 32px 44px 28px; gap: 12px; }
  html.sa12 .cs-head h2 { font-size: 23px; }
  html.sa12 .cs-head h2::before { margin-bottom: 8px; }
  html.sa12 .cs-steps { margin-top: 8px; }
  html.sa12 .cs-steps li { padding: 12px 16px 14px; gap: 4px; }
  html.sa12 .cs-steps li b::before { font-size: 19px; }
  html.sa12 .cs-msg { margin-top: 10px; }
  html.sa12 #csMsg { padding: 14px 18px; line-height: 1.75; }
  html.sa12 .cs-id { margin-top: 14px; padding: 14px 18px; }
}