/* Japanische Typografie. Diese Datei wird AUSSCHLIESSLICH von /ja/ verlinkt.
   Japanische Webfonts sind gross — sie duerfen nicht auf allen 27 Seiten
   angefordert werden.

   Sie liegt in public/styles/, nicht in src/styles/: nur aus public/ liefert
   Astro sie unter /styles/ja.css aus. Laege sie in src/, ginge der Link ins
   Leere und /ja/ bekaeme still keine japanische Typografie. */

@font-face {
  font-family: "Shippori Mincho B1";
  src: url("/fonts/ShipporiMinchoB1-400-ja.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Shippori Mincho B1";
  src: url("/fonts/ShipporiMinchoB1-500-ja.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans JP";
  src: url("/fonts/IBMPlexSansJP-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans JP";
  src: url("/fonts/IBMPlexSansJP-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

html[lang="ja"] {
  --serif: "Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --sans: "IBM Plex Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  /* Zeilenmass 30-35 Zeichen, nicht 68. */
  --measure: 33em;
}

html[lang="ja"] body {
  /* 1.8 statt 1.6 — japanischer Satz braucht mehr Durchschuss. */
  line-height: 1.8;
  /* Satzzeichen duerfen keine Zeile beginnen. */
  line-break: strict;
  hyphens: none;
  /* Kein Blocksatz. */
  text-align: start;
}

/* overflow-wrap: anywhere ist hier verboten — es bricht Kanji-Ketten an
   beliebiger Stelle. Bewusst nicht gesetzt. */

html[lang="ja"] .serif {
  line-height: 1.4;
}

html[lang="ja"] .measure {
  max-width: var(--measure);
}