/* 영어 화면에만 싣는 작은 손질 (L 2026-10-23). 색은 xync.css 토큰만 쓴다 */
:root[lang="en"] body { word-break: normal; overflow-wrap: break-word; }
/* 라이브러리: 영어 제목 아래 한국어 제목 */
.bc-ko, .bp-ko { display: block; color: var(--text-3); font-size: .82em; line-height: 1.35; margin-top: 2px; }
.bp-ko { margin: -2px 0 6px; }
.book-ko { color: var(--text-2); }
.book-orig-x { color: var(--text-3); font-size: .92em; }
.en-edition-note { color: var(--text-2); font-size: .92rem; border-left: 2px solid rgb(var(--ether-rgb) / .5); padding-left: 12px; margin-top: 14px; }
.en-colophon { display: grid; grid-template-columns: max-content 1fr; gap: 6px 16px; margin: 12px 0 18px; font-size: .92rem; }
.en-colophon dt { color: var(--text-3); }
.en-colophon dd { margin: 0; color: var(--text-2); }
/* 블로그 영어 목록 */
.enb-note { color: var(--text-2); max-width: 36em; }
.enb-list { list-style: none; padding: 0; margin: 12px 0 28px; display: grid; gap: 10px; }
.enb-post { display: grid; gap: 6px; padding: 18px 20px; border: 1px solid var(--line); border-radius: var(--r-md); background: var(--card); color: var(--text); text-decoration: none; transition: border-color var(--d-2), transform var(--d-2); }
.enb-post:hover { border-color: rgb(var(--ether-rgb) / .45); }
.enb-meta { display: flex; flex-wrap: wrap; gap: 4px 12px; color: var(--text-3); font-size: .84rem; }
.enb-cat { color: var(--mint-ink); font-weight: 600; }
.enb-title { font-size: 1.12rem; font-weight: 650; line-height: 1.4; }
.enb-desc { color: var(--text-2); font-size: .94rem; line-height: 1.55; }
.enb-more { margin-bottom: 48px; }
/* 라이브러리 이름: 영어 화면에서는 'Ether Library' 한 번만 */
html[lang="en"] .lib-name .en { display: none; }
/* 홈 히어로: 영어 세 줄은 한국어보다 길어 줄바꿈을 허용하고, 휴대폰에서는 조금 작게 */
html[lang="en"] .hero-title span { white-space: normal; text-wrap: balance; }
@media (max-width: 719px) {
  html[lang="en"] .hero-title { font-size: clamp(2.1rem, 9.6vw, 3rem); }
  /* 영어 버튼 글은 한국어보다 길어 두 칸에 나란히 두면 두 줄로 꺾인다 → 한 줄씩 위아래로 같은 폭·같은 높이 (2026-10-25) */
  html[lang="en"] .hero-cta { flex-direction: column; align-items: stretch; gap: 10px; width: 100%; max-width: 420px; margin-inline: auto; }
  html[lang="en"] .hero-cta .btn { flex: none; width: 100%; min-height: 54px; white-space: nowrap; justify-content: center; padding: 0 20px; }
  html[lang="en"] .hero-cta .arr { display: inline-block; }
}
/* 게임 허브: 이름이 이미 영어라 곁의 영어 이름은 감춘다 */
html[lang="en"] .hub-name .en, html[lang="en"] [data-pick] > span[lang="en"] { display: none; }
/* CSS 안의 한국어 글자(광고 표시, 준비 중)를 영어로 */
html[lang="en"] .ad-slot:not([data-ad-label])::before { content: "Ad"; }
html[lang="en"] .xs-card.is-soon:not(.is-locked) .xs-card-sub::after { content: " · coming soon"; }
/* ── L10N 2026-10-25 ───────────────────────────────────────────── */
/* 라이브러리 얇은 줄: 영어 메뉴(Shelves · How we translate · About)가 한국어보다 길어 휴대폰에서 'Ether Library' 와 겹쳤다.
   좁은 폭에서는 가운데 메뉴(번역 원칙 → 소개 페이지에 있다)를 감추고, 이름이 넘치면 말줄임 */
html[lang="en"] .lib-path { overflow: hidden; }
html[lang="en"] .lib-name { min-width: 0; }
html[lang="en"] .lib-name .ko { overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 520px) {
  html[lang="en"] .lib-links a[href*="#principles"] { display: none; }
  html[lang="en"] .lib-links a { padding: 0 8px; }
}
/* 서가: 영문판 종류 / 한국어판만 있는 책 표시 */
.bc-kr { color: var(--coral-ink, var(--text-3)); }
.lib-ko-only { padding-top: 0; }
.lib-ko-only .sec-head p { max-width: 40em; }
.en-ko-flag { display: inline-block; margin-top: 10px; padding: 3px 10px; border-radius: var(--r-pill); font-size: .84rem; line-height: 1.5;
  color: var(--text-2); border: 1px solid var(--line); background: var(--card); }
.en-ko-flag.is-ed { color: var(--mint-ink, var(--text-2)); }
/* 홈 입체 서가: 영어 책등은 한 줄(한국어처럼 낱말마다 줄을 바꾸면 거꾸로 읽힌다) */
html[lang="en"] .spine-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: .03em; font-size: 13px; }