:root[dir="rtl"] {
  text-align: justify;
  text-justify: inter-word;
}

:where([dir="rtl"]) :where(h1, h2, h3, h4, h5, h6, summary, legend) {
  text-align: var(--heading-align, start);
}

:where([dir="rtl"]) :where(.hero-slider, table, th, td) {
  text-align: start;
}