/* Arabic pages: typeface and right-to-left adjustments. Loaded after ../styles.css, which already uses logical properties. */
:root{
  --font-display:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;
  --font-body:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif;
}
body{line-height:1.8;}
h1,h2,h3{letter-spacing:0;line-height:1.35;font-weight:700;}
.brand strong{letter-spacing:0;font-family:'IBM Plex Serif',Georgia,serif;}
.brand span span{letter-spacing:0;}
.footer .fb strong,.report .rhead b{font-family:'IBM Plex Serif',Georgia,serif;}
.hero h1{max-width:26ch;}
.page-head h1{max-width:30ch;}
.mock .row.hd{text-transform:none;letter-spacing:0;}
.sample{letter-spacing:0;}
/* Latin words inside Arabic text (product names, codes, numbers) */
[dir=rtl] .ltr,[dir=rtl] [lang=en]{direction:ltr;unicode-bidi:isolate;font-family:'IBM Plex Sans','Segoe UI',Arial,sans-serif;}
.footer .fid [lang=en]{font-size:13.5px;}
/* Dates and numbers keep Western digits; make sure they read left to right inside table cells */
.findings td.num,.findings td.date{direction:ltr;unicode-bidi:isolate;text-align:end;}
/* Language switch in the header, shared with the English pages (same rule appended to styles.css there) */
.lang{display:inline-flex;align-items:center;padding:7px 12px;border:1px solid var(--blue-line);border-radius:5px;font-size:13.5px;font-weight:600;color:var(--navy);white-space:nowrap;flex:0 0 auto;}
.lang:hover{border-color:var(--navy);background:var(--blue-tint);}
.mobile-nav a[lang=en]{text-align:start;}
@media (max-width:1120px){ .header .wrap{gap:12px;} }
@media (max-width:360px){ .lang{padding:6px 9px;font-size:13px;} }
/* The FAQ plus sign sits at the inline end; keep it there in RTL */
.faq summary::after{margin-inline-start:auto;}
/* Schedule chart labels in the hero: Arabic text in the SVG */
.schedule .lbl{font-size:12px;}
/* The hero chart is a drawing with fixed coordinates: keep its text anchors left to right */
.schedule{direction:ltr;}