html[dir="rtl"] body{direction:rtl;text-align:right;font-family:Tahoma,Arial,sans-serif}
html[dir="rtl"] .brand{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
html[dir="rtl"] .site-nav{margin-left:0;margin-right:auto}
html[dir="rtl"] .site-nav a{font-family:Tahoma,Arial,sans-serif}
html[dir="rtl"] .language-switch{direction:ltr;font-family:Arial,Helvetica,sans-serif;color:var(--gold);font-weight:700}
html[dir="rtl"] .hero-simple h1,html[dir="rtl"] .page-hero h1,html[dir="rtl"] .section h2,html[dir="rtl"] .entry-card h3,html[dir="rtl"] .meet-grid h3,html[dir="rtl"] .quick-grid h3,html[dir="rtl"] .moment-copy h2,html[dir="rtl"] .portfolio-card h3,html[dir="rtl"] .cta-band h2{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
html[dir="rtl"] .eyebrow,html[dir="rtl"] .moment-copy .meta{letter-spacing:.5px}
html[dir="rtl"] .timeline:before{left:auto;right:110px}
html[dir="rtl"] .moment{grid-template-columns:90px 1fr}
html[dir="rtl"] .year{text-align:right}
html[dir="rtl"] .professional-timeline:before{left:auto;right:114px}
html[dir="rtl"] .professional-timeline .moment:after{left:auto;right:107px;transform:translateX(50%)}
html[dir="rtl"] .professional-timeline .moment-body{padding:0 4px 2px 0}
html[dir="rtl"] .evidence-btn:after{content:"↖"}
html[dir="rtl"] .professional-next .btn{margin-right:0;margin-left:8px}
html[dir="rtl"] .books-page p,html[dir="rtl"] .foundation-page p{text-align:right!important}
html[dir="rtl"] .footer{direction:rtl}
html[dir="rtl"] .personal-book-hero h1 small{direction:ltr;font-family:Georgia,'Times New Roman',serif}
html[dir="rtl"] .personal-book-detail .books-kicker{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
html[dir="rtl"] .booklike-summary[dir=rtl]{font-family:Tahoma,Arial,sans-serif}
html[dir="rtl"] .summary-toolbar{direction:rtl}
html[dir="rtl"] .full-book-actions{direction:rtl}
@media(max-width:900px){html[dir="rtl"] .site-nav{margin-right:0}html[dir="rtl"] .timeline:before{right:72px}html[dir="rtl"] .professional-timeline:before{right:72px}}
@media(max-width:600px){html[dir="rtl"] .timeline:before{right:0}html[dir="rtl"] .moment{grid-template-columns:1fr;padding-left:0;padding-right:22px;border-left:0;border-right:1px solid var(--line)}html[dir="rtl"] .year{text-align:right}}

/* V38 desktop RTL header and hero corrections */
html[dir="rtl"] .site-header{direction:rtl;display:flex;flex-direction:row-reverse;}
html[dir="rtl"] .site-nav{margin-right:0;margin-left:auto;justify-content:flex-start;}
html[dir="rtl"] .brand{margin-left:0;margin-right:auto;}
html[dir="rtl"] .hero-hotspot-life{right:auto!important;left:21.15%!important;width:19.4%!important;}
html[dir="rtl"] .hero-hotspot-prof{right:auto!important;left:4.25%!important;width:15.4%!important;}
@media(max-width:900px){html[dir="rtl"] .site-header{flex-direction:row-reverse;}html[dir="rtl"] .site-nav{margin-left:0;margin-right:0;}}

/* V68 — consistent Arabic alignment across every RTL page.
   These rules intentionally override older mobile rules that switched copy to left alignment. */
html[dir="rtl"] main,
html[dir="rtl"] main section,
html[dir="rtl"] main article,
html[dir="rtl"] main div,
html[dir="rtl"] main p,
html[dir="rtl"] main h1,
html[dir="rtl"] main h2,
html[dir="rtl"] main h3,
html[dir="rtl"] main h4,
html[dir="rtl"] main h5,
html[dir="rtl"] main h6,
html[dir="rtl"] main li,
html[dir="rtl"] main blockquote,
html[dir="rtl"] main figcaption,
html[dir="rtl"] .cta-band,
html[dir="rtl"] .cta-band p,
html[dir="rtl"] .cta-band h2,
html[dir="rtl"] .footer{
  direction:rtl;
  text-align:right!important;
}

/* Keep explicitly English material readable inside Arabic pages. */
html[dir="rtl"] main [dir="ltr"],
html[dir="rtl"] main [lang="en"],
html[dir="rtl"] main .heritage-en-title,
html[dir="rtl"] main .heritage-en-short{
  direction:ltr;
  text-align:left!important;
}

/* V69 — justified Arabic copy and strict mobile containment. */
html[dir="rtl"] main p,
html[dir="rtl"] main blockquote,
html[dir="rtl"] .cta-band p{
  text-align:justify!important;
  text-align-last:right;
  text-justify:inter-word;
}

@media(max-width:600px){
  html[dir="rtl"],html[dir="rtl"] body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  html[dir="rtl"] .wrap{
    width:calc(100% - 32px);
    max-width:calc(100% - 32px);
    margin-right:auto;
    margin-left:auto;
  }
  html[dir="rtl"] .page-hero,
  html[dir="rtl"] .timeline,
  html[dir="rtl"] .moment,
  html[dir="rtl"] .moment-body,
  html[dir="rtl"] .moment-copy,
  html[dir="rtl"] .writing-visual-stack,
  html[dir="rtl"] main section,
  html[dir="rtl"] main article{
    width:100%;
    max-width:100%;
    min-width:0;
  }
  html[dir="rtl"] .moment{
    padding-right:16px;
    padding-left:0;
  }
  html[dir="rtl"] main h1,
  html[dir="rtl"] main h2,
  html[dir="rtl"] main h3,
  html[dir="rtl"] main h4,
  html[dir="rtl"] main p,
  html[dir="rtl"] main blockquote,
  html[dir="rtl"] main figcaption{
    max-width:100%;
    min-width:0;
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  html[dir="rtl"] .page-hero h1{font-size:42px}
  html[dir="rtl"] .page-hero .hero-title-nowrap{
    display:inline-block;
    white-space:nowrap!important;
    font-size:.92em;
  }
}

/* V72 — final, site-wide Arabic typography and mobile containment.
   This block is intentionally last so older page-specific mobile rules cannot
   switch Arabic copy back to left/center alignment. */
html[dir="rtl"] body.arabic-site{
  direction:rtl;
  text-align:right;
  overflow-wrap:break-word;
}

html[dir="rtl"] body.arabic-site :is(
  main,.subhero,.just-detail,.cta-band,
  section,article,.moment-copy,.copy,.note-card
) :is(h1,h2,h3,h4,h5,h6,.eyebrow,.meta,.year,figcaption){
  direction:rtl;
  text-align:right!important;
  text-align-last:right;
}

html[dir="rtl"] body.arabic-site :is(
  main,.subhero,.just-detail,.cta-band
) :is(p,blockquote){
  direction:rtl;
  text-align:justify!important;
  text-align-last:right!important;
  text-justify:inter-word;
  hyphens:none!important;
}

html[dir="rtl"] body.arabic-site :is(main,.subhero,.just-detail,.cta-band) li{
  direction:rtl;
  text-align:right!important;
}

/* English fragments embedded in Arabic pages keep their natural direction. */
html[dir="rtl"] body.arabic-site :is([dir="ltr"],[lang="en"],.en-title,.heritage-en-title,.heritage-en-short){
  direction:ltr!important;
  text-align:left!important;
  text-align-last:left!important;
}

@media(max-width:600px){
  html[dir="rtl"],html[dir="rtl"] body.arabic-site{
    width:100%;
    max-width:100%;
    overflow-x:clip!important;
  }
  html[dir="rtl"] body.arabic-site :is(main,section,article,div,figure){
    min-width:0;
  }
  html[dir="rtl"] body.arabic-site :is(h1,h2,h3,h4,h5,h6,p,blockquote,li,figcaption){
    max-width:100%;
    min-width:0;
    white-space:normal!important;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  html[dir="rtl"] body.arabic-site img{
    max-width:100%;
    height:auto;
  }

  /* Career timeline: one contained mobile column with the rule on the right. */
  html[dir="rtl"] body.arabic-site .professional-page{
    width:calc(100% - 32px)!important;
    max-width:calc(100% - 32px)!important;
    margin-inline:auto!important;
    overflow:visible!important;
  }
  html[dir="rtl"] body.arabic-site .professional-timeline{
    width:100%!important;
    max-width:100%!important;
    padding-inline:0!important;
  }
  html[dir="rtl"] body.arabic-site .professional-timeline::before{
    right:0!important;
    left:auto!important;
  }
  html[dir="rtl"] body.arabic-site .professional-timeline .moment{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 32px 50px 12px!important;
    border-right:1px solid var(--line)!important;
    border-left:0!important;
  }
  html[dir="rtl"] body.arabic-site .professional-timeline :is(.year,.moment-body,.moment-copy){
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding-left:0!important;
  }
  html[dir="rtl"] body.arabic-site .professional-timeline .moment-body{
    display:block!important;
  }
  html[dir="rtl"] body.arabic-site .professional-timeline .moment-thumb{
    width:72px!important;
    max-width:72px!important;
    min-width:72px!important;
    height:92px!important;
    margin:14px 0 0 auto!important;
  }
  html[dir="rtl"] body.arabic-site .professional-timeline .evidence-btn{
    max-width:100%;
    white-space:normal;
    text-align:right!important;
  }
  html[dir="rtl"] body.arabic-site .professional-records-link{
    width:100%;
    max-width:100%;
    padding-inline:0;
  }
}

/* V73 — balanced Arabic display names and scoped personal-book summaries. */
html[dir="rtl"] body.arabic-site :is(h1,h2,h3){text-wrap:balance;}
html[dir="rtl"] body.personal-book-detail .booklike-summary[dir="rtl"] p{
  direction:rtl!important;
  text-align:justify!important;
  text-align-last:right!important;
  text-justify:inter-word;
  hyphens:none!important;
}