/* RTL: most layout uses logical properties. These rules cover the remaining physical cases. */
html[dir="rtl"] .icon.flip, html[dir="rtl"] .icon-btn .flip { transform: scaleX(-1); }
html[dir="rtl"] .codeblock, html[dir="rtl"] .codeblock pre { direction: ltr; text-align: left; }
html[dir="rtl"] .toasts { inset-inline-end: 1rem; }
bdi, .msg-content [dir="auto"] { unicode-bidi: isolate; }
.msg-content p, .msg-content li, .msg-content blockquote, .msg-content h1, .msg-content h2, .msg-content h3, .msg-content h4, .msg.user .msg-content { unicode-bidi: plaintext; text-align: start; }
input[dir="auto"], textarea[dir="auto"] { text-align: start; }
html[data-textdir="ltr"] .msg-content, html[data-textdir="ltr"] textarea { direction: ltr; }
html[data-textdir="rtl"] .msg-content, html[data-textdir="rtl"] textarea { direction: rtl; }