/* One logical-property stylesheet for every language. Never target the admin body. */
.mllng-panel { max-inline-size: 75rem; }
.mllng-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: 1.25rem; }
.mllng-field { min-inline-size: 0; }
.mllng-field label { display: block; margin-block-end: .5rem; font-weight: 600; }
.mllng-field textarea { box-sizing: border-box; inline-size: 100%; max-inline-size: 100%; min-block-size: 12rem; padding-block: .75rem; padding-inline: .75rem; text-align: start; unicode-bidi: isolate; font: inherit; line-height: 1.7; resize: vertical; }
.mllng-field textarea[readonly] { background: #f6f7f7; }
.mllng-content-preview { white-space: pre-wrap; overflow-wrap: anywhere; text-align: start; unicode-bidi: isolate; font: inherit; line-height: 1.7; border-inline-start: .2rem solid #8c8f94; padding-inline: 1rem; padding-block: .5rem; }
.mllng-machine { unicode-bidi: isolate; white-space: nowrap; }
.mllng-switcher { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1rem; padding-inline: 1rem; }
.mllng-switcher a { display: inline-flex; align-items: center; min-block-size: 44px; padding-block: .4rem; padding-inline: .6rem; text-decoration: underline; text-underline-offset: .2em; overflow-wrap: anywhere; }
.mllng-switcher a[aria-current="page"] { font-weight: 700; }
.mllng-panel :where(a,button,input,select,textarea):focus-visible, .mllng-switcher a:focus-visible { outline: 2px solid #2271b1; outline-offset: 3px; }
.mllng-icon { display: inline-block; }
/* Only semantic inline-progress arrows opt in. Carets, logos and external-link icons do not. */
.mllng-icon--inline:dir(rtl) { transform: scaleX(-1); }
.mllng-controls { display: flex; gap: .75rem; flex-wrap: wrap; margin-block: 1rem; }