/* i18n.css (I70) - system font stacks per script; no webfonts, no external files. Deploy as /assets/i18n.<sha8>.css */
:root:lang(ar),:root:lang(fa),:root:lang(ur){--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,"Geeza Pro","Noto Sans Arabic","Noto Naskh Arabic",Roboto,Arial,sans-serif}
:root:lang(ja){--font:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,"Segoe UI","Noto Sans JP","Noto Sans CJK JP",sans-serif}
:root:lang(ko){--font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic","Segoe UI","Noto Sans KR","Noto Sans CJK KR",sans-serif}
:root:lang(zh-Hant){--font:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei","Segoe UI","Noto Sans TC","Noto Sans CJK TC",sans-serif}
:root:lang(zh-Hans){--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI","Noto Sans SC","Noto Sans CJK SC",sans-serif}
:root:lang(th){--font:-apple-system,BlinkMacSystemFont,Thonburi,"Leelawadee UI",Leelawadee,"Segoe UI",Tahoma,"Noto Sans Thai",sans-serif}
:root:lang(hi){--font:-apple-system,BlinkMacSystemFont,"Kohinoor Devanagari","Nirmala UI",Mangal,"Segoe UI","Noto Sans Devanagari",sans-serif}
/* generator pages set body{font-family:'Inter',...}: use the script's system stack instead */
:root:is(:lang(ar),:lang(fa),:lang(ur),:lang(ja),:lang(ko),:lang(zh),:lang(th),:lang(hi)) body{font-family:var(--font)}
/* Arabic script needs taller lines in headings */
:lang(ar) :is(h1,h2,h3,h4),:lang(fa) :is(h1,h2,h3,h4),:lang(ur) :is(h1,h2,h3,h4){line-height:1.4}
/* scripts with combining marks: no tracking */
:lang(th),:lang(th)::before,:lang(th)::after,:lang(hi),:lang(hi)::before,:lang(hi)::after{letter-spacing:0!important}
:lang(ko){word-break:keep-all}
:lang(ja),:lang(zh){line-break:strict}
/* 761-1023px: the desktop menu is wider than the bar (translated labels make it worse): compact it, let it
   wrap, and open dropdowns from the menu edge so they stay inside the screen */
@media(min-width:761px) and (max-width:1023px){
.site-header .bar{height:auto;min-height:64px;gap:12px}
#nav{position:relative;flex-wrap:wrap;justify-content:flex-end;row-gap:0}
#nav :is(.navbtn,.toplink){padding:8px 7px;font-size:14px;white-space:nowrap}
#nav :is(.navbtn,.toplink)>svg:not(.chev):first-child{display:none}
#nav .navitem.dropdown{position:static}
}
/* EN tag inside in-page generator links (D5): <span data-ctm-i18n="en-badge">EN</span> */
[data-ctm-i18n=en-badge]{display:inline-block;margin-inline-start:6px;padding:0 4px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#64748b;font:700 10px/14px var(--font,system-ui,sans-serif);letter-spacing:0;text-decoration:none;vertical-align:middle}
:is(.net,.netcard)>[data-ctm-i18n=en-badge]{align-self:center;margin:10px 0 0}
/* logo strip, .cbtn chain buttons: corner tag (no width) */
:is(a:has(>.slogo),.cbtn){position:relative}
:is(a:has(>.slogo),.cbtn)>[data-ctm-i18n=en-badge]{position:absolute;top:-5px;inset-inline-end:-6px;margin:0;padding:0 2px;font-size:8px;line-height:10px}
