/* Arabic Preview. Latin identities and numerical timelines retain their direction. */
@font-face{font-family:'Noto Sans Arabic';src:url('/assets/fonts/NotoSansArabic.woff2') format('woff2');font-weight:100 900;font-display:swap}
html[lang=ar]{direction:rtl}
html[lang=ar] body,html[lang=ar] :is(h1,h2,h3,h4,p,a,button,input,select,textarea,label,summary,li,dt,dd,th,td,figcaption,span){font-family:'Noto Sans Arabic',system-ui,-apple-system,"Segoe UI",sans-serif}
html[lang=ar] :is(h1,h2,h3,h4){letter-spacing:0;line-height:1.5}
html[lang=ar] :is(p,li,dd,label){line-height:1.8}
html[lang=ar] :is(input[type=email],input[type=tel],input[type=url]){direction:ltr;text-align:start}
html[lang=ar] :is(.cr-brand,.cr-footer-brand,.v-logo,.report-chart,.vr-waveform,.vr-pitch-chart,.vr-tempo-chart){direction:ltr}
html[lang=ar] .cr-header-actions{direction:rtl}
html[lang=ar] #cr-site-header .cr-dropdown{text-align:start;left:auto;right:0}
html[lang=ar] #cr-site-header .cr-language{grid-column:1;justify-self:start}
html[lang=ar] #cr-site-header .cr-language [lang=en],html[lang=ar] #cr-site-header .cr-language [lang=de]{direction:ltr;unicode-bidi:isolate}
html[lang=ar] #cr-site-header .cr-mobile-menu .cr-dropdown{left:0;right:0}
html[lang=ar] .v23:has([data-v25-home]) #progress{width:100%;max-width:none}
html[lang=ar] [data-v25-home] .v-hero-copy{text-align:start}
html[lang=ar] :is(.report-ratings th,.report-ratings td,.d-table th,.d-table td){text-align:start}
html[lang=ar] :is(.report-ratings th:last-child,.report-ratings td:last-child){text-align:end}
html[lang=ar] .report-days{direction:ltr}
html[lang=ar] :is(.vr-seek,input[type=range],audio,video){direction:ltr}
html[lang=ar] .cr-footer-column{text-align:start}
html[lang=ar] .motion-word{white-space:normal}
@media(max-width:767px){
 html[lang=ar] [data-v25-home] .v-hero-copy{top:auto;bottom:13px}
 html[lang=ar] :is(h1,h2,h3){overflow-wrap:anywhere}
 html[lang=ar] #cr-site-header .cr-language .cr-dropdown{left:auto;right:0}
}
/* Preserve the approved film safe area; Arabic reads right-to-left inside it. */
html[lang=ar] .v23 [data-v25-home] .v-hero-copy{right:auto;align-items:flex-start}
html[lang=ar] .v23 [data-v25-home] .v-hero h1{font-size:clamp(28px,3.1vw,60px);line-height:1.5;letter-spacing:0}
html[lang=ar] .v23 [data-v25-home] .v-hero-copy p{line-height:1.8}
html[lang=ar] [data-v25-home] #how.cr-large-modes :is(#tab-flashcards,#tab-quiz,#tab-voiceroom,#tab-phone,#tab-avatar){width:100%}
@media(max-width:767px){
 html[lang=ar] .v23 [data-v25-home] .v-hero-copy{top:auto;bottom:13px;right:auto}
 html[lang=ar] .v23 [data-v25-home] .v-hero h1{font-size:clamp(24px,6.7vw,34px);line-height:1.5}
}

/* Arabic meaning first; the original English remains aligned with its recording. */
html[lang=ar] .vr-script ol { direction:rtl; }
html[lang=ar] .vr-sentence { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 14px; align-items:start; }
html[lang=ar] .vr-sentence > [lang=en] { grid-column:1; grid-row:2; text-align:left; font-family:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif; }
html[lang=ar] .vr-sentence > .vr-translation { grid-column:1; grid-row:1; text-align:right; line-height:1.8; }
html[lang=ar] .vr-sentence-time { grid-column:2; grid-row:1 / span 2; direction:ltr; unicode-bidi:isolate; }

/* Keep the report caption on the same reading edge as its Arabic columns. */
html[lang=ar] #progress.cr-progress .report-ratings caption { text-align:start; }

/* Forward navigation follows RTL. Individual scale preserves the existing
   hover rotation and remains mirrored when reduced motion removes rotation. */
html[lang=ar] #cr-site-header .cr-invite svg,
html[lang=ar] .vr-jump > svg,
html[lang=ar] #apply button[type=submit] .btn__signal > svg,
html[lang=ar] :is(.cr-pill-action,.cr-read-article,.cr-article-invite,.cr-career-button) > svg { scale:-1 1; }

/* Science topic cards advance leftward in the Arabic reading direction. */
html[lang=ar] .sci-card__go { scale:-1 1; }

/* Keep Arabic radar labels outside the plotted values. SVG text anchors follow
   RTL; move the long upper labels outward and above their neighbouring axes. */
html[lang=ar] .d-radar .rl text:nth-child(2) { transform:translate(42px,-22px); }
html[lang=ar] .d-radar .rl text:nth-child(7) { transform:translate(-42px,-22px); }
html[lang=ar] .d-radar .rl text:nth-child(3) { transform:translateX(40px); }
html[lang=ar] .d-radar .rl text:nth-child(6) { transform:translateX(-40px); }

/* Numerical chronology and its labels must follow the same SVG coordinates.
   Arabic wording inside each label retains its own reading direction. */
html[lang=ar] :is(.d-area,.d-xax) { direction:ltr; }
html[lang=ar] .d-xax > span { direction:rtl; unicode-bidi:isolate; }

/* Arabic reading edge for summaries; mathematical notation keeps LTR order. */
html[lang=ar] .science-page .answer { border-left:0; border-right:4px solid var(--t); padding:8px 24px 8px 0; }
html[lang=ar] .science-page .stat__num { direction:ltr; unicode-bidi:isolate; text-align:right; }

/* Arrow-only card controls and decorative practice-link arrows follow RTL. */
html[lang=ar] .fc-navigation :is([data-fc-prev],[data-fc-next]) { scale:-1 1; }
html[lang=ar] [data-practice-panel] .v-text-link > span[aria-hidden=true] { display:inline-block; scale:-1 1; }

/* Separate legend markers from RTL text and point closing-list arrows inward. */
html[lang=ar] #progress.cr-progress .report-legend span::before { margin-right:0; margin-left:8px; }
html[lang=ar] #account .mark-bullet { scale:-1 1; }

/* Homepage RTL: keep copy clear of the fixed photograph's subject. */
html[lang=ar] #roomie .txt { align-self:flex-end; text-align:start; }
@media(min-width:768px) and (max-width:1199px){
 html[lang=ar] #roomie { height:auto; background:#fff; }
 html[lang=ar] #roomie > img { position:static; height:300px; object-position:78% center; }
 html[lang=ar] #roomie .w { padding-block:34px 55px; }
 html[lang=ar] #roomie .txt { max-width:none; width:100%; }
}
html[lang=ar] #subscriptions :is(.v24-plan,.v24-enterprise) { text-align:start; }
html[lang=ar] .vr-home :is(.vr-explore,.vr-report-link) > svg { scale:-1 1; }
/* Arabic currency wording needs more room than a short USD prefix. */
html[lang=ar] #subscriptions .v24-price { font-size:clamp(26px,2.9vw,42px); white-space:normal; overflow-wrap:anywhere; }
@media(min-width:768px) and (max-width:1023px){
 html[lang=ar] #subscriptions .v24-plans { grid-template-columns:1fr; }
}