/* smn-i18n.css — SPARK WORLD LANGUAGES (2026-10-03). Loaded only on translated pages (/<lang>/…). */
.smn-i18n-notice{max-width:760px;margin:16px auto;padding:12px 16px;border:1px solid rgba(0,0,0,.1);border-radius:12px;background:#f5f5f7;color:#1d1d1f;font-size:14px;line-height:1.55}
.smn-i18n-notice a{color:#0066cc;text-decoration:underline;text-underline-offset:3px}
/* scripts with tall letters (Devanagari, Arabic, Thai…) need a little more room between lines */
html[lang="hi"] body,html[lang="ar"] body{line-height:1.7}
html[lang="hi"] h1,html[lang="hi"] h2,html[lang="hi"] h3,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{line-height:1.35}
/* CJK: no letter-spacing tricks meant for Latin capitals, and break long lines naturally */
html[lang="zh-Hans"] *,html[lang="ja"] *,html[lang="ko"] *{letter-spacing:normal}
html[lang="zh-Hans"] body,html[lang="ja"] body{line-break:strict;word-break:normal;overflow-wrap:anywhere}
html[lang="ko"] body{word-break:keep-all;overflow-wrap:anywhere}
/* German and other long-word languages: let long words wrap instead of overflowing on phones */
html[lang="de"] h1,html[lang="de"] h2,html[lang="de"] h3,html[lang="de"] .navCta,html[lang="de"] button{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
/* Uppercase eyebrows only make sense for Latin, Greek and Cyrillic letters */
html[lang="hi"] *,html[lang="ar"] *,html[lang="he"] *,html[lang="zh-Hans"] *,html[lang="ja"] *,html[lang="ko"] *{text-transform:none!important}
/* RIGHT-TO-LEFT (Arabic, Hebrew): the browser mirrors flow and flex rows from dir="rtl"; these fix the places the site set a side by hand */
[dir="rtl"] body{text-align:right}
[dir="rtl"] [style*="text-align:left"],[dir="rtl"] [style*="text-align: left"]{text-align:right!important}
[dir="rtl"] ul,[dir="rtl"] ol{padding-right:1.4em;padding-left:0}
[dir="rtl"] blockquote{border-left:0;border-right:3px solid #0071e3;padding-left:0;padding-right:14px}
[dir="rtl"] .smn-i18n-notice{text-align:right}
[dir="rtl"] input,[dir="rtl"] textarea{text-align:right}
[dir="rtl"] input[type="email"],[dir="rtl"] input[type="url"],[dir="rtl"] input[type="tel"]{direction:ltr;text-align:right}
/* arrows that point "forward" should point left in RTL */
[dir="rtl"] .arrow,[dir="rtl"] [data-flip="rtl"]{display:inline-block;transform:scaleX(-1)}
/* prices, codes, web addresses and brand names always read left to right inside RTL text */
[dir="rtl"] [data-price],[dir="rtl"] .notranslate,[dir="rtl"] code{unicode-bidi:isolate;direction:ltr}
/* off-screen helpers (skip link) hide to the right in RTL, so they never create sideways scrolling */
[dir="rtl"] .skip-link:not(:focus):not(:focus-within){left:auto!important;right:-9999px!important}
[dir="rtl"] .skip-link:focus{left:auto!important;right:8px!important}