/* English composition is untouched; only the requested compact language control is new. */
.language-switch {display:inline-flex;align-items:center;gap:6px;direction:ltr;flex-shrink:0;white-space:nowrap;font:500 .75rem Archivo,Arial,sans-serif}
.language-switch button {min-width:30px;min-height:44px;padding:0 2px;color:var(--muted,#a0a7ad);font:inherit}
.language-switch button[aria-pressed=true] {color:var(--fg,#f1f2ef)}
.language-switch button:focus-visible {outline:1px solid #2684ff;outline-offset:3px}
.language-switch [lang=ar] {font-family:'GE SS Two',Archivo,Arial,sans-serif;font-weight:500;letter-spacing:0}
.language-switch .language-divider {color:#727b84;pointer-events:none}
.site-header .language-switch {margin-inline-start:16px}
.privacy-header .language-switch {margin-inline-start:auto}
.error-topline .language-switch {margin-inline-start:auto}
html[lang=ar] {direction:rtl;--font:'GE SS Two',Archivo,Arial,sans-serif;--font-technical:'GE SS Two',Archivo,Arial,sans-serif}
html[lang=ar] body {font-family:'GE SS Two',Archivo,Arial,sans-serif;font-weight:400}
html[lang=ar] :is(p,a,button,label,select,option,span,strong,small,dt,dd,output,h1,h2,h3,figcaption,title,desc) {letter-spacing:0!important;word-spacing:normal;font-family:'GE SS Two',Archivo,Arial,sans-serif!important}
html[lang=ar] :is(p,li,dd) {line-height:1.8;font-weight:400!important}
html[lang=ar] :is(h1,h2,h3) {line-height:1.2;font-weight:700!important}
html[lang=ar] :is(button,nav a,label,dt,small,figcaption,strong,b,select,option,output,.chapter-index,.showcase-index,.motion-index,.information-index,.hero-caption,.hero-overline p,.drawing-heading,.platform-label) {font-weight:500!important}
/* Preserve every visual's coordinate system and the approved image/video orientation. */
html[lang=ar] :is(svg,img,video,.drawing-slot,.drawing-surface,.showcase-artboard,.comparison-board,.environment-artboard,.resolution-artboard,.motion-artboard,.layout-preview) {direction:ltr}
html[lang=ar] :is(.hero-composition,.motion-composition,.showcase-composition,.workflow-composition,.explorer-composition,.layout-composition,.environment-composition) {direction:ltr}
html[lang=ar] :is(.hero-copy,.motion-copy,.showcase-copy,.showcase-selector,.workflow-copy,.explorer-context,.product-panel,.layout-controls,.environment-copy,.contact-copy,.contact-links,.about-copy,.about-facts) {direction:rtl;text-align:right}
html[lang=ar] .hero-title {font-size:clamp(3.5rem,7.4vw,11.5rem);line-height:1.18}
html[lang=ar] :is(.chapter-title,.motion-title,.showcase-heading) {font-size:clamp(3rem,6vw,8rem);line-height:1.2}
html[lang=ar] .site-navigation {margin-left:0;margin-right:auto}
html[lang=ar] .header-context {margin-left:0;margin-right:var(--space-4)}
html[lang=ar] :is(.showcase-tool,.workflow-step button,.layout-systems button,.layout-gallery button,.explorer-section h3 button,.explorer-license button) {text-align:right}
html[lang=ar] .showcase-tool {grid-template-columns:28px 1fr 14px}
html[lang=ar] .tool-name {line-height:1.35}
html[lang=ar] .hero-description {line-height:1.8}
html[lang=ar] :is(.drawing-heading,figcaption,.environment-composition h2) {direction:rtl}
html[lang=ar] .environment-composition h2 {text-align:right}
html[lang=ar] :is(.explorer-context h3,.workflow-step strong) {line-height:1.4}
html[lang=ar] .explorer-context p {line-height:1.9}
html[lang=ar] :is(.product-panel,.layout-controls) {font-family:'GE SS Two',Archivo,Arial,sans-serif}
html[lang=ar] :is(.product-panel input,.layout-controls input,.explorer-range output,.explorer-color small,.footer-action span,.contact-value,.version) {direction:ltr;unicode-bidi:isolate}
/* Keep numeric/hexadecimal technical readouts in their original English face. */
html[lang=ar] :is(.product-panel input,.layout-controls input,.explorer-range output,.explorer-color small,.version) {font-family:Archivo,Arial,sans-serif!important}
html[lang=ar] :is(.explorer-brand,.explorer-brand-mark,.replica-brand,.footer-brand img) {direction:ltr}
html[lang=ar] .explorer-section h3 {font-weight:700}
html[lang=ar] .product-explorer .inspect-row[data-selected=true]::before {content:var(--label-selected);font-family:'GE SS Two',Archivo,Arial,sans-serif;letter-spacing:0}
html[lang=ar] .precision-cursor[data-state=view] .cursor-ring::after {content:var(--label-view);font-family:'GE SS Two',Archivo,Arial,sans-serif;letter-spacing:0}
html[lang=ar] .precision-cursor[data-state=drag] .cursor-ring::after {content:var(--label-drag);font-family:'GE SS Two',Archivo,Arial,sans-serif;letter-spacing:0}
html[lang=ar] .footer-identity a {direction:ltr}
html[lang=ar] .privacy-main {text-align:right}
html[lang=ar] .privacy-main p {line-height:1.9}
html[lang=ar] .contact-value {left:auto;right:0}
html[lang=ar] .product-panel .explorer-hint {font-size:11px;line-height:1.8}
html[lang=ar] .edition {text-align:left}
html[lang=ar] .baseline-label {margin-right:0;margin-left:16px}
html[lang=ar] .film-action-label {width:100px;text-align:right}
html[lang=ar] .layout-selected-system {white-space:normal;height:auto;min-height:42px}
html[lang=ar] .error-page h1 {font-size:clamp(3.2rem,7vw,7rem)}
@media(max-width:1200px) {.site-header .language-switch {margin-inline-start:0}}
@media(max-width:680px) {
  .site-header .language-switch {margin-inline-start:12px;order:2}
  .site-header .menu-toggle {order:1;margin-inline-start:auto}
  .site-header .site-navigation {order:3}
  html[lang=ar] .site-navigation {margin:0}
  html[lang=ar] .hero-title {font-size:clamp(2.5rem,10.2vw,4.5rem)}
  html[lang=ar] :is(.chapter-title,.motion-title,.showcase-heading) {font-size:clamp(2.3rem,9vw,4rem)}
  html[lang=ar] .hero-overline {align-items:flex-start}
  html[lang=ar] .edition {max-width:160px}
  .privacy-header {flex-wrap:wrap;gap:8px 16px;padding-block:16px}
}
@media(max-width:430px) {
  .site-header .brand img {width:152px}
  .site-header .language-switch {gap:4px;font-size:.6875rem;margin-inline-start:8px}
  .site-header .language-switch button {min-width:26px}
}