/* Shared navigation for the isolated 8905 content pages. */
:root{--global-header-height:clamp(76px,4.394vw,90px);--global-campaign-height:42px}
.global-campaign-bar{position:sticky;top:var(--global-header-height);z-index:100;display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,28px);height:var(--global-campaign-height);padding:0 18px;box-sizing:border-box;background:#173a79;border-bottom:1px solid #0f2a5b;color:#fff;text-align:center;text-decoration:none;font:700 12px/1.35 'DM Sans',Arial,sans-serif;letter-spacing:.005em}
a.global-campaign-bar:hover,a.global-campaign-bar:focus-visible{background:#214789;text-decoration:none}
a.global-campaign-bar:focus-visible{outline:3px solid #a994ff;outline-offset:-3px}
.global-campaign-badge{display:inline-flex;align-items:center;gap:7px;flex:none;padding:3px 9px;border:1px solid #7895ca;border-radius:999px;color:#f0f4ff;font-size:10px;line-height:1.4;white-space:nowrap}
.global-campaign-badge::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:#b19aff}
.global-campaign-message{color:#fff;font-size:12px}
.global-campaign-cta{display:inline-flex;align-items:center;gap:4px;flex:none;border-bottom:1px solid #c5b7ff;color:#f1eaff;white-space:nowrap}
.global-campaign-bar:hover .global-campaign-cta,.global-campaign-bar:focus-visible .global-campaign-cta{border-bottom-color:#fff;color:#fff}
.global-campaign-bar--current{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}
.global-campaign-return{justify-self:start;border-bottom:1px solid #c5b7ff;color:#f1eaff;text-decoration:none;white-space:nowrap}
.global-campaign-return:hover,.global-campaign-return:focus-visible{border-bottom-color:#fff;color:#fff}
.global-campaign-return:focus-visible{outline:2px solid #a994ff;outline-offset:4px}
.global-campaign-current{font-size:12px;white-space:nowrap}
.global-campaign-release{justify-self:end;color:#e4eaff;font-size:11px;white-space:nowrap}
html:has(.global-campaign-bar){scroll-padding-top:calc(var(--global-header-height) + var(--global-campaign-height) + 24px)!important}
body>.unified-header{position:sticky!important;top:0!important;z-index:110!important;box-sizing:border-box!important;min-height:var(--global-header-height)!important;height:var(--global-header-height)!important;background:#fff!important;border-bottom:1px solid #dce4ee!important;backdrop-filter:none!important}
body>.unified-header .header-inner{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:initial!important;gap:clamp(25px,1.5vw,31px)!important;width:100%!important;max-width:none!important;min-height:var(--global-header-height)!important;height:var(--global-header-height)!important;margin:0 auto!important;padding:0 clamp(36px,5.6vw,115px) 0 clamp(36px,5.2vw,106px)!important}
body>.unified-header .unified-brand{order:1!important;display:inline-flex!important;align-items:center!important;gap:10px!important;flex:none!important;min-height:44px!important;margin:0!important;color:#11203b!important;font:800 clamp(19px,1.075vw,22px)/1 'DM Sans',Arial,sans-serif!important;letter-spacing:.06em!important;text-decoration:none!important;white-space:nowrap!important}
body>.unified-header .unified-brand img{width:clamp(35px,1.95vw,40px)!important;height:clamp(35px,1.95vw,40px)!important;object-fit:contain!important}
body>.unified-header .unified-nav{order:2!important;display:flex!important;position:static!important;flex:none!important;flex-direction:row!important;align-items:center!important;gap:clamp(28px,1.83vw,37.5px)!important;min-width:0!important;width:auto!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
body>.unified-header .unified-nav>a{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0!important;color:#43506a!important;font:700 clamp(13px,.83vw,17px)/1.35 'DM Sans',Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;white-space:nowrap!important}
body>.unified-header .unified-brand-dot{color:#3155ed!important}
body>.unified-header .unified-nav>a:hover,body>.unified-header .unified-nav>a[aria-current]{color:#3155ed!important}
body>.unified-header .unified-nav>a[aria-current]::after{bottom:-6px!important;background:#3155ed!important}
body>.unified-header .unified-nav>a.nav-contact{display:none!important}
body>.unified-header .unified-language-links{order:3!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;flex:0 0 clamp(223px,13.87vw,284px)!important;box-sizing:border-box!important;width:clamp(223px,13.87vw,284px)!important;margin:0!important;padding:3px!important;border:1px solid #c3cee0!important;border-radius:25px!important;background:#fff!important;font:700 clamp(11px,.685vw,14px)/1 'DM Sans',Arial,sans-serif!important}
body>.unified-header .unified-language-links a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:clamp(30px,1.61vw,33px)!important;padding:0 clamp(8px,.49vw,10px)!important;border-radius:20px!important;color:#415575!important;font:700 clamp(11px,.685vw,14px)/1 'DM Sans',Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap!important}
body>.unified-header .unified-language-links a[aria-current],body>.unified-header .unified-language-links a:hover{background:#e8edff!important;color:#2142b1!important}
body>.unified-header .unified-language-picker{display:none!important;position:relative!important;order:3!important;flex:none!important;margin-left:auto!important;color:#415575!important;font:700 11px/1 'DM Sans',Arial,sans-serif!important}
body>.unified-header .unified-language-picker summary{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:54px!important;min-height:44px!important;padding:0 9px!important;border:1px solid #c3cee0!important;border-radius:7px!important;background:#fff!important;list-style:none!important;cursor:pointer!important}
body>.unified-header .unified-language-picker summary::-webkit-details-marker{display:none}
body>.unified-header .unified-language-picker[open] summary span{transform:rotate(180deg)}
body>.unified-header .unified-language-picker nav{position:absolute!important;top:49px!important;right:0!important;z-index:120!important;display:grid!important;min-width:174px!important;padding:6px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;background:#fff!important;box-shadow:0 12px 24px #20304a20!important}
body>.unified-header .unified-language-picker nav a{display:block!important;min-height:42px!important;padding:12px!important;border-radius:4px!important;color:#415575!important;font:700 12px/1.4 'DM Sans',Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap!important}
body>.unified-header .unified-language-picker nav a[aria-current],body>.unified-header .unified-language-picker nav a:hover{background:#e8edff!important;color:#2142b1!important}
body>.unified-header .unified-menu-button{display:none!important;order:4!important}
body.home-top-refined .feature-toc{position:sticky!important;top:calc(var(--global-header-height) + var(--global-campaign-height))!important;z-index:90!important;box-shadow:0 5px 16px #17345a12!important}
html:has(body.home-top-refined){scroll-padding-top:calc(var(--global-header-height) + var(--global-campaign-height) + 57px)!important}
body.story-page .story-side{top:calc(var(--global-header-height) + var(--global-campaign-height));height:calc(100vh - var(--global-header-height) - var(--global-campaign-height))}

@media(max-width:1240px){
  :root{--global-header-height:71px}
  body>.unified-header{height:auto!important;min-height:70px!important}
  body>.unified-header .header-inner{height:auto!important;min-height:70px!important;flex-wrap:wrap!important;gap:0 12px!important;padding:0 20px!important}
  body>.unified-header .unified-brand{font-size:18px!important;margin-right:auto!important}
  body>.unified-header .unified-brand img{width:30px!important;height:30px!important}
  body>.unified-header .unified-nav{order:5!important;display:none!important;position:static!important;flex:0 0 100%!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;margin:0!important;padding:6px 0 14px!important;border-top:1px solid #dce4ee!important}
  body>.unified-header .unified-nav.open{display:flex!important}
  body>.unified-header .unified-nav>a{min-height:44px!important;padding:10px 4px!important;font-size:14px!important}
  body>.unified-header .unified-language-links{display:none!important}
  body>.unified-header .unified-language-picker{display:block!important}
  body>.unified-header .unified-menu-button{display:flex!important;flex-direction:column!important;justify-content:space-around!important;flex:none!important;width:44px!important;height:44px!important;margin:0!important;padding:10px!important;border:1px solid #c3cee0!important;border-radius:7px!important;background:#fff!important;cursor:pointer!important}
  body>.unified-header .unified-menu-button span{display:block!important;width:100%!important;height:2px!important;margin:0!important;background:#203c75!important}
  body.home-top-refined .feature-toc-mobile{position:sticky!important;top:calc(var(--global-header-height) + var(--global-campaign-height))!important;z-index:90!important;box-shadow:0 5px 16px #17345a12!important}
  body.home-top-refined:has(.unified-header .open) .feature-toc-mobile{position:relative!important;top:auto!important}
  html:has(body.home-top-refined){scroll-padding-top:calc(var(--global-header-height) + var(--global-campaign-height) + 57px)!important}
  body.story-page .mobile-index{top:calc(var(--global-header-height) + var(--global-campaign-height))!important}
}
@media(max-width:820px){
  :root{--global-campaign-height:66px}
  .global-campaign-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:21px auto;align-content:center;gap:2px 10px;padding:5px 14px;text-align:left}
  .global-campaign-badge{grid-column:1;grid-row:1;justify-self:start}
  .global-campaign-message{grid-column:1/-1;grid-row:2;font-size:11px;line-height:1.35}
  .global-campaign-cta{grid-column:2;grid-row:1;font-size:11px}
  .global-campaign-bar--current{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:21px auto}
  .global-campaign-return{grid-column:1;grid-row:1;font-size:11px}
  .global-campaign-release{grid-column:2;grid-row:1;font-size:10px}
  .global-campaign-current{grid-column:1/-1;grid-row:2;justify-self:center;font-size:12px}
}
@media(max-width:600px){body>.unified-header .header-inner{padding:0 16px!important}body>.unified-header .unified-brand{font-size:17px!important}}
@media(max-width:360px){:root{--global-campaign-height:72px}body>.unified-header .header-inner{column-gap:10px!important}body>.unified-header .unified-brand{font-size:16px!important}body>.unified-header .unified-brand img{width:28px!important;height:28px!important}}

/* EN/ID have no coming-soon bar after the B homepage promotion. */
html[lang="en"],html[lang="id"]{--global-campaign-height:0px}