.language-control{display:flex;align-items:center;gap:8px;min-width:0;color:#635570;font-size:12px;font-weight:650;text-align:start}.language-control select{font:inherit;font-size:13px;color:#45365c;background:#faf8ff;border:1px solid #ddd5ec;border-radius:10px;min-height:42px;max-width:155px;padding:8px;min-width:0;cursor:pointer}.language-control select:focus-visible{outline:3px solid #9984e4;outline-offset:2px}.translation-status{font-size:12px;color:#756880;line-height:1.5}.translation-status:empty{display:none}.modal .language-control,dialog .language-control{justify-content:space-between;margin-block:18px}.modal .language-control select,dialog .language-control select{max-width:65%}html[dir=rtl] .sidebar{left:auto;right:0;border-right:0;border-left:1px solid #eee9f3}html[dir=rtl] .shell{margin-left:0;margin-right:235px}html[dir=rtl] .nav button{text-align:right}html[dir=rtl] .question-card,html[dir=rtl] .lesson-page,html[dir=rtl] .path-card{text-align:start}.equation,.atom-counts,.element-tile,.big-atom svg,.mini-atom svg,.number-answer input{direction:ltr;unicode-bidi:isolate}.path-card,.track-heading>div,.topbar,.page-intro>div,.hero-copy{min-width:0}.card-copy h3,.track-heading h2,.topbar strong{overflow-wrap:anywhere}.language-control option{font-family:system-ui,sans-serif}html[dir=rtl] svg text{direction:ltr;unicode-bidi:plaintext}.lesson-diagram svg text{font-size:9px}html[lang=km],html[lang=lo],html[lang=am],html[lang=ti]{line-height:1.7}
@media(max-width:1180px){html[dir=rtl] .shell{margin-right:205px}}
@media(max-width:720px){html[dir=rtl] .shell{margin-right:0}}
@media(max-width:1000px){.top-stats .language-control>span{display:none}.top-stats .language-control select{max-width:132px}.top-stats{gap:10px}}
@media(max-width:600px){.topbar{flex-wrap:wrap;gap:8px;height:auto;min-height:72px;padding-block:12px}.top-stats{margin-inline-start:auto;gap:6px}.top-stats .language-control select{max-width:108px}.top-stats .top-stat{display:none}.mobile-nav button span{font-size:10px;overflow-wrap:anywhere}.hero-copy h2{font-size:36px}.question-actions{flex-wrap:wrap}.level-tabs{flex-wrap:wrap}.level-tabs button{flex:1 1 40%}.evidence-scroll{max-width:100%;overflow:auto}}

.language-notice{margin:0;padding:8px 32px 0;text-align:end}.language-notice:empty{padding:0}.language-notice+.page{padding-top:22px}

html[dir=rtl] .icon-arrow,html[dir=rtl] .icon-chevron,html[dir=rtl] .icon-back{transform:scaleX(-1)}