/* Byond localized type — CJK + Arabic. Loaded on every page; only bites when
   html[lang] is ko / zh / ar.
   Display: KO Nanum Myeongjo 700, ZH Noto Serif TC 500 (both serifs, echoing Fraunces).
   AR has no serif tradition, so a geometric — Cairo 650 (variable). Body/labels:
   KO IBM Plex Sans KR, ZH Noto Sans TC, AR Almarai. Per-language SIZE lives in each
   page's inline --fr-lg / --fr-sm knobs; this file owns FACE + WEIGHT + script fixes. */

/* ---------- display faces + weight (was Fraunces 400) ---------- */
html[lang="ko"] .big, html[lang="ko"] .hero-h1, html[lang="ko"] .mega, html[lang="ko"] .mega-sub,
html[lang="ko"] .q, html[lang="ko"] .reveal-h, html[lang="ko"] .turn, html[lang="ko"] .kick,
html[lang="ko"] .ic-title, html[lang="ko"] .display, html[lang="ko"] .sec-title, html[lang="ko"] .c-head,
html[lang="ko"] .free-note { font-family: 'Nanum Myeongjo', serif; font-weight: 700; }
html[lang="zh"] .big, html[lang="zh"] .hero-h1, html[lang="zh"] .mega, html[lang="zh"] .mega-sub,
html[lang="zh"] .q, html[lang="zh"] .reveal-h, html[lang="zh"] .turn, html[lang="zh"] .kick,
html[lang="zh"] .ic-title, html[lang="zh"] .display, html[lang="zh"] .sec-title, html[lang="zh"] .c-head,
html[lang="zh"] .free-note { font-family: 'Noto Serif TC', serif; font-weight: 500; }
html[lang="ar"] .big, html[lang="ar"] .hero-h1, html[lang="ar"] .mega, html[lang="ar"] .mega-sub,
html[lang="ar"] .q, html[lang="ar"] .reveal-h, html[lang="ar"] .turn, html[lang="ar"] .kick,
html[lang="ar"] .ic-title, html[lang="ar"] .display, html[lang="ar"] .sec-title, html[lang="ar"] .c-head,
html[lang="ar"] .free-note { font-family: 'Cairo', sans-serif; font-weight: 650; }

/* ---------- labels + body (was Space Mono / Figtree) ---------- */
html[lang="ko"] body, html[lang="ko"] input, html[lang="ko"] textarea, html[lang="ko"] button, html[lang="ko"] select,
html[lang="ko"] .eyebrow, html[lang="ko"] .clabel, html[lang="ko"] .lang, html[lang="ko"] .made-by,
html[lang="ko"] .ic-when, html[lang="ko"] .fc-t .t2, html[lang="ko"] .gc-link, html[lang="ko"] .gc-t,
html[lang="ko"] .verbs, html[lang="ko"] .cf-links, html[lang="ko"] .roster-note, html[lang="ko"] .mirror-label { font-family: 'IBM Plex Sans KR', sans-serif; }
html[lang="zh"] body, html[lang="zh"] input, html[lang="zh"] textarea, html[lang="zh"] button, html[lang="zh"] select,
html[lang="zh"] .eyebrow, html[lang="zh"] .clabel, html[lang="zh"] .lang, html[lang="zh"] .made-by,
html[lang="zh"] .ic-when, html[lang="zh"] .fc-t .t2, html[lang="zh"] .gc-link, html[lang="zh"] .gc-t,
html[lang="zh"] .verbs, html[lang="zh"] .cf-links, html[lang="zh"] .roster-note, html[lang="zh"] .mirror-label { font-family: 'Noto Sans TC', sans-serif; }
html[lang="ar"] body, html[lang="ar"] input, html[lang="ar"] textarea, html[lang="ar"] button, html[lang="ar"] select,
html[lang="ar"] .a, html[lang="ar"] .phil, html[lang="ar"] .sec-line, html[lang="ar"] .hero-sub,
html[lang="ar"] .c-sub, html[lang="ar"] .form-note, html[lang="ar"] .close-sub, html[lang="ar"] .mech,
html[lang="ar"] .eyebrow, html[lang="ar"] .clabel, html[lang="ar"] .lang, html[lang="ar"] .made-by,
html[lang="ar"] .ic-when, html[lang="ar"] .fc-t .t2, html[lang="ar"] .gc-link, html[lang="ar"] .gc-t,
html[lang="ar"] .verbs, html[lang="ar"] .cf-links, html[lang="ar"] .roster-note,
html[lang="ar"] .mirror-label { font-family: 'Almarai', sans-serif; }

/* ---------- Arabic is cursive: never track the labels apart (that shatters the joins) ---------- */
html[lang="ar"] :is(.eyebrow, .eb-word, .eb-name, .made-by, .mech, .ic-when, .clabel, .verbs,
  .cf-links, .roster-note, .soon-pill, .gc-link, .gc-t, .mirror-label) {
  letter-spacing: normal !important; text-transform: none !important; }

/* ---------- CJK + Arabic have no true italic — kill synthetic obliquing ---------- */
:is(html[lang="ko"], html[lang="zh"], html[lang="ar"]) :is(.accent, .gradinline, .mega-sub, .q, .vibe,
  .kick, .flipword, .flip-ghost, .typeline, .dcap, .mc1, .say, .irt, .iror, .bcap) {
  font-style: normal !important; }

/* ---------- Arabic inputs align right (document is dir=rtl, set by I18N.dir) ---------- */
html[lang="ar"] input, html[lang="ar"] textarea { text-align: right; }

/* ---------- Arabic (RTL): keep the header row LTR — logo left, CTAs + toggle right, like EN ---------- */
html[dir="rtl"] .nav-inner { direction: ltr; }

/* ---------- Arabic display headlines carry tall diacritics — 1.06 packs the lines into each
     other, so give the multi-line titles more room ---------- */
html[lang="ar"] .big { line-height: 1.3; }

/* ---------- CJK/Arabic sit taller in the line box — a hair more room for body copy ---------- */
html[lang="ko"] .a, html[lang="zh"] .a, html[lang="ar"] .a { line-height: 1.6; }