/* mobile-header-v106.css */
/* Mobile navigation: visually transparent at the top, solid after scrolling. */
@media (max-width:760px){
  html[data-nav-style] .site-header{
    transition:background-color .34s ease,border-color .34s ease,box-shadow .34s ease,-webkit-backdrop-filter .34s ease,backdrop-filter .34s ease;
  }

  html[data-nav-style] body:not(.body-lock) .site-header:not(.scrolled){
    background:transparent!important;
    border-color:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  html[data-nav-style] body .site-header.scrolled,
  html[data-nav-style] body.body-lock .site-header{
    background:rgba(255,255,255,.97)!important;
    border-color:rgba(211,216,221,.92)!important;
    box-shadow:0 10px 30px rgba(7,28,53,.10)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
    backdrop-filter:blur(16px) saturate(1.15)!important;
  }

  /* Once the homepage moves, restore its current full-width fixed white bar. */
  html[data-nav-style] body[data-home-concept] .site-header.scrolled{
    position:fixed!important;
    inset:0 0 auto!important;
    width:100%!important;
    height:72px!important;
    margin:0!important;
    border-radius:0!important;
  }

  html[data-nav-style] body.body-lock .site-header .nav-toggle{
    color:#0a1a39;
  }
}

@media (max-width:760px) and (prefers-reduced-motion:reduce){
  html[data-nav-style] .site-header{transition:none!important}
}

/* localization.css */
/* Twenty-six native language choices stay usable on desktop and small screens. */
.site-header .language-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(620px,calc(100vw - 48px));max-height:calc(100svh - 160px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:12px}
.site-header .language-choices a{min-height:48px;gap:8px;white-space:normal;line-height:1.5;overflow-wrap:anywhere}
.mobile-language-options{max-height:50svh;overflow-y:auto;overscroll-behavior:contain}
.language-choices a[lang],.mobile-language-options a[lang]{unicode-bidi:isolate;text-align:start}
html[data-locale] .language-links{display:flex;flex-wrap:wrap;gap:10px 18px}
.language-tabs{flex-wrap:wrap}
html[data-locale] .cms-article-body{overflow-wrap:anywhere}
html[data-locale] .cms-article-body ul,html[data-locale] .cms-article-body ol{padding-inline-start:1.4em}
html[dir="rtl"]{font-family:Tahoma,Arial,sans-serif}
html[dir="rtl"] body,html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] textarea,html[dir="rtl"] select{font-family:Tahoma,Arial,sans-serif;letter-spacing:normal}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] p,html[dir="rtl"] a,html[dir="rtl"] small{letter-spacing:normal;word-break:normal}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{line-height:1.45}
html[dir="rtl"] p{line-height:1.95}
html[dir="rtl"] .nav-utility{margin-left:0;margin-inline-start:6px}
html[dir="rtl"] .site-header .language-choices{right:auto;left:0}
html[dir="rtl"] .sitemap-popup{left:auto;right:0;text-align:right}
html[dir="rtl"] .hero-left,html[dir="rtl"] .manu-copy,html[dir="rtl"] .sf-hero-copy,html[dir="rtl"] .mp-hero-copy,html[dir="rtl"] .contact-form,html[dir="rtl"] .footer-col{text-align:start}
html[dir="rtl"] .hero-scroll{left:auto;right:clamp(25px,4vw,80px)}
html[dir="rtl"] .hero-overlay-label{writing-mode:horizontal-tb;transform:none;max-width:85%;height:auto;right:20px;left:auto;bottom:20px;text-align:right;white-space:normal}
html[dir="rtl"] .ui-arrow,html[dir="rtl"] .news-go>svg,html[dir="rtl"] .btn-link>svg,html[dir="rtl"] .sitemap-home~li::before{transform:scaleX(-1)}
html[dir="rtl"] .site-logo,html[dir="rtl"] .brand-logo,html[dir="rtl"] .sf-inci-box,html[dir="rtl"] .sf-inci-code,html[dir="rtl"] [data-inci-copy],html[dir="rtl"] .news-date,html[dir="rtl"] .date,html[dir="rtl"] .metric-num,html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="tel"]{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .r15-product-rail{direction:ltr}
html[dir="rtl"] .r15-product-card{direction:rtl}
/* Keep the approved 80+, 350+, 500+ visual sequence in every language. */
html[data-locale] .metric-grid{direction:ltr}
html[dir="rtl"] .metric-grid>.metric{direction:rtl}
html[dir="rtl"] .article-byline,html[dir="rtl"] .sf-facts,html[dir="rtl"] .source{unicode-bidi:plaintext}
html[lang="th"] body{font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif;line-height:1.85}
html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{letter-spacing:0;line-height:1.5;word-break:normal}
html[lang="th"] .hero h1,html[lang="th"] .inner-hero h1{font-size:clamp(32px,4.8vw,72px)}
html[lang="ja"] body{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.85}
html[lang="ja"] h1,html[lang="ja"] h2,html[lang="ja"] h3{line-height:1.5;line-break:strict;word-break:normal;letter-spacing:.01em}
html[lang="zh-Hans"] body{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif}
@media(max-width:760px){html[dir="rtl"] .hero-left{padding-inline:25px}html[dir="rtl"] .hero-scroll{right:25px}html[lang="th"] .hero h1,html[lang="ja"] .hero h1{font-size:clamp(30px,8.2vw,48px)}html[data-locale] .mobile-language{min-width:0;flex:1}html[data-locale] .mobile-language-options a{padding-block:12px}}

/* Every language inherits the same logo, type scale and spacing as the original editions. */
.site-header .nav-links>a{flex-shrink:0}
html[data-nav-compact="true"] .site-header .nav-links,
html[data-nav-compact="true"] .site-header .nav-utility{display:none!important}
html[data-nav-compact="true"] .site-header .nav-toggle{display:block!important;margin-inline-start:auto}
html[data-nav-compact="true"] .site-header .nav-signature{display:none!important}
html[data-nav-compact="true"] .site-header .nav-mega-panel{display:none!important}
html[data-locale="ko"] body{font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all;overflow-wrap:anywhere}
html[data-locale="ko"] h1,html[data-locale="ko"] h2,html[data-locale="ko"] h3{line-height:1.45;letter-spacing:-.02em}
html[dir="rtl"] .footer-col a[href^="mailto:"],html[dir="rtl"] .footer-col a[href^="tel:"]{direction:ltr;unicode-bidi:isolate;text-align:right}
html[dir="rtl"] #mobileMenu .mobile-nav-sub,html[dir="rtl"] #mobileMenu .mobile-nav-subdepth{border-left:0;border-right:1px solid #637080;margin-left:0;margin-right:2px;padding-left:0;padding-right:18px}
/* Six footer columns on wide screens; readable groups on laptops and phones. */
html[data-locale] .footer-grid{grid-template-columns:1.15fr 1fr 1.05fr 1.35fr .8fr 1.15fr;gap:clamp(20px,2vw,34px);align-items:start}
html[data-locale] .footer-grid>*{min-width:0}
html[data-locale] .footer-identity{grid-column:auto}
html[data-locale] .footer-col{overflow-wrap:anywhere}
html[data-locale] .footer-col strong{line-height:1.6}
html[data-locale] .footer-col strong>a{font:inherit;color:inherit;padding:0}
html[data-locale] .footer-col strong>a:hover{text-decoration:underline;text-underline-offset:4px}
html[data-locale] .footer-grid .footer-col:last-child{grid-column:auto}
html[data-locale] .footer-innovation a{line-height:1.7}
@media(max-width:1400px){html[data-locale] .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px}}
@media(max-width:760px){html[data-locale] .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px}html[data-locale] .footer-identity{grid-column:1/-1}html[data-locale] .footer-grid .footer-col:last-child{grid-column:1/-1}}
@media(max-width:380px){html[data-locale] .footer-grid{grid-template-columns:minmax(0,1fr)}}

/* Language selection stays compact, including the collapsed desktop menu. */
#mobileMenu .mobile-language-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;max-height:55svh}
#mobileMenu .mobile-language-options>a{min-width:0;font-size:14px;overflow-wrap:anywhere;align-items:center}
@media(max-width:480px){#mobileMenu .mobile-language-options>a{font-size:13px;padding:10px 6px}}

/* Unicode shaping and comfortable line spacing for Bengali and Burmese. */
html[lang="bn"] body{font-family:"Noto Sans Bengali","Kohinoor Bangla","Nirmala UI",sans-serif;line-height:1.9}
html[lang="my"] body{font-family:"Noto Sans Myanmar","Myanmar Text","Myanmar MN",sans-serif;line-height:2}
html[lang="bn"] :is(h1,h2,h3,p,a,small,button,input,textarea,select),html[lang="my"] :is(h1,h2,h3,p,a,small,button,input,textarea,select){letter-spacing:normal;word-break:normal}
html[lang="bn"] :is(h1,h2,h3),html[lang="my"] :is(h1,h2,h3){line-height:1.65}
html[lang="bn"] :is(button,input,textarea,select),html[lang="my"] :is(button,input,textarea,select){font-family:inherit}
.language-choices a[lang="bn"],.mobile-language-options a[lang="bn"]{font-family:"Noto Sans Bengali","Kohinoor Bangla","Nirmala UI",sans-serif;line-height:1.8}
.language-choices a[lang="my"],.mobile-language-options a[lang="my"]{font-family:"Noto Sans Myanmar","Myanmar Text","Myanmar MN",sans-serif;line-height:1.9}
html:is([lang="bn"],[lang="my"]) .hero h1,html:is([lang="bn"],[lang="my"]) .inner-hero h1{font-size:clamp(32px,4.8vw,72px)}
html:is([lang="fi"],[lang="lv"],[lang="lt"]) :is(h1,h2,h3){hyphens:auto;overflow-wrap:break-word}
@media(max-width:760px){html:is([lang="bn"],[lang="my"]) .hero h1,html:is([lang="bn"],[lang="my"]) .inner-hero h1{font-size:clamp(28px,8vw,44px)}}