/* Joomla keyboard: keep the reading and Uyghur glyph inside each key. */
.typing-options{display:flex;flex-direction:column;gap:3px;border-left:1px solid #cbd6e1;padding-left:10px;max-width:300px}
.typing-options-title{font-size:12px;font-weight:650;line-height:1.25;color:#263d52}
.actions .typing-options label{font-size:12px;line-height:1.3;white-space:normal;display:flex;gap:5px;align-items:flex-start}
.actions .typing-options input{flex-shrink:0;margin-top:2px}
.v4-key{overflow:hidden !important;justify-content:center !important;gap:2px !important; min-height:50px !important;height:auto !important; padding:4px 2px !important;}
.v4-key .latin{display:block !important;position:static !important;flex:0 0 auto;font-size:10px !important;line-height:1.15 !important}
.v4-key .key-reading-pair{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;max-width:100%;min-width:0;min-height:26px;overflow:hidden}
.v4-key .key-reading-pair .sound{position:static !important;display:block;flex:0 1 auto;min-width:0;font:750 clamp(14px,1.35vw,21px)/1.2 Arial,system-ui,sans-serif !important;color:#164b71;white-space:nowrap}
.v4-key .key-reading-pair .uy{position:static !important;display:block;flex:0 1 auto;min-width:0;font:clamp(14px,1.35vw,19px)/1.45 "V4UKIJ",serif !important;color:#586b7e;white-space:nowrap;direction:rtl}
.v4-key.dual .key-reading-pair{gap:2px}
.v4-key.dual .key-reading-pair .sound,.v4-key.dual .key-reading-pair .uy{font-size:12px !important}
@media (min-width:741px) { .v4-key{height:clamp(47px,6.1dvh,58px) !important;} }
@media (min-width:741px) and (max-height:680px){.v4-key{height:44px !important;min-height:44px !important} .v4-key .key-reading-pair{min-height:24px}}
@media(max-width:740px){.typing-options{border-left:0;border-top:1px solid #cbd6e1;padding-left:0;padding-top:7px}.v4-key{height:50px !important}}

/* V4: equal font size for Latin pronunciations and Uyghur key glyphs. */
.v4-key .key-reading-pair .sound,
.v4-key .key-reading-pair .uy {
  font-size:clamp(15px,1.35vw,19px) !important;
  font-weight:400 !important;
}
/* Widen the two-letter backtick/tilde key by slightly narrowing number keys. */
.v4-row:first-child .v4-key.backtick-key { flex:1.9 1 0 !important; }
.v4-row:first-child .v4-key.number-key { flex:0.92 1 0 !important; }
.v4-key.backtick-key .key-reading-pair { gap:5px; }
.v4-key.backtick-key.dual .key-reading-pair .sound,
.v4-key.backtick-key.dual .key-reading-pair .uy { font-size:16px !important; font-weight:400 !important; }