/* RTL 언어(ar·fa) 전용 — `` 쪽에서만 불린다(build.py `RTL`).
* dir="rtl" 이 flex·grid·text-align:start 는 알아서 뒤집으므로, 여기는 style.css 가
* **물리 방향(left/right)이나 라틴 전제(자간)** 로 적은 곳만 고친다.
* style.css 에 넣지 않은 이유: 그 파일의 해시가 CSS_V 라, 고치면 기존 언어 페이지가 전부 바뀐다. */
/* 아랍 문자는 이어 쓰는 글자라 자간을 주면 연결이 끊겨 보인다. */
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3,
[dir="rtl"] .brand, [dir="rtl"] .eyebrow, [dir="rtl"] .book b,
[dir="rtl"] .stats b { letter-spacing: 0; }
/* 아랍 문자는 위아래로 길다(점·모음 부호) — 라틴 기준 1.18 이면 두 줄 제목이 겹친다. */
[dir="rtl"] h1 { line-height: 1.45; }
[dir="rtl"] h2 { line-height: 1.5; }
[dir="rtl"] body { line-height: 1.8; }
/* 히어로 수치(90+ · 50,000+)는 LTR 로 고정한다 — RTL 문단에서 `+` 는 방향이 없는 문자라
* 숫자 앞으로 넘어가 `+90` 으로 보인다. 마지막 칸은 글(가입 없음)이라 제외한다. */
[dir="rtl"] .stats li:not(:last-child) b { direction: ltr; text-align: right; }
/* 언어 선택기 화살표를 왼쪽으로. 두 그라디언트가 V 의 왼쪽·오른쪽 획이라 위치도 맞바꾼다. */
[dir="rtl"] .lang select.langsel {
padding: 5px 12px 5px 26px;
background-position: left 9px center, left 13px center;
}
/* 뒤쪽 폰(퀴즈)이 반대편으로 가므로 기울기도 거울로. */
[dir="rtl"] .phone.back { transform: rotate(-3.5deg) translateY(10px); }
/* 언어 배너의 "English →" — 가리키는 언어의 방향으로 격리해 화살표가 글자 앞에 붙지 않게 한다. */
[dir="rtl"] #lh a { unicode-bidi: plaintext; }
/* 단어장 칸 조각에 `white-space: nowrap` 을 걸지 마라(2026-09-27 걷어냄) — 긴 아랍어 조각
* ("اختبار الهانجا الكوري…"·"JLPT من N5 إلى N1…")이 줄을 못 바꿔 768·1024px 에서 카드 테두리 밖으로 나갔다.
* `G-TELP` 가 하이픈에서 갈라지던 문제는 build.py book_items 가 라틴 하이픈을 U+2011 로 바꿔 막는다. */
/* 푸터 저작권 줄(`© 2026 MuMu Labs`)은 기호·숫자·라틴 글자뿐이라 RTL 문단에서 토큰 순서가 뒤집혀
* `MuMu Labs 2026 ©` 로 보였다. flex 항목이라 block 처럼 동작해 direction 이 먹는다. */
[dir="rtl"] .foot > span:first-child { direction: ltr; }