/* Scoped to the two new guides by BlogArticle's translationKey gate. */
.ba-article h1,
.ba-article h2 {
  overflow-wrap: anywhere;
  hyphens: auto;
}
.ba-article table {
  table-layout: fixed;
  width: 100%;
  overflow-wrap: anywhere;
}
.ba-article th,
.ba-article td {
  overflow-wrap: anywhere;
  hyphens: auto;
}
/* Keep long German title words whole instead of breaking them mid-word. */
@media (max-width: 600px) {
  html[lang^="de"] .ba-article h1 {
    font-size: clamp(1rem, 5vw, 1.875rem);
    overflow-wrap: normal;
  }
}