/* The English page owns layout. Only text flow and RTL need locale rules. */
html:not([lang=en]) h1,html:not([lang=en]) h2,html:not([lang=en]) h3{overflow-wrap:break-word;hyphens:auto}
html:not([lang=en]) .hero h1{font-size:clamp(44px,5vw,72px)}
html:not([lang=en]) .main-nav a{font-size:12px}
html:not([lang=en]) .qt-tutorial-main .category-card{min-width:0;grid-template-columns:58px minmax(0,1fr) 24px}
html:not([lang=en]) .qt-tutorial-main .category-card>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:560px){html:not([lang=en]) .qt-tutorial-main .category-card{grid-template-columns:40px minmax(0,1fr) 20px;gap:12px;padding:18px}}
html[dir=rtl] .hero-copy,html[dir=rtl] .section-heading,html[dir=rtl] .story-copy,html[dir=rtl] .faq-item,html[dir=rtl] .qt-tutorial-page{text-align:start}
html[dir=rtl] .hero-visual,html[dir=rtl] .execution-card,html[dir=rtl] pre,html[dir=rtl] code{direction:ltr}
html[lang=ar]{font-family:Arial,"Noto Sans Arabic",sans-serif}
html[lang=ja],html[lang=ko],html[lang^=zh]{word-break:normal}