/* Punjabi on screen: Gurmukhi (ਪੰਜਾਬੀ, left to right) and Shahmukhi (پنجابی, right to left).
   The original font stays first so English keeps its look; the Punjabi fonts take the letters it doesn't have.
   Text that mixes languages sets its own direction (dir="auto" in the page), so English names inside Punjabi lines stay readable. */
:root[data-lang="pa-Guru"] { --font: 'Archivo', 'Noto Sans Gurmukhi', 'Raavi', 'Nirmala UI', 'Gurmukhi MT', 'Noto Sans', system-ui, sans-serif; }
:root[data-lang="pa-Arab"] { --font: 'Archivo', 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Urdu Typesetting', 'Noto Naskh Arabic', 'Segoe UI', system-ui, sans-serif; }
/* spaced capitals and condensed type look wrong, and break the joining of Arabic letters, so they are switched off for Punjabi labels */
.hud[data-lang^="pa"] :is(.hud-state, .hud-sub, .hud-readouts div, .hp h3, .hud-brand span, .hud-ctl, .hud-chips button, .hud-start, .ok-to, .hmsg span, .hud-cap, .hud-work, .job, .hstats span, .hline, .hud-sys .chip, .hud-clock span, .hp-main small, .hud-warn, .ok-btns button) {
  letter-spacing: 0; text-transform: none; font-stretch: 100%; word-spacing: normal;
}
.hud[data-lang^="pa"] .hud-state { font-size: 15px; }
.hud[data-lang^="pa"] .hud-sub { font-size: 14px; }
.hud[data-lang^="pa"] .hmsg p, .hud[data-lang^="pa"] .ok-text { line-height: 1.7; }
.hud[data-lang^="pa"] .hud-cap { line-height: 1.6; max-height: 5.2em; }
.hud[data-lang^="pa"] .hud-chips button { font-size: 14px; }
.hud[data-lang^="pa"] .hp h3 { font-size: 14px; }
.hud[data-lang^="pa"] .job-steps li, .hud[data-lang^="pa"] .hline { line-height: 1.6; }
/* Nastaliq is tall and slanted: more room above and below the line, and a little larger */
.hud[data-lang="pa-Arab"] { line-height: 1.5; }
.hud[data-lang="pa-Arab"] .hud-cap { line-height: 2.05; max-height: 6.6em; font-size: clamp(18px, 1.6vw, 29px); }
.hud[data-lang="pa-Arab"] .hmsg p, .hud[data-lang="pa-Arab"] .ok-text { line-height: 2.1; font-size: 15px; }
.hud[data-lang="pa-Arab"] .job-steps li, .hud[data-lang="pa-Arab"] .hline, .hud[data-lang="pa-Arab"] .hjobs .none, .hud[data-lang="pa-Arab"] .hconvo .hint { line-height: 2; }
.hud[data-lang="pa-Arab"] .hud-state, .hud[data-lang="pa-Arab"] .hud-sub { line-height: 1.9; }
.hud[data-lang="pa-Arab"] .hud-chips button { line-height: 1.9; padding-block: 3px; }
.hud[data-lang="pa-Arab"] .hp h3 { line-height: 1.8; }
/* the numbers and the JADU wordmark are Latin: they keep their own look */
.hud[data-lang^="pa"] .hud-brand b, .hud[data-lang^="pa"] .hud-clock b, .hud[data-lang^="pa"] .hstats b, .hud[data-lang^="pa"] .hud-readouts b { letter-spacing: inherit; }
.hud[data-lang="pa-Arab"] .hud-brand b { letter-spacing: .46em; }