/* Translated pages (lang de, fr, nl): long German, French and Dutch words wrap instead of overflowing, as on the
   Claude Design review site (restyle.css). Load on translated pages, after the page's own stylesheet. */
html:not([lang="en"]) main,
html:not([lang="en"]) main *,
html:not([lang="en"]) main :is(h1, h2, h3, h4) {
  overflow-wrap: anywhere;
}
html:not([lang="en"]) main :is(h1, h2, h3) {
  overflow-wrap: break-word;
}
@media (max-width: 767px) {
  html:not([lang="en"]) main :is(h1, h2, h3, h4, td, th, .mx-cell, .mx-q, .mx-ans, .wy-pill) {
    overflow-wrap: anywhere;
    hyphens: auto;
    -webkit-hyphens: auto;
  }
  html:not([lang="en"]) main :is(.whitespace-nowrap, .wy-pill) {
    white-space: normal;
  }
  html:not([lang="en"]) main .wy-pill {
    flex: 0 1 auto;
    min-width: 0;
    text-align: center;
  }
}
/* The hero's floating checklist card (.hv-card, fixed width): longer translated lines wrap instead of running past its edge */
html:not([lang="en"]) main .hv-card li > span:not(.hv-ck) {
  white-space: normal;
  min-width: 0;
}
/* The escrow diagram's card header (.ewx-card-top): a longer translated status tag ("Vandaag gesynchroniseerd") wraps,
   so the application name keeps its width instead of breaking letter by letter */
html:not([lang="en"]) main .ewx-card-top .ewx-tag {
  white-space: normal;
  text-align: center;
  flex-shrink: 1;
  max-width: 50%;
}
html:not([lang="en"]) main .ewx-card-top .ewx-card-n,
html:not([lang="en"]) main .ewx-card-top .ewx-card-s {
  overflow-wrap: normal;
}
/* Build a Plan (/nl/prijzen-plan-samenstellen): "anywhere" lets its flex rows squeeze prices until they break mid-number
   ("$41 9", "$1,990/j aar"); break-word only breaks a word that can't fit on a line of its own */
html:not([lang="en"]) main #pr-app,
html:not([lang="en"]) main #pr-app * {
  overflow-wrap: break-word;
}