/* English site overrides — loaded after odt.css. odt.css was written for an
   RTL, Arabic-typeface page; this file only resets the handful of rules that
   assume that direction or that font stack. Everything else (layout, colour,
   spacing, components) is inherited as-is from odt.css on purpose, so the
   two languages stay visually one brand. */

html[lang="en"] body {
  font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  direction: ltr;
}

html[lang="en"] .odt-mono {
  font-family: 'IBM Plex Mono', ui-monospace, monospace;
}

/* Arabic type is heavier by design at the same pixel size; English text at
   the same sizes reads visually large in the hero and section headings. */
html[lang="en"] .odt-hero h1 { letter-spacing: -0.01em; }