/* 일본 페이지 서체 — Pretendard JP.
 *
 * ★ 왜 필요한가
 *   블록들은 미국 원본을 그대로 물려받아 font-family: "Pretendard" 를 쓴다.
 *   그런데 Pretendard(한국어판)에는 **한자 글리프가 없다**. 그래서 브라우저가
 *   한자만 시스템 폰트로 대체해 버려, 같은 문장 안에서 가나·영문과 한자의
 *   굵기·자폭이 어긋난다(사장님 지적: "한자는 폰트가 안 먹었어").
 *   Pretendard JP 는 가나·한자를 포함하므로 한 서체로 통일된다.
 *
 * ★ 왜 블록 51개를 고치지 않고 덮어쓰기로 했나
 *   블록은 이미 페이지로 복제돼 DB 에 들어갔다. 블록 파일을 고쳐도
 *   만들어진 페이지에는 반영되지 않는다(복제기는 기존 페이지를 건너뛴다).
 *   출력 시점에 덮어써야 이미 만든 페이지까지 한 번에 고쳐진다.
 *
 * ★ 아이콘은 건드리지 않는다
 *   Font Awesome·Elementor 아이콘은 글자가 아니라 '폰트로 그리는 기호'다.
 *   서체를 바꾸면 네모(두부)로 깨지므로 선택자에서 제외한다.
 */

body.m2m-jp,
body.m2m-jp p,
body.m2m-jp h1, body.m2m-jp h2, body.m2m-jp h3,
body.m2m-jp h4, body.m2m-jp h5, body.m2m-jp h6,
body.m2m-jp li,
body.m2m-jp button,
body.m2m-jp small, body.m2m-jp strong, body.m2m-jp b, body.m2m-jp em,
body.m2m-jp input, body.m2m-jp textarea, body.m2m-jp select,
body.m2m-jp span:not([class*="icon"]):not([class*="eicon"]):not([class*="fa-"]),
body.m2m-jp a:not([class*="icon"]):not([class*="eicon"]):not([class*="fa-"]),
body.m2m-jp div:not([class*="icon"]):not([class*="eicon"]):not([class*="fa-"]) {
  font-family: "Pretendard JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans",
               "Yu Gothic", YuGothic, Meiryo, "Noto Sans JP", sans-serif !important;
}

/* 아이콘 폰트는 원래대로 — 위 규칙이 혹시 닿았더라도 되돌린다 */
body.m2m-jp i,
body.m2m-jp [class*="eicon-"],
body.m2m-jp [class*="fa-"],
body.m2m-jp .fa, body.m2m-jp .fas, body.m2m-jp .far, body.m2m-jp .fab {
  font-family: revert !important;
}

/* 일본어 조판 보정 — 한자·가나가 섞이면 빽빽해 보인다.
   블록별로 이미 line-height 를 넣어 둔 곳은 그쪽이 이긴다(여기엔 !important 를 쓰지 않는다). */
body.m2m-jp p,
body.m2m-jp li {
  line-height: 1.85;
}