/* ==========================================================================
   RTL overrides — loaded only on pages rendered with dir="rtl" (Arabic).
   Mirrors the handful of physical-direction rules in site.css that don't
   flip automatically with the dir attribute.
   ========================================================================== */

.skip-link { left: auto; right: -9999px; border-radius: 0 0 0 var(--radius-sm); }
.skip-link:focus { left: auto; right: 0; }

.appstore-badge-live-text { text-align: right; }

.doc-section ul li { padding-left: 0; padding-right: 1.15em; }
.doc-section ul li::before { left: auto; right: 0.25em; }

.changelog-panel { padding-right: 0; padding-left: 0.5rem; }

.margin-note {
  padding: 1.2rem 1.5rem 1.2rem 1.4rem;
  border-left: none; border-right: 2px solid var(--accent);
}
.margin-note:nth-child(odd) { transform: rotate(0.4deg); }
.margin-note:nth-child(even) { transform: rotate(-0.35deg); margin-left: 0; margin-right: clamp(0px, 2vw, 1rem); }

@media (max-width: 900px) {
  .margin-note:nth-child(odd), .margin-note:nth-child(even) { transform: none; margin-right: 0; }
}