/* Arabic (RTL) overrides, loaded after styles.css on /ar/ pages only */
html[dir="rtl"] body {
  font-family: "IBM Plex Sans Arabic", var(--sans);
  line-height: 1.75;
}

/* Arabic letterforms need neutral tracking and more generous line height */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] .hero-headline,
html[dir="rtl"] .section-title,
html[dir="rtl"] .contact-title,
html[dir="rtl"] .faq-item summary h2,
html[dir="rtl"] .mark-primary,
html[dir="rtl"] .mark-accent {
  letter-spacing: 0;
}
html[dir="rtl"] .mark { font-family: "Space Grotesk", var(--sans); }
html[dir="rtl"] .hero-headline { line-height: 1.3; max-width: 26ch; font-weight: 700; font-size: clamp(2rem, 4.8vw, 3.5rem); }
html[dir="rtl"] .section-title { line-height: 1.4; max-width: 30ch; font-weight: 700; margin-bottom: 1.8rem; }
html[dir="rtl"] .contact-title { line-height: 1.3; font-weight: 700; }
html[dir="rtl"] .faq-item summary h2 { line-height: 1.5; }
html[dir="rtl"] .ledger-row h3 { line-height: 1.5; }

/* Labels that use the mono face in the English design */
html[dir="rtl"] .hero-tag,
html[dir="rtl"] .article-byline,
html[dir="rtl"] .author-bio-label,
html[dir="rtl"] .contact-links span,
html[dir="rtl"] .site-footer {
  font-family: "IBM Plex Sans Arabic", var(--sans);
  letter-spacing: 0;
  text-transform: none;
}
html[dir="rtl"] .hero-tag { font-size: 0.95rem; }
html[dir="rtl"] .article-byline { gap: 0.6rem 1.8rem; }

/* Bullets and markers sit on the right in RTL */
html[dir="rtl"] .takeaways li,
html[dir="rtl"] .mistake-list li {
  padding-left: 0;
  padding-right: 1.5rem;
}
html[dir="rtl"] .takeaways li::before,
html[dir="rtl"] .mistake-list li::before {
  left: auto;
  right: 0;
}

/* Prose reads better a little larger in Arabic */
html[dir="rtl"] .prose p,
html[dir="rtl"] .takeaways li,
html[dir="rtl"] .mistake-list li,
html[dir="rtl"] .faq-answer p,
html[dir="rtl"] .ledger-row p {
  line-height: 1.95;
}

/* Hero contact block sits on the far (left) side of the grid in RTL */
html[dir="rtl"] .hero-meta { text-align: left; }
@media (max-width: 860px) {
  html[dir="rtl"] .hero-meta { text-align: right; }
}

/* Floating call / WhatsApp buttons move to the left in RTL */
html[dir="rtl"] .cta-float {
  right: auto;
  left: clamp(1rem, 3vw, 1.8rem);
  align-items: flex-start;
}

/* Tighter rhythm between stacked text sections */
html[dir="rtl"] .audience,
html[dir="rtl"] .services { padding-top: 3.6rem; padding-bottom: 3.6rem; }
html[dir="rtl"] .hero { padding-bottom: 2.4rem; }

/* Data table */
.tbl-wrap { overflow-x: auto; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ar-table { width: 100%; border-collapse: collapse; font-size: 0.98rem; min-width: 520px; }
.ar-table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ar-table th, .ar-table td { padding: 0.95rem 1rem; text-align: right; border-top: 1px solid var(--line-soft); }
.ar-table thead th { border-top: 0; font-weight: 700; color: var(--ink-soft); font-size: 0.9rem; }
.ar-table td:first-child { font-weight: 600; }
.ar-table td:nth-child(n+2) { font-variant-numeric: tabular-nums; }
.tbl-note { font-size: 0.86rem; color: var(--muted); max-width: 66ch; margin: 1rem 0 0; line-height: 1.8; }