/* Document direction follows the locale. Machine values keep their own order. */
html {
  text-align: start;
}

[data-language],
[data-current-language],
.mb-product-symbol {
  unicode-bidi: isolate;
}

.brand,
.brand-link,
.mb-brand-mark,
.eyebrow,
.bench-heading > span,
.badges {
  unicode-bidi: isolate;
}

.brand,
.brand-link,
.mb-brand-mark {
  direction: ltr;
}

input[type='url'],
input[type='email'],
input[type='tel'],
input[type='password'],
input[type='number'],
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[inputmode='numeric'],
input[inputmode='decimal'],
#generated-password,
#password-analysis-input,
#hash-result,
#hash-expected,
#number-base-input,
#number-base-result,
#ip,
#hostname,
#clock,
#percentage,
.example-values pre,
.site-dev #input,
.site-dev #output {
  direction: ltr;
  text-align: start;
  unicode-bidi: isolate;
}

pre,
code,
kbd,
samp {
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}

html[dir='rtl'] .skip-link,
html[dir='rtl'] .skip {
  text-align: start;
}

pre[dir='auto'] {
  direction: inherit;
  text-align: start;
  unicode-bidi: plaintext;
}