/* Headroom is shared by the legacy hero, home header, and news masthead. */
#headroom.headroom{will-change:transform;transition:transform 300ms ease}
#headroom.headroom--pinned{transform:translateY(0)}
#headroom.headroom--unpinned{transform:translateY(-100%)}
@media(prefers-reduced-motion:reduce){#headroom.headroom{transition:none}}

/* Imported biographies may contain inline white-space/text-wrap-mode: nowrap.
   Keep the complete text inside the profile column, including long links. */
.team-detail-content{min-width:0;overflow-wrap:anywhere}
.team-detail-content,.team-detail-content *{white-space:normal!important}
.team-detail-content pre,.team-detail-content pre *{white-space:pre-wrap!important}

/* Responsive layout for the shared footer on both legacy and news pages. */
#sticky-aside .box:has(.side-list, .menu-list):not(:has(a)) { display: none; }
#sticky-aside .box[hidden] { display: none; }
.team-detail-content .reader-spacer { display: none !important; }
.footer-content{height:auto;background:#414757;color:#fff;padding-bottom:26px}
.footer-content .foot-main{display:grid;grid-template-columns:minmax(200px,1.5fr) minmax(150px,1fr) minmax(120px,1fr) 150px 50px;gap:28px;width:calc(100% - 64px);max-width:1160px;height:auto;margin:0 auto;padding:44px 0 32px}
.footer-content .foot-main>div{float:none;width:auto;margin:0;min-width:0}
.footer-content .foot-class1 img{display:block;width:100%;max-width:260px;height:auto}
.footer-content .foot-class1-content,.footer-content .foot-class2-content{line-height:1.8}
.footer-content .class2-title,.footer-content .foot-class4-title{margin-bottom:14px}
.footer-content .foot-class-menu ul li{line-height:1.8;margin:6px 0;font-size:14px}
.footer-content .foot-class-menu a:hover,.footer-content .foot-class6 a:hover{color:#e8c894}
.footer-content .foot-class6{width:calc(100% - 64px);max-width:1160px;margin:0 auto;padding-top:20px;border-top:1px solid #737987;font-size:13px;line-height:1.9;overflow-wrap:anywhere}
.footer-content .foot-class6-content a{width:auto;font-size:13px}
.footer-content .weixin{position:relative}
@media(max-width:1023px){.footer-content .foot-main{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-content .foot-class1{grid-column:1/-1}.footer-content .foot-class1 img{margin:0 auto}.footer-content .foot-class5{display:none}}
@media(max-width:768px){.footer-content .foot-main{width:calc(100% - 36px);grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding:32px 0}.footer-content .foot-class4{grid-column:1/-1}.footer-content .foot-class6{width:calc(100% - 36px);margin:0 auto;text-align:left}.footer-content .foot-class1 img{max-width:240px}}

@media(min-width:1024px) and (max-width:1215px){body #headroom.navbar .navbar-end>.navbar-item,body #headroom.navbar .navbar-link{font-size:13px;padding-inline:6px}#headroom .navbar-brand .navbar-item img{max-width:185px}}

/* A separate navigation row followed by the original, uncropped banner artwork. */
.home-page{--home-nav-height:76px}
.home-page .home-header{height:var(--home-nav-height)}
.home-page #headroom.navbar{height:var(--home-nav-height);min-height:var(--home-nav-height);background:#172b4d;box-shadow:none}
.home-page #headroom>.container,.home-page #headroom .navbar-brand{min-height:var(--home-nav-height)}
.home-page #headroom .navbar-brand{align-items:center}
.home-page #headroom .navbar-brand .logo-white{display:block}
.home-page #headroom .navbar-brand .logo-normal{display:none}
.home-page #headroom .navbar-burger{color:#fff}
.home-page #headroom .navbar-dropdown .navbar-item{color:#172b4d}
@media(min-width:1024px){.home-page #headroom .navbar-end>.navbar-item,.home-page #headroom .navbar-end>.navbar-item>.navbar-link{color:#fff}.home-page #headroom .navbar-end>.navbar-item:hover,.home-page #headroom .navbar-end>.navbar-item>.navbar-link:hover{color:#e8c894}}
.home-page .mySwiper1{position:relative;width:100%;height:auto;min-height:31.25vw;overflow:hidden;background:#07172b}
.home-page .mySwiper1 .swiper-wrapper{align-items:flex-start}
.home-page .mySwiper1 .swiper-slide{height:auto}
.home-page .mySwiper1 picture{display:block;width:100%;height:auto}
.home-page .mySwiper1 img{display:block;width:100%;height:auto;max-height:none;background:transparent}
.home-page .home-banner-pagination{position:absolute;left:0;right:0;bottom:12px;z-index:2;display:flex;justify-content:center}
.home-page .home-banner-pagination .swiper-pagination-bullet{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;background:transparent;opacity:1}
.home-page .home-banner-pagination .swiper-pagination-bullet::before{content:'';width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:rgba(255,255,255,.25);box-shadow:0 0 3px rgba(0,0,0,.6)}
.home-page .home-banner-pagination .swiper-pagination-bullet-active::before{background:#fff}
.home-page .home-banner-pagination .swiper-pagination-bullet:focus-visible{outline:2px solid #fff;outline-offset:1px}
@media(max-width:1023px){.home-page{--home-nav-height:64px}.home-page #headroom>.container{position:static}.home-page #headroom .navbar-menu{position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 18px;background:#fff;max-height:calc(100vh - 64px);overflow-y:auto}.home-page #headroom .navbar-menu .navbar-item,.home-page #headroom .navbar-menu .navbar-link{color:#172b4d}}
@media(max-width:768px){.home-page .home-banner-pagination{bottom:5px}}

/* English navigation needs more room than the original Chinese labels. */
@media(min-width:1024px) and (max-width:1279px){
 html[lang=en] #headroom.navbar>.container{display:block;position:relative;width:100%;max-width:none}
 html[lang=en] #headroom.navbar .navbar-brand{display:flex;width:100%;align-items:center}
 html[lang=en] #headroom.navbar .navbar-burger{display:block;margin-left:auto;flex-shrink:0}
 html[lang=en] #headroom.navbar .navbar-menu{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 22px;background:#fff;max-height:calc(100vh - 76px);overflow-y:auto;box-shadow:0 6px 12px #0002}
 html[lang=en] #headroom.navbar .navbar-menu.is-active{display:block}
 html[lang=en] #headroom.navbar .navbar-end{display:block;margin:0}
 html[lang=en] #headroom.navbar .navbar-menu .navbar-item,html[lang=en] #headroom.navbar .navbar-menu .navbar-link{display:block;color:#172b4d;font-size:15px;padding:9px 12px;white-space:normal}
 html[lang=en] #headroom.navbar .navbar-dropdown{display:block;position:static;border:0;box-shadow:none;padding:0 0 4px 18px;min-width:0;opacity:1;visibility:visible;transform:none;pointer-events:auto}
 html[lang=en] #headroom.navbar .navbar-dropdown .navbar-item{font-size:14px}
 html[lang=en] .info-page #headroom.navbar .navbar-burger{color:#fff}
 html[lang=en] .info-page--news #headroom.navbar .navbar-burger{color:#172b4d}
}