/* Arabic needs its own rhythm. It is intentionally smaller than the French
   display scale, but headlines have more room for ascenders and diacritics. */
[dir="rtl"]{
  --t-display:clamp(2.25rem,1.5rem + 3.8vw,4.35rem);
  --t-h2:clamp(1.7rem,1.25rem + 2vw,2.7rem);
  --t-h3:clamp(1.28rem,1.05rem + .8vw,1.62rem);
  --t-h4:1.05rem;
  --t-lead:clamp(1rem,.94rem + .35vw,1.14rem);
  --t-body:1rem;
  --sp-section:clamp(3.25rem,7vw,5.5rem);
  --sp-section-tight:clamp(2.4rem,5vw,3.5rem);
  --sp-section-wide:clamp(4.5rem,9vw,7rem);
  --lh-display:1.34;
  --lh-h2:1.38;
  --lh-h3:1.5;
  --lh-body:1.76;
}

[dir="rtl"] .lead,
[dir="rtl"] .prose{line-height:1.78;font-size:var(--t-lead)}
[dir="rtl"] .display,
[dir="rtl"] .h2,
[dir="rtl"] .h3,
[dir="rtl"] .quote{text-wrap:pretty}
[dir="rtl"] .quote{line-height:1.7}
[dir="rtl"] .faq__q{line-height:1.55}
[dir="rtl"] .faq__a,
[dir="rtl"] .steps__d,
[dir="rtl"] .includes__d{line-height:1.76}
[dir="rtl"] .hero__copy>*+*{margin-block-start:1.2rem}

@media (max-width:520px){
  [dir="rtl"]{--t-display:2.15rem;--t-h2:1.62rem;--t-lead:1rem}
  [dir="rtl"] .hero__title{margin-block-end:1.35rem}
  [dir="rtl"] .page-head{padding-block:1.6rem 2.35rem}
}