/* V27 — audited Arabic / RTL layer. No English selector is changed. */
html[dir="rtl"]{direction:rtl}
html[dir="rtl"] body{direction:rtl;font-family:"Cairo",Arial,sans-serif;letter-spacing:0}
/* Cairo must win over component-level English font declarations. */
html[dir="rtl"] body :where(h1,h2,h3,h4,h5,h6,p,a,button,label,input,textarea,select,option,span,strong,b,em,small,time,li,blockquote){font-family:"Cairo",Arial,sans-serif!important;letter-spacing:0!important}
/* Keep Latin identity, numbers and explicitly English UI isolated. */
html[dir="rtl"] :where(.brand-lockup,.sub-brand,.footer-name,.receipt-brand,.portrait-words,.impact-number,.metric-value,.metric-art,.career-panel-mark strong,.belal-language-switcher,[lang="en"]){font-family:"Schibsted Grotesk",Arial,sans-serif!important;direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .site-header,html[dir="rtl"] .sub-header{direction:rtl}
html[dir="rtl"] .desktop-nav,html[dir="rtl"] .sub-nav{direction:rtl}
html[dir="rtl"] .desktop-nav a,html[dir="rtl"] .sub-nav a{text-align:right}
html[dir="rtl"] .site-header>.belal-language-switcher,html[dir="rtl"] .sub-header>.belal-language-switcher{margin-inline-start:auto;margin-inline-end:18px}
html[dir="rtl"] .mobile-menu,html[dir="rtl"] .sub-mobile-menu{direction:rtl;text-align:right;right:auto;left:12px}

/* Global Arabic typography: no English negative tracking, safer line height, natural wrapping. */
html[dir="rtl"] :where(h1,h2,h3,h4,h5,h6){letter-spacing:0!important;overflow-wrap:normal;word-break:normal}
html[dir="rtl"] :where(p,li,blockquote){line-height:1.8}
html[dir="rtl"] :where(.section-label,.page-eyebrow,.section-tag,.kicker,.metric-kicker,.coming-top,.tool-meta){letter-spacing:0!important}
html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right;direction:rtl}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] a[href^="mailto:"],html[dir="rtl"] a[href^="tel:"],html[dir="rtl"] .cms-resource-date{direction:ltr;text-align:left;unicode-bidi:isolate}

/* Home hero — mirror the composition, keep Arabic copy readable and unclipped. */
html[dir="rtl"] .hero-copy{left:auto;right:clamp(22px,6vw,104px);width:min(48vw,780px);text-align:right}
html[dir="rtl"] .hero h1{line-height:1.05!important;letter-spacing:0!important}
html[dir="rtl"] .headline-static,html[dir="rtl"] .rotator{white-space:normal;line-height:1.08;height:auto;min-height:1.08em}
html[dir="rtl"] .rotator-word{transform-origin:right center}
html[dir="rtl"] .support{margin-left:0;margin-right:0;line-height:1.75}
html[dir="rtl"] .hero-visual{right:auto;left:0}
html[dir="rtl"] .portrait{right:auto;left:3%}
html[dir="rtl"] .primary-cta{flex-direction:row-reverse}

/* Home about — copy on the right, visual on the left. */
html[dir="rtl"] .about{grid-template-areas:'copy visual';grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)}
html[dir="rtl"] .about-copy{text-align:right}
html[dir="rtl"] .about-index{left:auto;right:clamp(24px,6vw,104px)}
html[dir="rtl"] .about h2{line-height:1.05!important;letter-spacing:0!important}
html[dir="rtl"] .about-lead{line-height:1.8}
html[dir="rtl"] .about-cards{margin-right:0;margin-left:18px;border-left:0;border-right:1px solid rgba(255,255,255,.28)}
html[dir="rtl"] .about-cards article:after{content:'←';right:auto;left:18px;transform:translateX(7px)}
html[dir="rtl"] .about-cards article:hover:after{transform:none}

/* Impact — fully mirror scene geometry instead of only setting direction. */
html[dir="rtl"] .impact-heading{direction:rtl;text-align:right}
html[dir="rtl"] .impact-scene{align-items:flex-end;text-align:right}
html[dir="rtl"] .impact-scene h3,html[dir="rtl"] .metric-kicker{text-align:right}
html[dir="rtl"] .metric-art{right:auto;left:0}
html[dir="rtl"] .impact-tabs{direction:rtl}
html[dir="rtl"] .impact-tabs button{text-align:right}
html[dir="rtl"] .impact-tabs button span{margin-right:0;margin-left:18px}
html[dir="rtl"] .impact-tabs i{left:auto;right:0;transform-origin:right}

/* Home career / journey. */
html[dir="rtl"] .journey-track{direction:rtl}
html[dir="rtl"] .journey-bottom{direction:rtl}
html[dir="rtl"] .career-navigation{direction:rtl}
html[dir="rtl"] .career-navigation .deck-prev,html[dir="rtl"] .career-navigation .journey-prev{order:2}
html[dir="rtl"] .career-navigation .deck-next,html[dir="rtl"] .career-navigation .journey-next{order:0}

/* Shared subpages. */
html[dir="rtl"] .page-hero,html[dir="rtl"] .page-hero-copy,html[dir="rtl"] .editorial-hero-main,html[dir="rtl"] .editorial-content,html[dir="rtl"] .resource-card-body,html[dir="rtl"] .featured-copy,html[dir="rtl"] .cms-article,html[dir="rtl"] .route-closing{text-align:right}
html[dir="rtl"] .page-hero h1{line-height:1.08!important;letter-spacing:0!important;max-width:14ch}
html[dir="rtl"] .page-hero h1 em{letter-spacing:0!important}
html[dir="rtl"] .sub-contact{white-space:nowrap}

/* About page diagrams and directional labels. */
html[dir="rtl"] .mode-copy,html[dir="rtl"] .principle-copy,html[dir="rtl"] .connection-copy{text-align:right}

/* Career railway — chronological flow runs right to left; previous means move right. */
html[dir="rtl"] .career-stage-head{direction:rtl;text-align:right}
html[dir="rtl"] .career-rail-scene{direction:rtl}
html[dir="rtl"] .rail-station-sign{left:auto;right:4.5%;text-align:right}
html[dir="rtl"] .rail-station-sign time{right:auto;left:clamp(20px,2.3vw,36px)}
html[dir="rtl"] .career-prev-station{right:auto;left:20px}
html[dir="rtl"] .career-track-v2{direction:rtl}
html[dir="rtl"] .career-rail-journey .career-track-v2>i{background:linear-gradient(270deg,var(--red) 0 var(--career-progress),#1113 var(--career-progress) 100%)}
html[dir="rtl"] .career-mobile-list article{text-align:right}

/* Research / resource cards and arrow semantics. */
html[dir="rtl"] .tool-card,html[dir="rtl"] .research-card,html[dir="rtl"] .featured-study{text-align:right}
html[dir="rtl"] .tool-arrow{transform:scaleX(-1);display:inline-block}

/* Editorial / CMS. */
html[dir="rtl"] .editorial-single.editorial-single{font-family:"Cairo",Arial,sans-serif}
html[dir="rtl"] .editorial-single .editorial-hero h1,html[dir="rtl"] .editorial-research .editorial-hero h1{line-height:1.28!important;letter-spacing:0!important}
html[dir="rtl"] .editorial-deck{line-height:1.8}
html[dir="rtl"] .editorial-reader{direction:rtl}
html[dir="rtl"] .editorial-rail{border-left:1px solid var(--line,rgba(0,0,0,.12));border-right:0;text-align:right}
html[dir="rtl"] .editorial-single .editorial-rail{padding-right:0;padding-left:8px}
html[dir="rtl"] .cms-toc-list{padding-right:0;padding-left:0}
html[dir="rtl"] .editorial-rail .cms-toc-link{padding-left:0;padding-right:16px;text-align:right}
html[dir="rtl"] .editorial-rail .cms-toc-item.is-subheading .cms-toc-link{padding-inline-start:28px}
html[dir="rtl"] .editorial-single .cms-article blockquote,html[dir="rtl"] .editorial-research .cms-article blockquote,html[dir="rtl"] .editorial-single .cms-article .wp-block-pullquote{border-left:0;border-right:3px solid var(--ed-accent)}
html[dir="rtl"] .article-no{right:auto;left:calc(100% + 35px)}

/* Contact / receipt. */
html[dir="rtl"] .contact-heading,html[dir="rtl"] .contact-form,html[dir="rtl"] .contact-side{text-align:right}
html[dir="rtl"] .contact-actions,html[dir="rtl"] .direct-contact a{direction:rtl}
html[dir="rtl"] .direct-contact a>i{transform:scaleX(-1)}
html[dir="rtl"] .receipt-output,html[dir="rtl"] .enquiry-receipt{text-align:right}
html[dir="rtl"] .receipt-row strong[dir="ltr"]{text-align:left}

/* Responsive Arabic rules. */
@media(max-width:900px){
 html[dir="rtl"] .hero-copy{right:20px;left:20px;width:auto;text-align:right}
 html[dir="rtl"] .hero-visual{left:-5%;right:auto}
 html[dir="rtl"] .portrait{left:0;right:auto}
 html[dir="rtl"] .about{grid-template-areas:'visual' 'copy';grid-template-columns:1fr}
 html[dir="rtl"] .about-cards{margin-left:0}
 html[dir="rtl"] .rail-station-sign{right:12px;left:12px}
 html[dir="rtl"] .rail-station-sign time{left:16px;right:auto}
 html[dir="rtl"] .career-prev-station{left:10px;right:auto}
 html[dir="rtl"] .career-rail-journey .career-track-v2>i{right:8px;left:auto}
 html[dir="rtl"] .editorial-rail{border-left:0}
 html[dir="rtl"] .article-no{left:auto}
}
@media(max-width:600px){
 html[dir="rtl"] .headline-static,html[dir="rtl"] .rotator{font-size:clamp(34px,10vw,50px);line-height:1.12!important}
 html[dir="rtl"] .hero h1{line-height:1.12!important}
 html[dir="rtl"] .page-hero h1{font-size:clamp(40px,12vw,64px);line-height:1.15!important}
 html[dir="rtl"] .impact-scene h3{max-width:90%;line-height:1.55}
}

/* Directional controls: previous/right, next/left in Arabic reading order. */
html[dir="rtl"] .deck-prev,html[dir="rtl"] .deck-next,html[dir="rtl"] .journey-prev,html[dir="rtl"] .journey-next{font-size:0!important}
html[dir="rtl"] .deck-prev::before,html[dir="rtl"] .journey-prev::before{content:'→';font:400 22px/1 "Schibsted Grotesk",Arial,sans-serif}
html[dir="rtl"] .deck-next::before,html[dir="rtl"] .journey-next::before{content:'←';font:400 22px/1 "Schibsted Grotesk",Arial,sans-serif}
html[dir="rtl"] [data-cms-prev],html[dir="rtl"] [data-cms-next]{font-size:0!important}
html[dir="rtl"] [data-cms-prev]::before{content:'→';font:400 20px/1 "Schibsted Grotesk",Arial,sans-serif}
html[dir="rtl"] [data-cms-next]::before{content:'←';font:400 20px/1 "Schibsted Grotesk",Arial,sans-serif}
html[dir="rtl"] .sub-footer a,html[dir="rtl"] .single-back{unicode-bidi:plaintext}


/* V27 pass — section-level RTL fixes from live screenshots. */
html[dir="rtl"] .about-hero{direction:rtl;grid-template-columns:.95fr 1.05fr}
html[dir="rtl"] .about-hero-copy{grid-column:2;text-align:right;align-items:flex-start}
html[dir="rtl"] .about-hero-copy h1{line-height:1.12!important;letter-spacing:0!important;max-width:9ch}
html[dir="rtl"] .about-hero-copy>p:not(.page-eyebrow){line-height:1.85;max-width:34ch}
html[dir="rtl"] .about-hero-copy>a{align-self:flex-start}
html[dir="rtl"] .about-portrait-stage{grid-column:1;grid-row:1}

html[dir="rtl"] .journey-controls{direction:rtl}
html[dir="rtl"] .journey-controls>span{margin-right:0;margin-left:22px}
html[dir="rtl"] .journey-window{direction:rtl}
html[dir="rtl"] .journey-track{direction:rtl}
html[dir="rtl"] .journey-stop{text-align:right}
html[dir="rtl"] .journey-stop article{margin-right:0;margin-left:24px;text-align:right}
html[dir="rtl"] .journey-dot{left:auto;right:0}
html[dir="rtl"] .journey-order{right:auto;left:15px}
html[dir="rtl"] .journey-current{float:left}
html[dir="rtl"] .journey-meter{direction:rtl}
html[dir="rtl"] .journey-meter i{margin-left:auto;transform:translateX(calc(-1 * var(--journey-meter,0%)))}

html[dir="rtl"] .primary-cta .arrow,html[dir="rtl"] .sub-contact .arrow,html[dir="rtl"] .footer-cta .arrow{transform:scaleX(-1);display:inline-block}
html[dir="rtl"] .impact-scene,html[dir="rtl"] .impact-scene *{overflow-wrap:normal}

@media(max-width:900px){
 html[dir="rtl"] .about-hero{grid-template-columns:1fr}
 html[dir="rtl"] .about-hero-copy{grid-column:1;grid-row:1;text-align:right}
 html[dir="rtl"] .about-portrait-stage{grid-column:1;grid-row:2}
 html[dir="rtl"] .about-hero-copy h1{max-width:100%;font-size:clamp(52px,12vw,86px);line-height:1.18!important}
}
@media(max-width:500px){
 html[dir="rtl"] .journey-stop article{margin-right:0;margin-left:16px}
 html[dir="rtl"] .journey-controls{justify-content:flex-start}
}

/* Header CTA arrow is a separate source span; replace it semantically for RTL. */
html[dir="rtl"] .header-contact>span[aria-hidden="true"]{font-size:0!important}
html[dir="rtl"] .header-contact>span[aria-hidden="true"]::before{content:"←";font:500 12px/1 "Schibsted Grotesk",Arial,sans-serif}


/* V27 section-by-section RTL coverage. */
html[dir="rtl"] :where(.operating-system,.connection-field,.principles,.route-hero,.career-journey-v2,.career-mobile-v2,.content-band,.resources-hero,.resource-library,.resource-single-hero,.resource-anatomy,.resource-close,.takeaway-block,.contact-section){direction:rtl}
html[dir="rtl"] :where(.os-heading,.os-stage,.connection-field,.principles,.route-hero,.career-stage-v2,.career-mobile-v2,.insights-section-head,.insights-toolbar,.library-head,.resource-toolbar,.resources-hero-copy,.resource-single-copy,.resource-anatomy,.resource-close,.takeaway-block,.contact-section){text-align:right}
html[dir="rtl"] .contact-layout{direction:rtl}
html[dir="rtl"] .contact-submit{flex-direction:row-reverse}
html[dir="rtl"] .resources-hero{direction:rtl}
html[dir="rtl"] .resources-hero-copy{grid-column:1;text-align:right;align-items:flex-start}
html[dir="rtl"] .featured-resources{grid-column:2}
html[dir="rtl"] .resource-single-hero{direction:rtl}
html[dir="rtl"] .resource-single-copy{text-align:right}
html[dir="rtl"] .resource-anatomy header{direction:rtl;text-align:right}
html[dir="rtl"] .anatomy-grid{direction:rtl}
html[dir="rtl"] .resource-close{text-align:right}
html[dir="rtl"] .resource-close div{direction:rtl}
html[dir="rtl"] .route-hero{text-align:right}
html[dir="rtl"] .route-hero-foot{direction:rtl}
html[dir="rtl"] .career-mobile-v2,html[dir="rtl"] .career-mobile-list{text-align:right}
html[dir="rtl"] .principles header,html[dir="rtl"] .principles ol{direction:rtl;text-align:right}
html[dir="rtl"] .os-heading,html[dir="rtl"] .connection-field{direction:rtl}
html[dir="rtl"] .content-band{direction:rtl}
html[dir="rtl"] .follow-panel{text-align:right}
@media(max-width:780px){
 html[dir="rtl"] .resources-hero-copy,html[dir="rtl"] .featured-resources{grid-column:auto}
}

/* V28 final Arabic directional control hardening. */
html[dir="rtl"] .contact-submit span[aria-hidden="true"]{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .signal-arrow{display:inline-block;transform:scaleX(-1)}
html[dir="rtl"] .featured-action,html[dir="rtl"] .insight-arrow{unicode-bidi:isolate}