/*
 * Japonca sayfalar (webja1110 W1). Yalnız <html lang="ja"> sayfalarında yüklenir; öteki dillerin sayfası değişmez.
 * Fraunces ve Inter Japon harfi taşımaz: Latin harf onlarla, Japon harfi sistemin Japon yazısıyla çizilir
 * (lang="ja" ile tarayıcı Çince değil Japon biçimini seçer). Web yazı tipi yüklenmez; Japon siteleri gibi
 * sistem yazısı (iOS ve Mac Hiragino, Windows Yu Gothic / Meiryo, Android Noto Sans CJK JP).
 */
html:lang(ja) body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN',
    'Noto Sans JP', 'Yu Gothic UI', Meiryo, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.75;
  line-break: strict;
  word-break: normal;
  overflow-wrap: anywhere;
}

/* Başlıklar Fraunces kalır; Japon harfi için sistemin Mincho yazısı. */
html:lang(ja) :is(h1, h2, h3, h4, .why-card .num, .assistant-quote blockquote, .ms-prose blockquote) {
  font-family: 'Fraunces', 'Hiragino Mincho ProN', 'Yu Mincho', 'Noto Serif JP', Georgia, serif;
}

/* Japon harfinde sahte eğik yazı bozuk görünür ve sıkı harf aralığı harfleri üst üste bindirir. */
html:lang(ja) :is(em, i, cite, h1 em, h2 em, .why-card .num, .assistant-quote blockquote, .ms-prose blockquote) {
  font-style: normal;
}
html:lang(ja) :is(h1, h2, h3, .why-card h4, .article h1, .article h2, .bc-q) {
  letter-spacing: 0.02em;
  line-height: 1.45;
  /* Japon başlığı sözcük ortasından kırılmasın (ポ / ケット): Chrome öbekle kırar, öteki tarayıcılar satırı dengeler;
     vurgulu öbek (<em>) her tarayıcıda tek parça kalır. */
  word-break: auto-phrase;
  text-wrap: balance;
}
html:lang(ja) :is(h1, h2, h3) em {
  display: inline-block;
}

/* Japon harfi tam genişlik: aynı boyutta Latin başlıktan yaklaşık iki kat yer kaplar; başlıklar bir kademe küçük. */
html:lang(ja) h1 { font-size: 52px; }
html:lang(ja) h2 { font-size: 36px; }
@media (max-width: 960px) { html:lang(ja) h1 { font-size: 38px; } }
@media (max-width: 880px) { html:lang(ja) h2 { font-size: 28px; } }
@media (max-width: 480px) { html:lang(ja) h1 { font-size: 30px; } }
