/* Additive localization styles: keep the source design and layout. */
.locale-picker {display:inline-flex;align-items:center;gap:.35rem;max-width:100%;margin-inline-start:.75rem;font:inherit}
.locale-picker select {font:inherit;color:inherit;background:var(--paper,#fff);border:1px solid #d4d8dc;border-radius:6px;padding:.35rem;max-width:11rem}
html[dir=rtl] body {direction:rtl;text-align:start}
html[dir=rtl] input[type=number],html[dir=rtl] .formula,html[dir=rtl] code {direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .logo {direction:ltr;unicode-bidi:isolate}
/* Keep the brand at the leading edge of the RTL flex header. */
html[dir=rtl] .mainnav>.logo {margin-right:0;margin-left:auto}
html[dir=rtl] .article ul,html[dir=rtl] .article ol {padding-inline-start:1.5rem;padding-inline-end:0}
@media(max-width:700px){.locale-picker{margin-inline-start:0}.locale-picker select{max-width:8.5rem}}
/* Translated labels can be much longer than their English source. */
.mainnav nav {min-width:0}
.mainnav nav a,.nav-button,.button,.chip,.path-meta,.card-meta {overflow-wrap:anywhere}
.hero>div,.path-body,.lesson-card,.calculator,.tool-teaser,.footer-nav>div {min-width:0}
@media(min-width:741px){
 .mainnav {height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;row-gap:12px}
 .mainnav nav {flex:1 1 500px;flex-wrap:wrap;gap:12px 20px}
 .mainnav>.nav-button {margin-inline-start:auto}
}
html[dir=rtl] .stat {padding-left:0;padding-inline-start:25px;border-left:0;border-inline-start:1px solid var(--line)}
html[dir=rtl] .stat:first-child {padding-inline-start:0;border-inline-start:0}
html[dir=rtl] .mistake {border-left:0;border-inline-start:3px solid var(--orange);padding-left:0;padding-inline-start:22px}
html[dir=rtl] .path-module ol {padding-left:22px;padding-inline-start:50px}
html[dir=rtl] .eyebrow,html[dir=rtl] .small-label,html[dir=rtl] .path-meta {letter-spacing:normal}
@media(max-width:740px){html[dir=rtl] .stat:nth-child(3){padding-inline-start:0;border-inline-start:0}}

/* Numeric runs retain their logical reading/copy order inside RTL prose. */
.numeric-run {direction:ltr;unicode-bidi:isolate}

/* Introduction navigation spacing */
@media(min-width:1101px){.mainnav{gap:20px}.mainnav nav{gap:16px}}