/* Shared masthead: homepage and every inner page use identical geometry. */
body .brand img{vertical-align:middle}
@media(min-width:1101px){
 body .site-header{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:center;column-gap:20px;min-height:86px;padding-inline:24px}
 body .brand-row{width:auto;max-width:none;margin:0;height:86px}
 body .brand{width:320px}
 body .header-right{display:none}
 body .desktop-nav{width:auto;max-width:none;margin:0;height:46px;border-top:0;gap:2px;align-items:stretch}
 body .nav-main{display:flex;align-items:center;justify-content:center;height:46px;padding:0 3px;font-size:16px;letter-spacing:0}
}
@media(min-width:1200px){body .site-header{grid-template-columns:360px minmax(0,1fr);column-gap:28px;padding-inline:max(32px,calc((100vw - 1320px)/2))}body .brand{width:360px}}
@media(min-width:1440px){body .site-header{grid-template-columns:380px minmax(0,1fr);column-gap:36px;min-height:88px}body .brand-row{height:88px}body .brand{width:380px}body .nav-main{font-size:17px}}
@media(max-width:1100px){body .brand-row{height:74px}body .brand{width:330px}}
@media(max-width:800px){body .brand-row{height:64px}body .brand{width:286px}}
@media(max-width:520px){body .brand-row{height:62px}body .brand{width:min(280px,calc(100vw - 96px))}}

/* Equal navigation columns and shared logo/navigation centerline. */
@media(min-width:1101px){
 body .site-header{align-items:center}
 body .brand-row{align-items:center}
 body .brand{display:flex;align-items:center}
 body .desktop-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;align-items:center;align-self:center}
 body .nav-group{width:100%;min-width:0}
 body .nav-main{font-weight:600;line-height:1.25;padding-inline:2px;white-space:nowrap;align-items:center;justify-content:center}
}

/* Inner pages use the homepage solid header state over reading content. */
body:not(.home-page) .site-header{background:#18399ef5;color:white}
body:not(.home-page) .site-header .logo-color{display:none}
body:not(.home-page) .site-header .logo-white{display:block}
@media screen{
 body:not(.home-page){--masthead-height:86px}
 body:not(.home-page) .inner-hero{margin-top:var(--masthead-height)}
 body:not(.home-page) .detail-main{padding-top:calc(var(--masthead-height) + 8px)}
}
@media screen and (min-width:1440px){body:not(.home-page){--masthead-height:88px}}
@media screen and (max-width:1100px){body:not(.home-page){--masthead-height:74px}}
@media screen and (max-width:800px){body:not(.home-page){--masthead-height:64px}}
@media screen and (max-width:520px){body:not(.home-page){--masthead-height:62px}}

/* Shared JXAU-inspired typography for all page headers. */
body .desktop-nav,body .mobile-nav{font-family:Arial,"Microsoft YaHei","Helvetica Neue","Hiragino Sans GB",sans-serif}
body .nav-main{font-family:inherit;font-weight:400;font-style:normal;letter-spacing:normal;font-size:clamp(15px,1.146vw,22px);line-height:1.5}
body .subnav a{font-family:inherit;font-size:clamp(14px,.834vw,16px);font-weight:400;letter-spacing:normal;line-height:1.8}
body .mobile-nav summary,body .mobile-nav .mobile-direct{font-family:inherit;font-size:18px;font-weight:400;letter-spacing:normal}
body .mobile-nav details>a{font-family:inherit;font-size:16px;font-weight:400;letter-spacing:normal}