/* Keep chronological rails left-to-right even in an RTL language. */
html[dir="rtl"] .news-grid,html[dir="rtl"] .showcase-controls{direction:ltr}
html[dir="rtl"] .news-card{direction:rtl}
.group-heading h3,.news-header h2{overflow-wrap:anywhere;min-width:0}
html[dir="rtl"] .brand{direction:ltr}
html[dir="rtl"] .catalog-card h3,html[dir="rtl"] .news-game-name,html[dir="rtl"] #showcase-select{direction:ltr;text-align:start}
.news-controls button{white-space:normal}
@media(max-width:700px){
 .news-header h2{font-size:clamp(22px,6vw,30px)}
 .group-heading h3{font-size:clamp(23px,6vw,30px)}
 .news-tabs{min-width:0}
}