/* RTL-friendly base: prefer logical properties in new UI; this complements legacy LTR CSS. */
html[dir="rtl"] .md-topbar .breadcrumb,
html[dir="rtl"] .md-topbar .topbar-right {
    flex-direction: row-reverse;
}

html[dir="rtl"] .md-shell {
    flex-direction: row-reverse;
}

html[dir="rtl"] body.md-body,
html[dir="rtl"] .md-body,
html[dir="rtl"] body {
    font-family: "Noto Sans Arabic", "Segoe UI", Roboto, system-ui, sans-serif;
}