/* ============================================================
   UNYKONN — tipografia cinese
   Caricato solo dalle pagine sotto /zh/.

   PERCHE' ESISTE
   Manrope e JetBrains Mono non hanno un solo glifo cinese. Senza
   questo file il browser ripiega su un font di sistema diverso su
   ogni computer — SimSun su Windows, PingFang su Mac — e la stessa
   pagina appare in due modi a due clienti.

   PESO
   Noto Sans SC completo pesa 10,9 MB per ogni peso. Qui sono
   inclusi soltanto i 764 caratteri che la traduzione usa davvero,
   piu' il latino di servizio: 226 KB per il tondo e 232 KB per il
   nero. Il sottoinsieme va rigenerato ogni volta che il testo
   cinese cambia, altrimenti i caratteri nuovi cadono sul font di
   sistema.

   ORDINE DELLE FAMIGLIE
   Il font cinese sta DOPO quelli latini: cosi' le lettere e le
   cifre restano in Manrope e JetBrains, e solo gli ideogrammi
   passano a Noto Sans SC.
   ============================================================ */

@font-face {
  font-family: 'Noto Sans SC';
  src: url('../fonts/noto-sc-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Noto Sans SC';
  src: url('../fonts/noto-sc-700.woff2') format('woff2');
  font-weight: 500 700; font-style: normal; font-display: swap;
}

html[lang^="zh"] body,
html[lang^="zh"] .lede,
html[lang^="zh"] p,
html[lang^="zh"] li {
  font-family: 'Manrope', 'Noto Sans SC', system-ui, sans-serif;
  line-height: 1.75;                 /* il cinese ha bisogno di piu' aria del latino */
}

html[lang^="zh"] h1, html[lang^="zh"] h2, html[lang^="zh"] h3,
html[lang^="zh"] .display, html[lang^="zh"] .title-hero,
html[lang^="zh"] .statement-xl, html[lang^="zh"] .sol-card-title {
  font-family: 'Manrope', 'Noto Sans SC', system-ui, sans-serif;
  line-height: 1.35;
  letter-spacing: 0;                 /* la spaziatura negativa dei titoli latini spezza gli ideogrammi */
}

html[lang^="zh"] .mono, html[lang^="zh"] .eyebrow, html[lang^="zh"] .sect__tag,
html[lang^="zh"] .cell__key, html[lang^="zh"] .stat__label, html[lang^="zh"] .btn,
html[lang^="zh"] .link-arrow, html[lang^="zh"] .step__title, html[lang^="zh"] .cat-tab,
html[lang^="zh"] .sol-tabs button, html[lang^="zh"] .sol-submenu button,
html[lang^="zh"] .p-eyebrow, html[lang^="zh"] .navoverlay__label {
  font-family: 'JetBrains Mono', 'Noto Sans SC', ui-monospace, monospace;
  letter-spacing: .04em;             /* dagli 0,12-0,18em del latino: sugli ideogrammi era troppo */
}

/* Il maiuscolo non esiste in cinese: sulle etichette la differenza di
   livello la fanno peso e dimensione, non la scatola maiuscola. */
html[lang^="zh"] .eyebrow, html[lang^="zh"] .sect__tag, html[lang^="zh"] .btn,
html[lang^="zh"] .link-arrow, html[lang^="zh"] .cell__key, html[lang^="zh"] .stat__label,
html[lang^="zh"] .cat-tab, html[lang^="zh"] .sol-tabs button {
  text-transform: none;
}

/* Il cinese non usa lo spazio fra parole: va spezzato per carattere,
   altrimenti una riga lunga esce dal contenitore. */
html[lang^="zh"] { word-break: normal; line-break: strict; overflow-wrap: anywhere; }
html[lang^="zh"] .display, html[lang^="zh"] .title-hero, html[lang^="zh"] .statement-xl {
  text-wrap: balance;
}