/* Directional layout only: email, phone, URLs, code and numeric values stay readable. */
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] :is(h1,h2,h3,h4,p,label,summary,th,td){text-align:start}
html[dir="rtl"] :is(.kicker,.eyebrow,.hero>p,.cg-brand-subtitle,.cg-brand-tagline,th){letter-spacing:normal}
html[dir="rtl"] :is(input[type="email"],input[type="tel"],input[type="url"],code,pre,[dir="ltr"]){direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] :is(ol,ul){padding-inline-start:24px;padding-inline-end:0}
html[dir="rtl"] body.app-shell{padding-left:0;padding-right:var(--app-sidebar-width)}
html[dir="rtl"] body.app-shell>header.app-sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid #1f334b}
html[dir="rtl"] .app-sidebar :is(nav a,button){text-align:start}
html[dir="rtl"] body:has(>.sidebar){grid-template-columns:240px 1fr}
html[dir="rtl"] body>.sidebar{inset:0 0 0 auto}
html[dir="rtl"] .sidebar :is(nav a,nav button){text-align:start}
html[dir="rtl"] :is(.note,.warning){border-left:0;border-inline-start:4px solid #0b8f72}
html[dir="rtl"] .warning{border-inline-start-color:#c28512}
html[dir="rtl"] #toc a.active{box-shadow:inset -3px 0 #12a083}
html[dir="rtl"] .check li::before{margin-right:0;margin-left:10px}
html[dir="rtl"] :is(.step ol,.guide-steps){padding-left:0;padding-right:24px}
html[dir="rtl"] .cg-tour-card{text-align:right;direction:rtl}
html[dir="rtl"] .cg-tour-ring{direction:ltr}
html[dir="rtl"] :is(.back,.back-link) .icon{transform:scaleX(-1)}
@media(max-width:900px){html[dir="rtl"] body.app-shell{padding-right:0}html[dir="rtl"] body.app-shell>header.app-sidebar{transform:translateX(100%)}html[dir="rtl"] body.app-shell.sidebar-open>header.app-sidebar{transform:translateX(0)}}
@media(max-width:800px){html[dir="rtl"] body:has(>.sidebar){grid-template-columns:1fr}html[dir="rtl"] body>.sidebar{position:static;width:auto}}

html[dir="rtl"] :is(.toc a){border-left:0;border-right:2px solid #dbe3ec}
html[dir="rtl"] .step-body{padding:2px 65px 21px 20px}
html[dir="rtl"] :is(.setup-section>summary,.setup-card,.inbox-delivery-notice,#inboxService,.inbox-management,.knowledge-sample){text-align:right}
html[dir="rtl"] .knowledge-import-steps{padding-left:0;padding-right:22px}
html[dir="rtl"] :is(.zw-widget,.message-text,.turn,.conversation-message){unicode-bidi:plaintext}