/* Nordic and German pages (linked from the generated /sv/, /no/, /da/, /fi/ pages).
   Compound words in Finnish, Swedish, Norwegian and Danish ("Käyttöturvallisuustiedote",
   "Säkerhetsdatablad") are longer than a 320px column, so let them hyphenate or break
   instead of widening the page. */
html:is([lang="fi"], [lang="sv"], [lang="nb"], [lang="da"], [lang="de"]) :is(h1, h2, h3, p, li, td, th, summary, a, .lead) {
  overflow-wrap: anywhere;
  hyphens: auto;
}

html:is([lang="fi"], [lang="sv"], [lang="nb"], [lang="da"], [lang="de"]) .page-hero h1 {
  font-size: clamp(1.75rem, 8vw, var(--text-4xl));
}

/* Generated pages (all languages): long inline identifiers such as transport_information/un_number
   must wrap inside list items and table cells instead of widening the page. Code blocks scroll instead. */
.article :not(pre) > code {
  overflow-wrap: anywhere;
}