/* ==========================================================================
   PERMASOL — Arabic (RTL) overrides. Loaded after main.css on index-ar.html
   ========================================================================== */

:root{
  --f-display:"IBM Plex Sans Arabic","Saira",system-ui,sans-serif;
  --f-body:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif;
  --f-mono:"IBM Plex Sans Arabic","IBM Plex Mono",monospace;
}

[dir="rtl"] body{ line-height:1.85; }

[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] h4{
  font-weight:700; text-transform:none; letter-spacing:0; line-height:1.28;
}
[dir="rtl"] h1{ font-size:clamp(1.9rem,3.9vw,3.2rem); }
[dir="rtl"] h2{ font-size:clamp(1.5rem,3vw,2.35rem); }
[dir="rtl"] h3{ font-size:clamp(1.05rem,1.4vw,1.25rem); }

/* Arabic script does not take tracking well */
[dir="rtl"] .mono,[dir="rtl"] .eyebrow,[dir="rtl"] .btn,[dir="rtl"] .nav a,
[dir="rtl"] .sheet-head,[dir="rtl"] .np-row,[dir="rtl"] .np-sub,[dir="rtl"] .np-foot,
[dir="rtl"] .kv .k,[dir="rtl"] .tb-cell .k,[dir="rtl"] .tb-cell .v,
[dir="rtl"] .footer-base,[dir="rtl"] .topbar,[dir="rtl"] .fig-legend li,
[dir="rtl"] .statement .k,[dir="rtl"] .seq-step .no,[dir="rtl"] .hero-tags span,
[dir="rtl"] .footer h4,[dir="rtl"] .textlink{
  letter-spacing:0; text-transform:none;
}
[dir="rtl"] .mono,[dir="rtl"] .eyebrow{ font-size:.8rem; }
[dir="rtl"] .btn{ font-size:.82rem; }
[dir="rtl"] .nav a{ font-size:.85rem; }
[dir="rtl"] .sheet-head{ font-size:.76rem; }
[dir="rtl"] .np-row{ font-size:.8rem; }
[dir="rtl"] .np-row .k{ font-size:.76rem; }
[dir="rtl"] .kv .k,[dir="rtl"] .statement .k,[dir="rtl"] .seq-step .no{ font-size:.76rem; }
[dir="rtl"] .tb-cell .k{ font-size:.68rem; }
[dir="rtl"] .tb-cell .v{ font-size:.84rem; }
[dir="rtl"] .footer-base{ font-size:.76rem; }
[dir="rtl"] .topbar{ font-size:.78rem; }
[dir="rtl"] .hero-tags span{ font-size:.76rem; }

/* mirrored decorations */
[dir="rtl"] .nav a::after{ right:0; left:100%; transition:left .3s var(--ease); }
[dir="rtl"] .nav a:hover::after,[dir="rtl"] .nav a.is-current::after{ left:0; }
[dir="rtl"] .scope-item::after{ left:auto; right:0; }
[dir="rtl"] .scope-item .idx{ right:auto; left:20px; }
[dir="rtl"] .tick-list li{ padding-left:0; padding-right:24px; }
[dir="rtl"] .tick-list li::before{ left:auto; right:0; }
[dir="rtl"] .callout{
  border-left:0; border-right:3px solid var(--gold);
  padding:20px 24px 20px 0;
  background:linear-gradient(270deg, rgba(190,139,51,.07), rgba(190,139,51,0) 70%);
}
[dir="rtl"] .seq-step{ padding:26px 0 26px 20px; }
[dir="rtl"] .seq-step .dot{ left:auto; right:0; }
[dir="rtl"] .marquee-track{ animation-name:slide-rtl; }
@keyframes slide-rtl{ from{ transform:translateX(0); } to{ transform:translateX(50%); } }
[dir="rtl"] .np-row .v{ direction:ltr; text-align:left; }
[dir="rtl"] .spec th{ text-align:right; }
[dir="rtl"] .fig-legend li span{ font-family:var(--f-mono); }
[dir="rtl"] .topbar .sep{ margin:0 .5em; }
[dir="rtl"] .lede{ max-width:64ch; }
[dir="rtl"] .band-quote{ line-height:1.28; max-width:26ch; }
[dir="rtl"] .crumb .sep{ margin:0 .5em; }

/* numbers stay left-to-right wherever they appear alone */
[dir="rtl"] .num-ltr{ direction:ltr; unicode-bidi:embed; display:inline-block; }

[dir="rtl"] .skip{ left:auto; right:8px; }

/* the mission arrow should travel in the reading direction */
[dir="rtl"] .vm > div:last-child .vm-mark{ transform:scaleX(-1); }