/* Shared localization additions. English layout and original CSS stay intact. */
@font-face{font-family:EggHindi;unicode-range:U+0900-097F,U+1CD0-1CFF,U+A8E0-A8FF;src:url('/static-i18n/assets/fonts/NotoSansDevanagari.woff2');font-display:swap}
@font-face{font-family:EggJapanese;unicode-range:U+3000-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF,U+20000-2FA1F;src:url('/static-i18n/assets/fonts/NotoSansJP.woff2');font-display:swap}
@font-face{font-family:EggKorean;unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF,U+3000-303F,U+3400-9FFF,U+FF00-FFEF;src:url('/static-i18n/assets/fonts/NotoSansKR.woff2');font-display:swap}
@font-face{font-family:EggSans;src:url('/static-i18n/assets/fonts/NotoSans.woff2');font-display:swap}
.i18n-switch{position:fixed;bottom:14px;right:14px;margin:0;flex:0 0 auto;font:13px/1.7 sans-serif;color:#f5f6fb;z-index:999}
.i18n-switch summary{cursor:pointer;padding:6px 12px;border:1px solid #555b75;border-radius:18px;list-style:none;white-space:nowrap;background:#101329}
.i18n-switch summary::after{content:' ▾'}
.i18n-options{position:absolute;bottom:100%;right:0;padding:10px;width:240px;max-width:calc(100vw - 28px);max-height:65vh;overflow:auto;border:1px solid #555b75;border-radius:10px;background:#101329;box-shadow:0 12px 40px #0008}
.i18n-options a{display:block;padding:6px 10px;color:#f5f6fb;text-decoration:none}
.i18n-options a:hover{background:#292e49}
.i18n-options a[lang=hi]{font-family:EggHindi,sans-serif}
.i18n-options a[lang=ja]{font-family:EggJapanese,sans-serif}
.i18n-options a[lang=ko]{font-family:EggKorean,sans-serif}
.i18n-switch a:focus-visible,.i18n-switch summary:focus-visible{outline:2px solid #ff805d;outline-offset:2px}
html[lang=hi] body{font-family:'General Sans','Inter',EggHindi,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[lang=ja] body{font-family:'General Sans','Inter',EggJapanese,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html[lang=ko] body{font-family:'General Sans','Inter',EggKorean,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
/* Keep existing text boxes inside the mobile viewport without changing markup. */
@media(max-width:480px){
  html[lang]:not([lang=en]) .ln-hero-copy{min-width:0}
  html[lang]:not([lang=en]) .ln-word{font-size:clamp(56px,18.5vw,76px);overflow-wrap:anywhere}
  html[lang]:not([lang=en]) .rm-here{left:0;transform:none;max-width:calc(100vw - 40px);white-space:normal}
}
/* A translated waiting/error label must not widen the original mobile grid. */
@media(max-width:900px){
  html[lang]:not([lang=en]) .hn-hero-grid{grid-template-columns:minmax(0,1fr)}
  html[lang]:not([lang=en]) .hn-hero-grid>*{min-width:0}
  html[lang]:not([lang=en]) .hn-odo-wait{white-space:normal;overflow-wrap:anywhere;max-width:100%;line-height:1.1}
}
/* Retain the original vertical bounce while keeping its mobile label visible. */
@media(max-width:480px) and (prefers-reduced-motion:no-preference){html[lang]:not([lang=en]) .rm-here{translate:50% 0}}
/* Locale controls retain the English type sizes and grow to fit their labels. */
html[lang]:not([lang=en]) .hn-kicker .px{white-space:nowrap;flex-shrink:0}
html[lang]:not([lang=en]) .hn-live-dot{flex-shrink:0}
html[lang]:not([lang=en]) .feed-btn{width:auto;min-width:max-content;padding-inline:20px;white-space:nowrap}
html[lang]:not([lang=en]) .hn-btn{width:auto;max-width:100%;padding:12px 24px;height:auto}
html[lang]:not([lang=en]) .hn-btn span{white-space:nowrap}
html[lang]:not([lang=en]) .hn-btn i{flex-shrink:0}
html[lang]:not([lang=en]) .lc-meta{flex-wrap:wrap;gap:8px}
html[lang]:not([lang=en]) .lc-pill{white-space:normal;max-width:100%;height:auto}
html[lang]:not([lang=en]) .lc-body{min-width:0}
html[lang]:not([lang=en]) .fm-p .tx,html[lang]:not([lang=en]) .fm-g li a span{min-width:0;overflow-wrap:anywhere}
html[lang]:not([lang=en]) .fm-p small{white-space:normal}
html:is([lang=de],[lang=hi],[lang=fil]) .hn-btn,html:is([lang=de],[lang=hi],[lang=fil]) .feed-btn{letter-spacing:-.025em}
@media(max-width:480px){html[lang]:not([lang=en]) .hn-btn{padding-inline:18px}html:is([lang=de],[lang=hi],[lang=fil]) .hn-btn{font-size:15px}}
/* Addresses and long translated words must wrap inside lesson and article tiles. */
html[lang]:not([lang=en]) main :is(p,li,code,blockquote,h1,h2,h3,h4){overflow-wrap:anywhere}
html[lang]:not([lang=en]) .lg-guide,html[lang]:not([lang=en]) .lg-section{min-width:0;max-width:100%}
/* Identical disclosure placement and styling in every edition, including English. */
.race-disclosure{box-sizing:border-box;max-width:1100px;margin:18px auto;padding:14px 18px;border:1px solid #555b75;border-radius:12px;background:#14172b;color:#e4e6ee;font:14px/1.65 sans-serif;overflow-wrap:anywhere}
.locale-risk{box-sizing:border-box;max-width:1100px;margin:16px auto;padding:0 18px;color:inherit;font:13px/1.65 sans-serif;overflow-wrap:anywhere}
html[lang]:not([lang=en]) .hn-odo:has(.hn-odo-wait){height:auto;min-height:1.08em;white-space:normal;align-items:center}
html[lang]:not([lang=en]) .hn-odo-wait{font-size:clamp(18px,3vw,24px);line-height:1.4;white-space:normal;overflow-wrap:anywhere}
/* Let a lesson task's flex child shrink and wrap a full contract address. */
html[lang]:not([lang=en]) .lg-try>span{min-width:0;overflow-wrap:anywhere}
html[lang]:not([lang=en]) .lg-try em{overflow-wrap:anywhere}