/* Readable navigation above both light and dark cover images. */
.site-header,.openNav{background:rgba(255,255,255,.97);border:0;box-shadow:0 3px 16px rgba(24,32,45,.08);-webkit-backdrop-filter:none;backdrop-filter:none;color:#343b45;transition:background-color .3s ease,box-shadow .3s ease,top .4s ease,transform .5s ease}
.site-header.yya{background:rgba(255,255,255,.97)}
.site-header.is-at-top,.openNav.is-at-top{background:transparent;box-shadow:none}
.site-header.is-at-top .header-action,.site-header.is-at-top .site-title a,.site-header.is-at-top .navigation-expanded>nav>ul>li>a,.openNav.is-at-top .header-action,.openNav.is-at-top .site-title a{color:#10151d}
.site-header .site-top{display:flex;align-items:center;gap:8px;min-height:66px;padding:0 28px;font-family:var(--siren-font,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif)}
.site-header .site-top:before,.site-header .site-top:after{display:none}
.site-header .site-branding{float:none;flex:1;min-width:0;height:auto;line-height:1.3;margin:0 24px 0 0}
.site-header .site-title{font-size:21px;line-height:1.3;letter-spacing:1.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.site-header .site-title a{color:#303842;font-weight:600}
.site-header .site-title img{display:block;max-width:100%;height:32px;object-fit:contain;margin:0;opacity:1}
.site-header .lower,.site-header .searchbox,.site-header .header-user-avatar{float:none;flex-shrink:0;margin:0;height:auto;line-height:normal;animation:none}
.site-header .header-action,.openNav .header-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:#343b45;font:500 14px/1.2 var(--siren-font,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif);text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s,color .18s}
.header-action .icon{display:block;width:21px;height:21px;flex-shrink:0}
.site-header .header-action:hover,.openNav .header-action:hover{background:#f0f2f5;border-color:#e2e6ec;color:#252d38}
.site-header .header-action:focus-visible,.openNav .header-action:focus-visible{outline:2px solid var(--siren-accent,#fe9600);outline-offset:3px}
.site-header .header-account{margin-left:4px}
.header-action img{width:24px;height:24px;object-fit:cover;border-radius:50%}
.site-header .header-account,.openNav .header-account{width:44px;height:44px;padding:0;border-radius:50%}
.header-action.header-account img{width:32px;height:32px}
.site-top .lower #show-nav{display:inline-flex;float:none;width:auto;height:44px;margin:0;position:relative;z-index:auto}
.header-close-icon,#show-nav.hideNav .header-menu-icon{display:none}
#show-nav.hideNav .header-close-icon{display:block}
.site-top #show-nav[aria-expanded=true]{background:#f0f2f5;border-color:#dce1e8}
.site-header .navigation-collapsible nav{position:absolute;top:calc(100% + 10px);right:0;float:none;width:240px;max-height:calc(100vh - 100px);overflow-y:auto;padding:8px;background:#fff;border:1px solid #e5e8ed;border-radius:10px;box-shadow:0 12px 36px rgba(24,32,45,.14);text-align:left}
.site-header .navigation-collapsible nav ul{display:block;width:100%}
.site-header .navigation-collapsible nav li{float:none;margin:0;transition:none}
.site-header .navigation-collapsible nav li a{display:block;padding:11px 14px;border-radius:6px;color:#343b45;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.site-header .navigation-collapsible nav li a:hover,.site-header nav .current-menu-item>a,.site-header nav .current_page_item>a{background:#f3f5f7;color:#252d38}
.site-header .navigation-collapsible nav li ul{display:block;position:static;width:auto;padding:0 0 0 14px;text-align:left;animation:none;border-left:1px solid #e5e8ed;margin:0 0 4px 14px}
.site-header .navigation-expanded nav{float:none}
.site-header .navigation-expanded nav>ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2px 16px}
.site-header .navigation-expanded nav li{float:none;margin:0}
.site-header .navigation-expanded nav>ul>li>a{border-radius:6px;padding:11px 6px;color:#343b45}
.site-header .navigation-expanded{max-width:55%;flex-shrink:1;padding:8px 0}
.site-header .navigation-expanded li ul{top:100%;background:#fff;border:1px solid #e5e8ed;box-shadow:0 8px 24px rgba(24,32,45,.12);text-align:left}
.site-header .navigation-expanded li:focus-within>ul{display:block}
.header-user-avatar .header-user-menu{top:100%;width:200px;margin:0;padding-top:10px;overflow:visible;z-index:10000}
.header-user-menu .herder-user-name{background:#fff;border:1px solid #e5e8ed;border-bottom:0;padding:14px 16px;color:#697382}
.header-user-menu .herder-user-name-u{margin-top:4px;color:#303842}
.header-user-menu .herder-user-name:before{display:none}
.header-user-menu .user-menu-option{width:100%;padding:6px;background:#fff;border:1px solid #e5e8ed;border-top:0;border-radius:0 0 8px 8px;box-shadow:0 12px 24px rgba(24,32,45,.1)}
.header-user-menu .user-menu-option a{padding:10px;border-radius:5px;font-size:14px}
@media(max-width:1100px) and (min-width:861px){.site-header .site-top{padding:0 20px;gap:4px}.site-header .site-branding{margin-right:12px}.site-header .site-title{font-size:21px}}
@media(max-width:860px){
 .openNav{display:flex;position:fixed;left:0;align-items:center;gap:4px;height:60px;padding:0 12px;font-family:var(--siren-font,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif)}
 /* Fade in place: the desktop slide-in crosses the mobile menu button. */
 .openNav .site-branding{float:none;flex:1;min-width:0;height:auto;line-height:1.3;margin:0 4px;animation:siren-mobile-title 1s ease}
 .openNav .site-title{max-width:none;margin:0;font-size:18px;line-height:1.3;font-family:inherit;letter-spacing:1px}
 .openNav .site-title a{font-weight:600;color:#303842}
 .openNav .site-title img{display:block;max-width:100%;height:auto;max-height:36px;object-fit:contain;opacity:1}
 .openNav .iconflat{float:none;flex-shrink:0;width:44px;height:44px;border:1px solid #e2e6ec;border-radius:8px}
 .openNav .icon{left:11px;top:21px;width:20px;height:2px;background:#343b45}
 .openNav .icon:before,.openNav .icon:after{width:20px;height:2px;background:#343b45}
 .openNav .icon:before{top:-6px}.openNav .icon:after{top:6px}
 .openNav.open .icon{background:transparent}.openNav.open .icon:before,.openNav.open .icon:after{background:#343b45}
 .openNav .header-action{width:44px;height:44px;padding:0;flex-shrink:0}
 .openNav .header-action .icon{position:static;width:21px;height:21px;background:none}
 .openNav .header-action .header-action-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@keyframes siren-mobile-title{from{opacity:0}to{opacity:1}}
/* White navigation over the unfiltered cover image. */
.site-header.is-over-hero,.openNav.is-over-hero{background:transparent;box-shadow:none}
.site-header.is-over-hero .site-title a,.site-header.is-over-hero .header-action,.site-header.is-over-hero .navigation-expanded>nav>ul>li>a,.openNav.is-over-hero .site-title a,.openNav.is-over-hero .header-action{color:#fff;text-shadow:none}
.is-over-hero .header-account img[src$="/none.png"]{filter:brightness(0) invert(1)}
.site-header.is-over-hero .header-action:hover,.site-header.is-over-hero #show-nav[aria-expanded=true],.site-header.is-over-hero .navigation-expanded>nav>ul>li>a:hover,.site-header.is-over-hero .navigation-expanded>nav>ul>li.current-menu-item>a,.openNav.is-over-hero .header-action:hover{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.24)}
.site-header.is-over-hero :is(.header-action,.site-title a):focus-visible,.openNav.is-over-hero :is(.header-action,.site-title a,.iconflat):focus-visible{outline:2px solid #fff;outline-offset:3px}
.openNav.is-over-hero .iconflat{border-color:transparent}
.openNav.is-over-hero .iconflat>.icon,.openNav.is-over-hero .iconflat>.icon:before,.openNav.is-over-hero .iconflat>.icon:after{background:#fff;box-shadow:none}
.openNav.is-over-hero.open .iconflat>.icon{background:transparent;box-shadow:none}
.site-header .site-title a:is(:hover,:focus-visible),.openNav .site-title a:is(:hover,:focus-visible){color:var(--siren-accent,#fe9600)}