/* Public Arabic documents only. No app styles, font downloads or tracking. */
html[dir="rtl"]{direction:rtl}
html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] p,html[lang="ar"] summary,html[lang="ar"] a{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal}
html[lang="ar"] body{line-height:1.85}
html[lang="ar"] p,html[lang="ar"] li,html[lang="ar"] summary,html[lang="ar"] td{line-height:1.85}
html[dir="rtl"] .aud-page,html[dir="rtl"] .aud-block,html[dir="rtl"] .hero-copy,html[dir="rtl"] .aud-hero{text-align:start}
html[dir="rtl"] ol,html[dir="rtl"] ul{padding-inline-start:1.4em;padding-inline-end:0}
html[dir="rtl"] pre,html[dir="rtl"] code{direction:ltr;unicode-bidi:isolate;text-align:left;letter-spacing:normal;font-family:ui-monospace,monospace}
html[dir="rtl"] pre{max-inline-size:100%;overflow-x:auto;white-space:pre}
html[dir="rtl"] bdi,html[dir="rtl"] [dir="ltr"]{unicode-bidi:isolate}
html[dir="rtl"] .table-wrap{max-inline-size:100%;overflow-x:auto}
html[dir="rtl"] th,html[dir="rtl"] td{text-align:start}
html[dir="rtl"] .aud-block a,html[dir="rtl"] .aud-languages,html[dir="rtl"] .public-language-links{overflow-wrap:anywhere}
html[dir="rtl"] .aud-header,html[dir="rtl"] .aud-actions,html[dir="rtl"] .footer-links{flex-wrap:wrap}
html[dir="rtl"] .aud-technical,html[dir="rtl"] main,html[dir="rtl"] article,html[dir="rtl"] section{min-inline-size:0}
html[dir="rtl"] .aud-kicker{line-height:1.8}
html[dir="rtl"] .assistant-keywords a,html[dir="rtl"] .assistant-keywords{unicode-bidi:plaintext}
@media(max-width:600px){html[lang="ar"] h1{line-height:1.4}html[lang="ar"] .aud-header{gap:1rem}html[lang="ar"] .aud-actions{gap:1rem}}

/* Keep the explicit public language choice available on narrow homepages. */
body[data-surface="public"] nav.public-language-links{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem}
body[data-surface="public"] nav.public-language-links>a:not(.nav-cta){display:inline-block}

/* Static localized explainer, scoped to the public landing illustration. */
body[data-landing="true"] .landing-story{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:16/9;gap:24px;margin:0;padding:clamp(22px,4.5vw,44px);border-radius:20px;background:linear-gradient(135deg,#183f37,#214d3f);color:#f6f7f2;overflow:hidden;text-align:start;font-family:Arial,Helvetica,sans-serif}
.landing-story-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.landing-story-brand{display:inline-flex;align-items:center;gap:9px;font-size:20px;font-weight:700;letter-spacing:-.5px}
.landing-story-brand img{border-radius:8px}
.landing-story-access{font-size:12px;color:#c8d9cc;text-align:end}
.landing-story-flow{display:grid;grid-template-columns:minmax(0,1fr) 46px 92px 46px minmax(0,1fr);align-items:center;gap:14px}
.landing-story-node{display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;font-size:clamp(14px,1.6vw,18px);font-weight:600;min-inline-size:0}
.landing-story-symbol{display:grid;place-items:center;width:60px;height:60px;border:1px solid #789885;border-radius:19px;color:#d5f27e}
.landing-story-symbol svg{width:31px;height:31px}
.landing-story-arrow{width:100%;color:#91b27c}
.landing-story-bridge{display:flex;justify-content:center}
.landing-story-bridge img{width:70px;height:70px;border-radius:21px;box-shadow:0 8px 30px #09261e44}
.landing-story-example{max-inline-size:610px;inline-size:100%;box-sizing:border-box;align-self:center;padding:17px 24px;border:1px solid #70917c;border-radius:16px;background:#ffffff08;text-align:start}
.landing-story-example>span{font-size:10px;letter-spacing:.11em;font-weight:700;color:#d5f27e}
.landing-story-example>p{font-size:clamp(16px,2vw,22px);line-height:1.5;margin:6px 0 0;color:#f6f7f2}
.landing-story figcaption{text-align:center}
.landing-story-permissions{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;margin:0;padding:0!important}
.landing-story-permissions li{font-size:13px;line-height:1.4;color:#e1eadc;white-space:nowrap}
.landing-story-permissions li>span{color:#d5f27e;margin-inline-end:3px}
.landing-story figcaption>p{font-size:12px;line-height:1.5;color:#c8d9cc;margin:13px 0 0}
html[dir="rtl"] .landing-story-arrow{transform:scaleX(-1)}
html[lang="ar"] .landing-story-example>span{letter-spacing:normal}
@media(max-width:640px){
 body[data-landing="true"] .landing-story{aspect-ratio:auto;min-block-size:270px;gap:16px;padding:18px;border-radius:15px}
 .landing-story-top{display:none}
 .landing-story-brand{font-size:16px;gap:7px}.landing-story-brand img{width:24px;height:24px}
 .landing-story-access{font-size:10px;max-inline-size:140px;line-height:1.5}
 .landing-story-flow{grid-template-columns:minmax(0,1fr) 20px 46px 20px minmax(0,1fr);gap:7px}
 .landing-story-node{font-size:12px;gap:9px;line-height:1.4}.landing-story-symbol{width:42px;height:42px;border-radius:13px}.landing-story-symbol svg{width:24px;height:24px}
 .landing-story-bridge img{width:44px;height:44px;border-radius:14px}
 .landing-story-example{padding:12px 14px;border-radius:12px}.landing-story-example>span{font-size:9px}.landing-story-example>p{font-size:15px;margin-top:4px;line-height:1.5}
 .landing-story-permissions{gap:7px 12px}.landing-story-permissions li{font-size:11px}.landing-story figcaption>p{font-size:11px;margin-top:10px}
 .landing-story-section .explainer-copy h2{font-size:clamp(21px,5.7vw,25px);line-height:1.35}
 html[lang="ar"] .landing-story-node{font-size:13px}
 html[lang="ar"] .landing-story-example>p{font-size:17px}
 html[lang="ar"] .landing-story-permissions li,html[lang="ar"] .landing-story figcaption>p{font-size:12px}
}
