/* Mercatoria: type and direction for the translated editions. Loaded after main.css and the platform style sheets. */

/* Arabic: Amiri for display and chart lettering, Readex Pro for text. Arabic letters must never be spaced apart. */
html[lang="ar"] body, html[lang="ar"] body[data-platform] {
  --display: "Amiri", "Noto Naskh Arabic", serif; --chart: "Amiri", serif; --chart-sc: "Amiri", serif;
  --body: "Readex Pro", "Noto Sans Arabic", system-ui, sans-serif;
}
html[lang="ar"] { font-synthesis: none; }
html[lang="ar"] body * { letter-spacing: 0 !important; }
html[lang="ar"] body { line-height: 1.75; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] .statement, html[lang="ar"] .motto { line-height: 1.3; }

/* Chinese: Noto Serif SC for display, Noto Sans SC for text; no synthetic italics */
html[lang="zh-Hans"] body, html[lang="zh-Hans"] body[data-platform] {
  --display: "Noto Serif SC", "Songti SC", serif; --chart: "Noto Serif SC", serif; --chart-sc: "Noto Serif SC", serif;
  --body: "Noto Sans SC", "PingFang SC", system-ui, sans-serif;
}
html[lang="zh-Hans"] { font-synthesis: none; }
html[lang="zh-Hans"] body { line-height: 1.8; }
html[lang="zh-Hans"] h1, html[lang="zh-Hans"] h2, html[lang="zh-Hans"] h3, html[lang="zh-Hans"] .statement, html[lang="zh-Hans"] .motto { line-height: 1.3; letter-spacing: 0; }
html[lang="zh-Hans"] .prose, html[lang="zh-Hans"] .lede { text-align: justify; }

/* Right to left: mirror what carries direction, keep charts, scales and numbers left to right */
html[dir="rtl"] svg, html[dir="rtl"] canvas, html[dir="rtl"] .acc-scale, html[dir="rtl"] .acc-range, html[dir="rtl"] .q-slide, html[dir="rtl"] .q-bar, html[dir="rtl"] .q-scale, html[dir="rtl"] input[type="range"] { direction: ltr; }
html[dir="rtl"] .register.timeline { border-left: 0; border-right: 1px solid var(--rule-strong); padding-left: 0; padding-right: 22px; }
html[dir="rtl"] .sea .register.timeline, html[dir="rtl"] .sea-deep .register.timeline { border-right-color: color-mix(in srgb, var(--gold-ink) 45%, transparent); }
html[dir="rtl"] .register.timeline li::before { left: auto; right: -26.5px; }
html[dir="rtl"] .layer-detail { border-left: 0; border-right: 2px solid var(--gilt); padding: 6px 20px 6px 0; }
html[dir="rtl"] .legend { right: auto; left: var(--gutter); }
html[dir="rtl"] .plate-toggle { right: auto; left: 12px; }
html[dir="rtl"] .cartouche::before { left: auto; right: -10px; border-left: 1px solid var(--gold-ink); border-right: 0; }
html[dir="rtl"] .cartouche::before { border-left: 0; border-right: 1px solid var(--gold-ink); }
html[dir="rtl"] .cartouche::after { right: auto; left: -10px; border-right: 0; border-left: 1px solid var(--gold-ink); }
html[dir="rtl"] .wax { margin: 0 22px -22px 0; transform: rotate(8deg); }
html[dir="rtl"] .js .wax.is-sealed { transform: rotate(8deg); }
html[dir="rtl"] .letter-seal { justify-items: end; }
html[dir="rtl"] .passage li { padding: 0 0 0 18px; }
html[dir="rtl"] .addr, html[dir="rtl"] .hash-out, html[dir="rtl"] code { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] .skip { left: auto; right: -9999px; }
html[dir="rtl"] .skip:focus { right: 16px; }