/*
 * Japanese typography.
 *
 * The template sets `font-family: 'Poppins', sans-serif` throughout, and Poppins
 * has no CJK glyphs — every Japanese character falls through to whatever the OS
 * picks for generic `sans-serif`, which on Windows is often a poor match for the
 * Latin text beside it. Naming the Japanese faces explicitly keeps the pairing
 * predictable across platforms.
 *
 * Poppins stays first so Latin runs (QRoT.io, UI/UX, .svg) keep the brand
 * face; the browser only reaches the later families for characters Poppins
 * cannot render.
 *
 * Scoped to [lang="ja"], which the Japanese routes set on their wrapper. Font
 * Awesome icons are unaffected: `.fas` sets font-family on the <i> directly, and
 * a direct rule always beats an inherited one.
 */

[lang='ja'],
[lang='ja'] input,
[lang='ja'] textarea,
[lang='ja'] button,
[lang='ja'] select {
  font-family: 'Poppins', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans JP',
    'Yu Gothic Medium', 'Yu Gothic', Meiryo, sans-serif;
}

/* Japanese has no inter-word spaces, so lines need a little more room to stay
   readable at the body sizes this template uses. */
[lang='ja'] p,
[lang='ja'] .card-body,
[lang='ja'] li {
  line-height: 1.9;
}