/* Let translated content wrap within its existing layout. */
main :is(h1, h2, h3) {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
  text-wrap: balance;
}
main :is(td, th) {
  overflow-wrap: break-word;
}
html[data-script="arabic"] :is(h1, h2, h3, p, a, button),
html[data-script="devanagari"] :is(h1, h2, h3, p, a, button) {
  letter-spacing: normal;
}
html[data-script="arabic"] main :is(h1, h2, h3),
html[data-script="devanagari"] main :is(h1, h2, h3) {
  line-height: 1.25;
}
html[dir="rtl"] .process-step:not(:last-child)::after {
  content: "←";
  right: auto;
  left: -18px;
}
@media (max-width: 560px) {
  .section-copy h2 {
    font-size: clamp(1.75rem, 10.5vw, 2.7rem);
  }
  .line-copy h2 {
    font-size: clamp(1.5rem, 10.8vw, 3rem);
  }
  .language-option {
    min-width: 0;
    grid-template-columns: 28px minmax(0, 1fr) 14px;
    gap: 4px;
    padding-inline: 6px;
  }
  .language-option-name {
    min-width: 0;
  }
  html[data-language="de"] .section-copy h2 {
    font-size: clamp(1.75rem, 9vw, 2.5rem);
  }
  html:is([data-language="de"], [data-language="ru"]) .line-copy h2 {
    font-size: clamp(1.5rem, 8vw, 2.4rem);
  }
}