/* Keep the document scrollport and content direction aligned with the active locale. */
html[dir="rtl"]{direction:rtl}
html[dir="ltr"]{direction:ltr}
html[dir="rtl"] body{direction:rtl}
html[dir="ltr"] body{direction:ltr}

/* Chromium keeps the document scrollbar on the physical right. Use the RTL body as
   the scroll container so Arabic pages receive a logical left-side scrollbar. */
html[dir="rtl"]{height:100%;overflow:hidden}
html[dir="rtl"] body{height:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d99a20 #f4ecdf}
html[dir="rtl"] body::-webkit-scrollbar{width:11px;height:11px}
html[dir="rtl"] body::-webkit-scrollbar-track{background:#f4ecdf;border:3px solid #fffdf8;border-radius:12px}
html[dir="rtl"] body::-webkit-scrollbar-thumb{min-height:46px;border:3px solid #fffdf8;border-radius:12px;background:linear-gradient(135deg,#efb33c,#c98212)}
html[dir="rtl"] body::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f5c557,#d58c11)}