/* Language picker lives in the Mellow UI header as .mw-lang (built by language.js); this file only keeps
   wrapping fixes that long translations need. Tokens only. */
.mw-lang{white-space:nowrap}
.mw-lang select{max-width:none}
h1,h2,h3{word-break:keep-all;overflow-wrap:break-word}
@media print{.language-picker{display:none!important}}

.table-reading>*{min-width:0}
.nav-button{white-space:normal}.nav-button>span:last-child{min-width:0}.nav-button strong,.nav-button small{overflow-wrap:anywhere}
.practice-actions button,.learn-entry a{white-space:normal}
.page-heading>*{min-width:0}
.guide th,.guide td{overflow-wrap:anywhere}
.sr-only{inset:0 auto auto 0}
.plot-axis,.plot-grid{fill:none}
.mw-app{min-width:0;flex-wrap:wrap;row-gap:0}
.mw-app small{overflow-wrap:anywhere}
@media(max-width:820px){.result-toolbar{flex-wrap:wrap;gap:10px}.result-toolbar .toolbar{flex-wrap:wrap}.run-row{flex-wrap:wrap}.budget-label{flex-wrap:wrap}.section-bar>div:first-child{flex-wrap:wrap}.primary{white-space:normal}.data-footer .toolbar{flex-wrap:wrap}.learn-card,.lesson-panel{min-width:0}.nav-button{white-space:nowrap}}
.page-heading button{white-space:normal;overflow-wrap:anywhere}.data-footer .toolbar{min-width:0;max-width:100%;flex-shrink:1}
.toolbar button{white-space:normal;max-width:100%;overflow-wrap:anywhere}
.purpose-bar button{min-width:0;overflow-wrap:anywhere}
.recommendation{min-width:0;flex-wrap:wrap}.recommendation .rec-name{overflow-wrap:anywhere}
.model-row .fit{white-space:normal;text-align:right}
.matrix-footer .toolbar{min-width:0;max-width:100%;flex-shrink:1}
.mw-actions .btn{white-space:normal}
:lang(th) :is(.eyebrow,.lesson-kicker,.rail-label),:lang(hi) :is(.eyebrow,.lesson-kicker,.rail-label){letter-spacing:0}