:root{--main-header-height:calc(76px + env(safe-area-inset-top,0px));--guide-height:61px;--menu-clearance:calc(var(--main-header-height) + var(--guide-height) + 16px)}
.site-header{padding-top:calc(10px + env(safe-area-inset-top,0px));min-height:calc(76px + env(safe-area-inset-top,0px))}
.baoli-jump{position:fixed;z-index:49;top:var(--main-header-height);left:0;right:0;margin:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(16px,3vw,40px);padding:8px max(12px,env(safe-area-inset-right,0px)) 8px max(12px,env(safe-area-inset-left,0px));background:#101013;border-bottom:1px solid var(--line);text-transform:none;letter-spacing:.01em;font-size:14px}
.baoli-jump a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;flex:0 0 auto;padding:0 4px;font-size:inherit;letter-spacing:inherit;white-space:nowrap;line-height:1.3}
.baoli-jump a:nth-child(2){display:flex}
.baoli-jump a:focus-visible{outline-offset:-3px}
html{scroll-padding-top:var(--menu-clearance)}
main :is(section[id],h2){scroll-margin-top:0}
.hero-copy{padding-top:max(170px,calc(var(--menu-clearance) + 8px))}
.skip-link{z-index:100}
@media(min-width:821px){.hero-copy{padding-top:calc(var(--menu-clearance) + 8px)}}
@media(max-width:820px){
 :root{--main-header-height:calc(66px + env(safe-area-inset-top,0px));--guide-height:53px}
 .site-header{min-height:calc(66px + env(safe-area-inset-top,0px))}
 .baoli-jump{justify-content:space-evenly;gap:4px;padding:4px max(6px,env(safe-area-inset-right,0px)) 4px max(6px,env(safe-area-inset-left,0px));font-size:14px}
 .hero-copy{padding-top:max(190px,calc(var(--menu-clearance) + 28px));padding-bottom:max(32px,calc(16vh - 20px))}
 .editorial-pair.section > div{order:0}
 .editorial-pair.section > figure{order:1}
}