/* Hebrew layer for "The Lie in the Graph". Load AFTER engine.css on RTL pages.
   Supplies the Hebrew web font and right-to-left text shaping for the SVG labels.
   (Layout direction itself comes from <html dir="rtl">; engine.css already uses
   logical properties so the layout flips automatically.) */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700;800&display=swap');

/* One clean Hebrew sans across the whole UI. */
body{ font-family:'Heebo', 'Arial Hebrew', sans-serif; }

/* Headings override engine.css's Latin serif; use a heavier weight for emphasis. */
header h1, #modalCard h2{ font-family:'Heebo', 'Arial Hebrew', sans-serif; font-weight:800; }

/* Graph labels, shaped right-to-left. */
.node text, .edgeLabel{ font-family:'Heebo', 'Arial Hebrew', sans-serif; }
[dir="rtl"] .node text, [dir="rtl"] .edgeLabel{ direction:rtl; unicode-bidi:plaintext; }

/* The share grid mixes Hebrew with ◆/◇ shapes — keep it readable. */
#shareGrid{ direction:rtl; }
