/* rtl.css — The right-to-left rules of §5.7.
   
   The panel is `dir="rtl"` on the app and on every dialog and toast (base.html), and every
   other file here uses logical properties only — margin-inline-*, padding-inline-*,
   inset-inline-*, text-align:start/end. No physical direction property appears anywhere in this
   stylesheet, which `tests/test_rtl.py` asserts over all six files and every template.
   
   What is left for this file is the two places direction is the subject rather than a
   consequence: the one island of left-to-right text, and the horizontal centring of the
   toast, which the prototype did with `left:50%` and a transform.
   
   Arrows follow the axis, not the reading direction: ↑ ↓ in a vertical list, → ← in a row
   of cards (§5.7). That is a rule for the markup; there is nothing to declare for it here. */


/* Code is the one island of left-to-right text in a right-to-left panel: a module declaration or
   a pattern reads wrongly mirrored. `text-align:start` inside `direction:ltr` is the physical
   left the prototype wrote, said logically. */
pre{direction:ltr;text-align:start}

/* The toast is centred on the viewport, and centring has no direction. The prototype pinned it
   with a physical offset and pulled it back by half its width; `inset-inline:0` with an auto
   inline margin is the same result and survives the page being read either way. */
.toast{inset-inline:0;margin-inline:auto;width:fit-content}