/* ============================================================
   Extra styling for the Chinese, Arabic (right-to-left), Greek and
   Portuguese versions of the assessment. Load AFTER styles.css.
   Nothing here applies to English / Italian / French / Spanish.
   ============================================================ */

/* ---------- fonts for scripts Lora / Inter don't cover ---------- */
html[lang="zh"] {
  --serif: 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --sans: 'Noto Sans SC', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
}
html[lang="ar"] {
  --serif: 'Noto Sans Arabic', 'Geeza Pro', 'Segoe UI', Tahoma, sans-serif;
  --sans: 'Noto Sans Arabic', 'Geeza Pro', 'Segoe UI', Tahoma, sans-serif;
}
/* Greek: Inter covers it; Lora does not, so fall back to a serif that does */
html[lang="el"] {
  --serif: Georgia, 'Times New Roman', serif;
}

/* Chinese and Arabic have no true italics -- avoid faux-slanted text */
html[lang="zh"] .lede em,
html[lang="ar"] .lede em {
  font-style: normal;
  font-weight: 700;
}
html[lang="zh"] .quote-text,
html[lang="ar"] .quote-text {
  font-style: normal;
}

/* Comfortable line spacing for taller scripts */
html[lang="zh"] .lede,
html[lang="zh"] .q-text { line-height: 1.7; }
html[lang="ar"] .lede,
html[lang="ar"] .q-text { line-height: 1.8; }

/* Letter-spacing breaks Arabic letter joining */
html[lang="ar"] .eyebrow { letter-spacing: 0; }

/* ---------- right-to-left (Arabic) ---------- */
html[dir="rtl"] .opt-btn { text-align: right; }
html[dir="rtl"] .score-row .cat-score { text-align: left; }

/* Keep the triangle plot's geometry and labels exactly as designed;
   Arabic text inside it still shapes and reads correctly. */
#simplex { direction: ltr; }