/* intl.css — script coverage for the non-Latin language trees (/he/, /uk/, /ru/).

   Space Grotesk ships Latin (+ Latin Extended) ONLY — no Greek, no Cyrillic,
   no Hebrew — so those scripts were silently falling back to whatever the OS
   supplied. Verified against the Google Fonts CSS: Space Grotesk serves zero
   greek/cyrillic/hebrew unicode-range blocks.

   Manrope covers Greek + Cyrillic; Rubik covers Cyrillic + Hebrew (it has no
   Greek). Listing both *after* Space Grotesk keeps Latin runs (brand name,
   prices, "RTK") on-brand while each non-Latin glyph resolves to a deliberate
   face. Each tree loads only the webfont it needs; an unloaded family in the
   stack is simply skipped.

   JetBrains Mono covers Cyrillic but not Hebrew — Rubik backs it up there too. */
:root {
  --font-display: "Space Grotesk", "Manrope", "Rubik", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Manrope", "Rubik", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Hebrew sets slightly tighter line-height than Latin at display sizes because
   it has no ascenders/descenders to speak of; without this, headings look airy. */
html[lang="he"] h1,
html[lang="he"] h2,
html[lang="he"] h3,
html[lang="he"] .display,
html[lang="he"] .h2 { line-height: 1.15; }

/* Cyrillic runs longer than English — let long compound words break rather
   than push a card or button out of its box. */
html[lang="el"] h1, html[lang="uk"] h1, html[lang="ru"] h1,
html[lang="el"] h2, html[lang="uk"] h2, html[lang="ru"] h2,
html[lang="el"] h3, html[lang="uk"] h3, html[lang="ru"] h3 {
  overflow-wrap: break-word;
  hyphens: auto;
}