/* sp-104 (P-13): Arabic pages (html lang="ar" dir="rtl"). Loaded after site.css on /ar pages only.
   Text runs right to left; the rules below flip the few places site.css uses physical left/right. Arabic text uses the
   system's Arabic font (no font file is downloaded: Plus Jakarta Sans has no Arabic letters); Latin words keep Plus Jakarta Sans. */
html[dir="rtl"]{--font:"Plus Jakarta Sans","Segoe UI","Noto Sans Arabic","Noto Naskh Arabic","Geeza Pro",Tahoma,system-ui,sans-serif}
html[dir="rtl"] body{line-height:1.75;letter-spacing:0}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0;line-height:1.35}
html[dir="rtl"] .nav,html[dir="rtl"] .top .nav,html[dir="rtl"] .mnav{margin-left:0;margin-right:auto}
html[dir="rtl"] footer a{margin-right:0;margin-left:14px}
/* the skip link waits off-screen on the right: in right-to-left pages space on the left can be scrolled to */
html[dir="rtl"] .skip{left:auto;right:-999px}
html[dir="rtl"] .skip:focus{left:auto;right:12px}
html[dir="rtl"] .ticks li{padding-left:0;padding-right:24px}
html[dir="rtl"] .ticks li:before{left:auto;right:0}
html[dir="rtl"] .nots li{padding-left:0;padding-right:26px}
html[dir="rtl"] .nots li:before{left:auto;right:2px}
html[dir="rtl"] .plan .price small{margin-left:0;margin-right:2px}
html[dir="rtl"] .plan.pop .tag{left:auto;right:20px}
html[dir="rtl"] table.cmp tbody th{text-align:right}
html[dir="rtl"] .faq summary{padding:14px 0 14px 26px}
html[dir="rtl"] .faq summary:after{right:auto;left:0}
html[dir="rtl"] .hero:after{right:auto;left:-60px;transform:scaleX(-1)}
@media (max-width:900px){html[dir="rtl"] .hero:after{right:auto;left:-110px}}
html[dir="rtl"] .pill-s{margin-left:0;margin-right:4px}
html[dir="rtl"] .hints{padding-left:0;padding-right:18px}
html[dir="rtl"] .tldr-box{border-left:1px solid var(--line);border-right:4px solid var(--accent)}
/* arrows that point "forward" turn round in right-to-left text */
html[dir="rtl"] .more svg,html[dir="rtl"] .btn svg.fwd{display:inline-block;transform:scaleX(-1)}
/* numbers, prices, codes and Latin names stay left to right inside Arabic sentences */
html[dir="rtl"] .ltr,html[dir="rtl"] .price .amt,html[dir="rtl"] code{direction:ltr;unicode-bidi:isolate;display:inline-block}