/* True-mirror fixes only; the base stylesheet uses CSS logical properties. */
[dir="rtl"] .icon-arrow{transform:scaleX(-1)}
[dir="rtl"] .checklist li::before{transform:rotate(40deg)}
[dir="rtl"] .nav-toggle span::before,[dir="rtl"] .nav-toggle span::after{inset-inline-start:0}
[dir="rtl"] .note{border-inline-start:3px solid var(--primary-green)}
[dir="rtl"] input,[dir="rtl"] select,[dir="rtl"] textarea{text-align:start}