/* Self-hosted variable fonts from Google Fonts, licensed under SIL OFL 1.1. */
@font-face {
  font-family: 'TIIOOB Latin';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/assets/fonts/inter-latin.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'TIIOOB Arabic';
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 100%;
  font-display: swap;
  src: url("/assets/fonts/noto-sans-arabic-arabic.woff2") format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

/* One shared typography system for Arabic, Latin and mixed-language pages. */
:root{--font-site:'TIIOOB Arabic','TIIOOB Latin','Segoe UI',Tahoma,Arial,sans-serif;--font-latin:'TIIOOB Latin','TIIOOB Arabic','Segoe UI',Arial,sans-serif}
html{font-size:16px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:var(--font-site);font-size:1rem;line-height:1.8;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html:lang(en),html:lang(fr){--font-site:var(--font-latin)}
html:lang(zh){--font-site:'TIIOOB Latin','Microsoft YaHei','PingFang SC','Noto Sans CJK SC','TIIOOB Arabic',sans-serif}
h1,h2,h3,h4,h5,h6{font-family:var(--font-site);font-weight:700;line-height:1.5}
html body :is(h1,h2,h3,h4,h5,h6){letter-spacing:normal}
html:lang(ar) body :is(h1,h2,h3,h4,h5,h6){letter-spacing:0!important;line-height:1.5!important}
html:lang(en) body :is(h1,h2,h3),html:lang(fr) body :is(h1,h2,h3){letter-spacing:-.02em;line-height:1.3}
body main h1{font-weight:750}
body :is(.hero,.page-hero,.tiioob-hero-slider) h1{font-size:clamp(2rem,4.7vw,3.6rem)!important;line-height:1.4!important}
body main :is(p,li,dd){line-height:1.85}
body main :is(input,select,textarea,button){font-family:var(--font-site);font-size:1rem;line-height:1.65}
body :is(input,select,textarea)::placeholder{font-family:var(--font-site);font-size:.9375rem;opacity:1}
body :is(.btn,button){font-weight:650;line-height:1.6}
body label,body summary{line-height:1.75}
body :is(.site-header nav a,.tiioob-subnav a){font-weight:600;line-height:1.65}
body :is(.muted,.meta,small){line-height:1.75}
.lang,.kicker{font-family:var(--font-latin)}
body :is(.op-card,.company,.directory-portal,.item) h3{font-weight:700;line-height:1.55!important}
@media(max-width:650px){body{font-size:1rem}body :is(.hero,.page-hero,.tiioob-hero-slider) h1{font-size:clamp(1.8rem,7.8vw,2.5rem)!important}body main :is(input,select,textarea){font-size:16px!important}}