@font-face {
  font-family: "Cairo";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("../../fonts/cairo-variable.ttf") format("truetype");
}

html[lang="ar"] {
  direction: rtl;
}

html[lang="ar"] body,
html[lang="ar"] button {
  font-family: "Cairo", Tahoma, Arial, sans-serif;
  font-kerning: normal;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

html[lang="ar"] body {
  line-height: 1.75;
  word-spacing: 0.015em;
}

html[lang="ar"] p {
  line-height: 1.75;
  text-wrap: pretty;
}

html[lang="ar"] .page-progress span {
  transform-origin: right;
}

html[lang="ar"] .archive-header nav a::after {
  transform-origin: left;
}

html[lang="ar"] .archive-header nav a[aria-current="page"]::after,
html[lang="ar"] .archive-header nav a:hover::after,
html[lang="ar"] .archive-header nav a:focus-visible::after {
  transform-origin: right;
}

html[lang="ar"] .header-action span {
  margin-right: 0.35rem;
  margin-left: 0;
}

html[lang="ar"] .header-action:hover span {
  transform: translate(-0.18rem, -0.18rem);
}

html[lang="ar"] .archive-kicker,
html[lang="ar"] .archive-summary,
html[lang="ar"] .section-number,
html[lang="ar"] .archive-card-heading p,
html[lang="ar"] .archive-card-meta,
html[lang="ar"] .archive-footer > div:first-child > span,
html[lang="ar"] .archive-footer-bottom,
html[lang="ar"] .archive-cover-placeholder small {
  letter-spacing: 0;
  text-transform: none;
}

html[lang="ar"] .archive-heading h1,
html[lang="ar"] .archive-toolbar h2,
html[lang="ar"] .archive-card-heading h3,
html[lang="ar"] .archive-footer > div:first-child > a {
  font-family: "Cairo", Tahoma, Arial, sans-serif;
  font-weight: 750;
  letter-spacing: 0;
  text-wrap: balance;
}

html[lang="ar"] .archive-heading h1 {
  font-size: clamp(3.6rem, 7.7vw, 8.7rem);
  font-weight: 800;
  line-height: 1.12;
}

html[lang="ar"] .archive-heading h1 span {
  white-space: nowrap;
}

html[lang="ar"] .archive-heading h1 span + span {
  margin-top: 0.08em;
}

html[lang="ar"] .archive-heading p {
  line-height: 1.85;
}

html[lang="ar"] .archive-toolbar h2 {
  line-height: 1.16;
}

html[lang="ar"] .archive-count {
  right: 1rem;
  left: auto;
}

html[lang="ar"] .archive-action {
  right: auto;
  left: 1rem;
}

html[lang="ar"] .archive-card-heading h3 {
  line-height: 1.32;
}

html[lang="ar"] .archive-card-summary {
  line-height: 1.8;
}

html[lang="ar"] .archive-footer > div:first-child > a {
  max-width: 13ch;
  line-height: 1.16;
}

@media (max-width: 1050px) {
  html[lang="ar"] .archive-heading p {
    margin-right: 35%;
    margin-left: 0;
  }
}

@media (max-width: 700px) {
  html[lang="ar"] .archive-heading h1 {
    font-size: clamp(2.8rem, 11.2vw, 4rem);
    line-height: 1.18;
  }

  html[lang="ar"] .archive-heading p {
    margin: 2.2rem 0 0;
  }

  html[lang="ar"] .archive-filters {
    justify-content: flex-start;
  }
}