/* 소담만세력 — 글로벌 프로 풀이 언어 (2026-09-29 · 1단계)
   📄 handoff/작업기획/글로벌프로/01_풀이화면.md 2장 · 4장
   🔴 P2-1 규칙: 13px 미만 금지 · 굵기 800 이상 금지 · 음수 자간 금지 · 줄 간격 1.25 이상 · 터치 폰 44px / PC 36px */

/* ── 언어 버튼 (한국어 │ English) ───────────────────────────── */
.pro-lang-row{display:flex;justify-content:flex-end;margin:0 0 14px;}
.pro-lang{display:inline-flex;flex:0 0 auto;border:1px solid #8a7040;border-radius:999px;overflow:hidden;background:#fff;}
.pro-lang button{
  min-height:36px;padding:0 16px;margin:0;border:0;background:#fff;color:#6b5a3a;
  font-size:15px;font-weight:600;line-height:1.3;letter-spacing:0;cursor:pointer;
}
.pro-lang button + button{border-left:1px solid #d9ccb2;}
.pro-lang button.active{background:#8a7040;color:#fff;font-weight:700;cursor:default;}
.pro-lang button[data-pro-lang-lock]{color:#7a6c55;}
.pro-lang button:focus-visible{outline:2px solid #8a7040;outline-offset:2px;}
@media (max-width:860px){
  .pro-lang button{min-height:44px;padding:0 18px;}
}
/* 2인보기 궁합 — 방식 알약(사주 · 띠별) 줄 오른쪽 끝. 폰에서 줄이 넘어가도 오른쪽에 남는다 */
.pro-gunghap-ways .pro-lang{margin-left:auto;}
/* 운세 상자 제목 줄 — 「닫기」 왼쪽에 붙는다 */
.pro-reading-head .pro-lang{margin-left:auto;}
.pro-reading-head .pro-lang + .pro-reading-close{margin-left:8px;}

/* ── 안내 두 가지 ────────────────────────────────────────── */
.pro-lang-locked{
  margin:0 0 14px;padding:12px 16px;border-radius:10px;background:#f8f4ec;border:1px solid #e4d8bf;
  color:#4b3f2c;font-size:15px;line-height:1.6;letter-spacing:0;
}
.pro-lang-locked a{display:inline-block;margin-left:4px;color:#6b4f1d;font-weight:700;text-decoration:underline;}
.pro-lang-pending{
  padding:18px 20px;border:1px dashed #c8b48a;border-radius:12px;background:#fffdf8;
}
.pro-lang-pending-main{
  margin:0 0 6px;font-size:17px;line-height:1.6;color:#2f2a22;letter-spacing:0;
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,system-ui,sans-serif!important;
}
.pro-lang-pending-sub{margin:0;font-size:15px;line-height:1.6;color:#6b5a3a;}

/* ── 영어 상자 안쪽 — 글꼴 · 줄 길이 · 줄 간격을 영어에 맞춘다 ──────────
   🔴 사용자가 고른 한글 글꼴(명조 · 궁서 …)이나 2인보기 한자 글꼴로 영어가 그려지지 않게 **영문 글꼴을 고정**한다.
      전역 규칙(sodam_global.css)이 !important 라 여기도 !important 로 이긴다(속성 선택자가 더 구체적이다) */
[data-pro-lang-body],
[data-pro-lang-body] *{
  font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,system-ui,sans-serif!important;
  letter-spacing:0!important;
}
/* 본문 — 17px 그대로 · 줄 간격 1.65 · 한 줄 68자 안팎 · 긴 낱말이 폰에서 넘치지 않게 */
[data-pro-lang-body] .pro-reading-text,
[data-pro-lang-body] .pro-gunghap-text,
[data-pro-lang-body] .po-p,
[data-pro-lang-body] .pro-gunghap-desc{
  line-height:1.65!important;max-width:68ch;overflow-wrap:anywhere;hyphens:auto;
}
[data-pro-lang-body] .pro-reading-para,
[data-pro-lang-body] .pro-gunghap-para{margin-bottom:14px;}
/* 이름표 · 제목 — 굵기 700 (P2-1: 800 이상 금지) · 문장식 대소문자 그대로 */
[data-pro-lang-body] .pro-reading-label,
[data-pro-lang-body] .pro-gunghap-label,
[data-pro-lang-body] .pro-reading-total,
[data-pro-lang-body] .pro-gunghap-name,
[data-pro-lang-body] .po-sec-title{font-weight:700!important;}

/* 운세 오각형 — 영어 축 이름(「Study 60」)이 잘리지 않게 그림 틀을 양옆으로 넓혔다(index.html proReadingPentagon).
   틀이 넓어진 만큼 그림을 키워 **글자 크기를 한국어 그림과 같게** 둔다 (176 × 262/210 ≈ 220) */
.flow-card .pro-reading-slot [data-pro-lang-body] .pro-reading-chart{flex:0 0 220px;}
.flow-card .pro-reading-slot [data-pro-lang-body] .pro-reading-chart svg{width:220px;height:176px;}
@media (max-width:860px){
  .flow-card .pro-reading-slot [data-pro-lang-body] .pro-reading-chart{flex:0 0 100%;}
  .flow-card .pro-reading-slot [data-pro-lang-body] .pro-reading-chart svg{width:100%;max-width:274px;height:auto;}
}