/* AuditHD brand layer for the SMH Global website kit (brand/smh-brand/site-kit/SITE-KIT.md section 9).
   Only what the kit allows: the display face (IBM Plex Sans Condensed SemiBold) and its tracking. */
@font-face { font-family: 'IBM Plex Sans Condensed'; font-weight: 600; font-style: normal; font-display: swap; src: url('/fonts/plex-condensed-600.woff2') format('woff2'); }
:root {
  --display-tracking: 0;
}
/* Latin names, figures and IDs inside Urdu text (wrapped in <span dir="ltr"> by the build): Noto Nastaliq Urdu has no
   Latin letters, so set them in the shared text face instead of the browser's serif fallback. */
:lang(ur) [dir="ltr"], :lang(ur) .num, :lang(ur) code { font-family: var(--font-sans); }
/* Language switcher: each language name in its own script's typeface, whatever the page language. */
a[data-switch-lang="en"] { font-family: var(--font-sans); }
a[data-switch-lang="ar"] { font-family: var(--font-arabic); }
a[data-switch-lang="ur"] { font-family: var(--font-urdu); }
a[data-switch-lang="bn"] { font-family: var(--font-bangla); }
/* Urdu (Nastaliq) rises high above and drops far below the line: give headings more room so a heading's
   tall letters never touch the kicker above it, and keep the hero heading to two lines. */
html[lang='ur'] :is(h1, h2, h3) { line-height: 1.75; }
html[lang='ur'] .hero h1 { font-size: calc(var(--fs-h1) * 0.82); max-width: 18ch; }
html[lang='ur'] .kicker { margin-bottom: 20px; }