/* R10 readability correction. No content, brand, route or motion changes. */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
:root {
  --annotation-ink: #252936;
  --annotation-secondary: #464b59;
  --annotation-accent: #624096;
}
/* Page, contextual and footer navigation. No small-screen font reduction. */
:lang(ar) {
    --font: "Cairo", sans-serif !important;
    letter-spacing: 0!important;
}
html[lang=ar] body {
    font-family:"Cairo", sans-serif !important;
    letter-spacing: 0;
    font-size: 17px;
    line-height: 2
}
html[lang="ar"] .instrument-heading {
    margin: 0 0 -7px 36px !important;
}
.desktop-nav > a, html[lang="ar"] .desktop-nav > a {
  font-size:14px; font-weight:500; color:var(--annotation-ink);
}
.header-tools .language {font-size:14px; color:var(--annotation-ink); font-family: "Cairo", sans-serif !important;}
html[lang="ar"] .brand small {
  text-align: right;
  font-size: 9px;
}
.breadcrumb, .page-tabs, .page-tabs a {
  font-size:14px; line-height:1.65; color:var(--annotation-secondary);
}
.footer-nav a, html[lang="ar"] .footer-nav a {
  font-size:14px; line-height:1.65; min-height:36px; color:var(--annotation-ink);
}
.footer-controls button, .footer-controls a, html[lang="ar"] .footer-controls button,
html[lang="ar"] .footer-controls a {
  font-size:13px; line-height:1.7; min-height:39px; color:var(--annotation-secondary);
}
 html[lang="ar"] .footer-controls a{  font-family: "Cairo", sans-serif !important;}
 .ar-ft{ font-family: "Cairo", sans-serif !important;}
.footer-end, .footer-intro p {font-size:13px; line-height:1.8; color:var(--annotation-secondary);}
.hero-lastline, .hero-lastline a, html[lang="ar"] .hero-lastline,
html[lang="ar"] .hero-lastline a {font-size:12px;line-height:1.8;color:var(--annotation-secondary);}
.hero-secondary, .hero-secondary a, .hero-explore {font-size:14px;line-height:1.65;color:var(--annotation-secondary);}
/* Architecture labels remain native text, independent of the moving drawing. */
.architecture-label {max-width:218px;}
.architecture-label strong, html[lang="ar"] .architecture-label strong {
  font-size:15px; font-weight:600; line-height:1.45; color:var(--annotation-ink);
}
.architecture-label span, html[lang="ar"] .architecture-label span {
  font-size:13px; line-height:1.6; color:var(--annotation-secondary); margin-top:5px;
}
.label-technology {top:3%; max-width:218px;}
.label-customer {bottom:3%; max-width:210px;}
.label-operating, html[lang="ar"] .label-operating {
  top:3%;right:0;max-width:214px; padding:0; background:none;
}
.label-operating span {max-width:none;}
.label-operating strong, html[lang="ar"] .label-operating strong {color:var(--annotation-accent);}
.production-instrument[data-state="select"] .label-technology strong {color:#5842a0;}
.production-instrument[data-state="implement"] .label-customer strong {color:#246394;}
.instrument-heading .eyebrow, html[lang="ar"] .instrument-heading .eyebrow {
  font-size:12px; line-height:1.7; color:var(--annotation-secondary);
}
.instrument-caption, html[lang="ar"] .instrument-caption {
  font-size:12px; line-height:1.65; color:var(--annotation-secondary);
}
.system-description, html[lang="ar"] .system-description {
  font-size:14px; line-height:1.75; color:var(--annotation-secondary); min-height:38px;
}
.system-disclosure, html[lang="ar"] .system-disclosure {
  font-size:13px; line-height:1.8; color:var(--annotation-secondary);
}
.responsibility-summary, html[lang="ar"] .responsibility-summary {
  font-size:14px; line-height:1.75; color:var(--annotation-secondary);
}
.hero-kicker, html[lang="ar"] .hero-kicker {font-size:11px;line-height:1.8;color:var(--annotation-secondary);}
.hero-kicker p,.hero-kicker span {color:var(--annotation-secondary);}
/* Functional annotations beneath the hero and within operating diagrams. */
.six-chain small, html[lang="ar"] .six-chain small {
  font-size:14px; line-height:1.7; color:var(--annotation-secondary);
}
.demo-head .eyebrow, .demo-head .micro, .demo-paper .micro,
.demo-output>.micro, .demo-footer>.micro, html[lang="ar"] .demo-footer>.micro {
  font-size:12px; line-height:1.75; color:var(--annotation-secondary);
}
.demo-processor>small, .proof-timebar span, .reference-architecture .micro,
.architecture-level .micro {font-size:13px;line-height:1.7;color:var(--annotation-secondary);}
/* Preserve direction-specific Arabic rules while lifting small annotations. */
html[lang="ar"] .architecture-label {max-width:220px;}
html[lang="ar"] .label-operating {max-width:214px; padding-inline:0;}
html[lang="ar"] .architecture-label strong {line-height:1.7;}
html[lang="ar"] .architecture-label span {line-height:1.85;}
@media (max-width:1200px) and (min-width:1051px) {
  .desktop-nav, html[lang="ar"] .desktop-nav {gap:14px;}
  .header-inner {gap:18px;}
  .label-technology {left:5%;top:0;}
  .label-operating, html[lang="ar"] .label-operating {max-width:188px;top:0;}
  .label-customer {bottom:0;}
}
@media (max-width:1050px) and (min-width:701px) {
  .architecture-label, html[lang="ar"] .architecture-label {max-width:230px;}
  .label-operating, html[lang="ar"] .label-operating {max-width:218px;}
}
@media (max-width:700px) {
  .hero-kicker, html[lang="ar"] .hero-kicker {font-size:10px;letter-spacing:.075em;}
  html[lang="ar"] .hero-kicker {letter-spacing:0;}
  .brand small,html[lang="ar"] .brand small {font-size:8.5px;}
  .instrument-heading {align-items:flex-start;gap:16px;}
  .instrument-heading .eyebrow {font-size:11px;letter-spacing:.13em;}
  .instrument-caption,html[lang="ar"] .instrument-caption {font-size:12px;max-width:132px;}
  .mobile-lane {gap:12px;min-height:70px;padding:16px;}
  .mobile-lane>span, html[lang="ar"] .mobile-lane>span {
    font-size:15px; line-height:1.6; font-weight:600; color:var(--annotation-ink);
  }
  .mobile-lane>small, html[lang="ar"] .mobile-lane>small {
    font-size:12px; line-height:1.7; color:var(--annotation-secondary);max-width:116px;
  }
  .mobile-lane.aeaix-lane>span {color:var(--annotation-accent);}
  .system-description,html[lang="ar"] .system-description {font-size:13px;line-height:1.8;}
  .system-description [data-system-caption] {min-width:0;flex:1;}
  .system-progress{flex:0 0 36px;}
  .system-disclosure,html[lang="ar"] .system-disclosure {font-size:13px;line-height:1.85;}
  .responsibility-summary,html[lang="ar"] .responsibility-summary {font-size:12px;line-height:1.8;}
  .six-chain small,html[lang="ar"] .six-chain small {font-size:13px;max-width:145px;}
  .hero-lastline,html[lang="ar"] .hero-lastline {flex-wrap:wrap;gap:12px;}
  .demo-footer>.micro,html[lang="ar"] .demo-footer>.micro {font-size:11px;}
  .footer-controls {gap:10px 20px;}
}
@media (max-width:360px) {
  .mobile-lane {flex-wrap:wrap;padding:14px;}
  .mobile-lane>span,html[lang="ar"] .mobile-lane>span {font-size:14px;}
  .mobile-lane>small,html[lang="ar"] .mobile-lane>small {text-align:start;max-width:none;}
  .mobile-circuit,.component-line {flex-shrink:0;}
  .instrument-heading {gap:12px;}
  .instrument-caption,html[lang="ar"] .instrument-caption {max-width:115px;}
}