/* Import Cairo font from Google Fonts */
@import url('https://fonts.bunny.net/css2?family=Cairo:wght@400;700&display=swap');

/* Arabic Typography Reset and Base Styles */
:lang(ar) {
  font-family: 'Cairo', sans-serif;
  direction: rtl;
  text-align: right;
  line-height: 1.6;
}

/* Or apply to all elements within Arabic content */
:lang(ar) body {
  font-family: 'Cairo', sans-serif;
  direction: rtl;
  text-align: right;
  line-height: 1.6;
}

:lang(ar) figcaption p {
  text-align: center !important;
}