/* One readable section-heading scale for every Arabic App page, including the index.
   Exclude headings inside product mockups; their interface scale is intentional. */
html[lang="ar"]:not(#ar) body[data-ar-app-headings]:not(#ar) #app main h2:not(:is([class*="screen"],[class*="mock"],[class*="phone"],[class*="device"],[class*="browser"],[class*="stage"],aside) h2) {
  font-family:"IBM Plex Sans Arabic",sans-serif!important;
  font-size:44px!important;
  font-weight:700!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-wrap:balance!important;
}
html[lang="ar"]:not(#ar) body[data-ar-app-headings]:not(#ar) #app main h2 :is(span,em,strong,b) {
  font-size:inherit!important;line-height:inherit!important;letter-spacing:0!important;
}
@media(max-width:1023px){
  html[lang="ar"]:not(#ar) body[data-ar-app-headings]:not(#ar) #app main h2:not(:is([class*="screen"],[class*="mock"],[class*="phone"],[class*="device"],[class*="browser"],[class*="stage"],aside) h2){font-size:36px!important}
}
@media(max-width:767px){
  html[lang="ar"]:not(#ar) body[data-ar-app-headings]:not(#ar) #app main h2:not(:is([class*="screen"],[class*="mock"],[class*="phone"],[class*="device"],[class*="browser"],[class*="stage"],aside) h2){font-size:30px!important}
}