/*
 * kkbc-cjk-phrase-1.css - issue #266 (PROJ-0221). Loaded after css/kkbc-cjk-break-1.css. A changed file takes a new name.
 * 1. .kkbc-phrase is a class that js/kkbc-cjk-phrase-1.js sets, only in a browser without word-break: auto-phrase, on a heading or short paragraph
 *    that now has <wbr> at its phrase borders. keep-all: the line breaks at a <wbr> or a space, not between two characters.
 *    overflow-wrap anywhere: a phrase wider than its box still breaks, so the page never gets wider than the screen.
 * 2. Japanese footer heading on a phone: at 45 px the phrase "お問い合わせください。" (11 characters, letter-spacing 1 px) is wider than the
 *    box (the screen minus 40 px), so it broke inside the phrase. The size is the largest that fits: (100vw - 40px) / 11 - 1.5px, 45 px at most.
 *    390 px: about 30 px. Only :lang(ja), only 480 px and narrower; every other page and width keeps footer .Footer h3 of css/responsive-2.css.
 */
:lang(ja) .kkbc-phrase, :lang(zh) .kkbc-phrase {
  word-break: keep-all;
  overflow-wrap: anywhere;
}

@media (max-width: 480px) {
  :lang(ja) footer .Footer h3 {
    font-size: min(45px, calc((100vw - 40px) / 11 - 1.5px));
  }
}