/* Right-to-left fixes that the flipped Tailwind build (tailwind.rtl.css) cannot express. */
html[dir="rtl"] .-translate-x-1\/2 { --tw-translate-x: 50%; }
html[dir="rtl"] summary { text-align: right; }
html[dir="rtl"] details > summary::-webkit-details-marker { display: none; }
html[dir="rtl"] .pbml-switcher { direction: ltr; }
/* Tables of numbers: keep column content readable but let the table itself flow right-to-left. */
html[dir="rtl"] table { direction: rtl; }
/* Checkboxes/labels and stacked form rows */
html[dir="rtl"] input[type="checkbox"], html[dir="rtl"] input[type="radio"] { margin-left: .5rem; margin-right: 0; }
/* Icon-only chevrons/arrows that point in the reading direction */
html[dir="rtl"] .pbml-flip { transform: scaleX(-1); }