/* Header owns its layout; floated legacy links cannot escape into page content. */
.site-header #header_menu{display:flex;align-items:center;justify-content:space-between;width:96%;max-width:1078px;height:70px;padding:0;box-sizing:border-box}
.site-header .header-brand{display:block;flex:0 0 auto;line-height:0}
.site-header #header_menu img#logo{position:static;display:block;top:auto;width:222px;height:auto;max-width:none}
.site-header #header_menu nav#main-nav{display:flex;align-items:center;float:none;padding:0;margin-left:22px;min-width:0}
.site-header #header_menu nav#main-nav>ul{display:flex!important;align-items:center;flex-wrap:nowrap;gap:24px;padding:0!important;margin:0;list-style:none}
.site-header #header_menu nav#main-nav>ul.header-actions{position:static;max-height:none;opacity:1;visibility:visible;overflow:visible;pointer-events:auto;transform:none;transition:none;background:none;width:auto;margin-left:24px}
.site-header #header_menu nav#main-nav>ul>li{display:flex;align-items:center;flex:none;height:auto;margin:0;padding:0;top:auto}
.site-header #header_menu nav#main-nav>ul>li>a{float:none;margin:0;white-space:nowrap}
.site-header #header_menu nav#main-nav>ul.menu>li.compact-logout{display:none}
.site-header #header_menu nav#main-nav>ul.header-actions>li.logged-in{width:52px;height:40px;position:relative}
.site-header #header_menu nav#main-nav>ul.header-actions a.profile{position:static;bottom:auto;top:auto;width:40px;height:40px;padding:0;margin:0}
.site-header #header_menu nav#main-nav>ul.header-actions a.profile>span{display:none}
.site-header #header_menu nav#main-nav>ul.header-actions a.logout{position:absolute;top:-5px;right:-4px;bottom:auto;margin:0;width:12px;height:12px;padding:0}
.site-header .header-actions .ad-notifications{left:28px;top:22px}
.site-header .publish-extra{margin-left:4px}
@media(max-width:1180px){
 .site-header #header_menu{width:100%;padding:0 20px}
 .site-header #header_menu nav#main-nav{margin-left:auto;gap:18px}
 .site-header #header_menu nav#main-nav>ul.header-actions{order:1;gap:20px;margin-left:0}
 .site-header #header_menu nav#main-nav .menu-toggle{display:inline-flex!important;order:2;position:relative;top:auto;right:auto;flex:0 0 40px;width:40px;height:40px;padding:0;margin:0;align-items:center;justify-content:center;background:none;border:0;box-shadow:none;font-size:0;cursor:pointer}
 .site-header #header_menu nav#main-nav .menu-toggle span{position:absolute;left:4px;width:31px;margin:0;transition:opacity 160ms ease,transform 220ms cubic-bezier(.4,0,.2,1)}
 .site-header .menu-toggle span:nth-child(1){transform:translateY(-10px)}
 .site-header .menu-toggle span:nth-child(2){transform:translateY(0)}
 .site-header .menu-toggle span:nth-child(3){transform:translateY(10px)}
 .site-header .menu-toggle.menu-close span:nth-child(1){transform:rotate(45deg)}
 .site-header .menu-toggle.menu-close span:nth-child(2){opacity:0;transform:scaleX(.2)}
 .site-header .menu-toggle.menu-close span:nth-child(3){transform:rotate(-45deg)}
 .site-header #header_menu nav#main-nav>ul.menu{position:absolute;top:70px;left:0;width:100%;max-height:0;min-height:0;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px 24px;opacity:0;visibility:hidden;overflow:hidden;pointer-events:none;transform:translateY(-8px);background:#28313e;z-index:9999;transition:opacity 180ms ease,transform 200ms ease,visibility 0s linear 200ms}
 .site-header #header_menu nav#main-nav>ul.menu.menu-open{max-height:340px;padding:6px 20px!important;opacity:1;visibility:visible;overflow:visible;pointer-events:auto;transform:none;transition-delay:0s}
 .site-header #header_menu nav#main-nav>ul.menu>li{justify-content:center;width:auto;height:30px}
 .site-header #header_menu nav#main-nav>ul.menu>li.compact-logout{display:flex}
 .site-header #header_menu nav#main-nav>ul.menu>li>a{margin:0!important;width:auto}
 .site-header #header_menu nav#main-nav>ul.header-actions a.logout{display:none}
 .site-header .header-actions .ad-notification-panel{position:fixed;top:76px;right:12px;width:340px}
}
/* Keep the pill geometry independent of generic mobile menu link rules. */
.site-header #header_menu nav#main-nav>ul.menu>li.critique-nav>a.critique-nav-pill{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:28px;min-height:28px;padding:0 10px!important;line-height:16px;flex-shrink:0}
.site-header #header_menu .critique-nav-pill>span{display:block;line-height:16px}
.site-header #header_menu .critique-nav-pill>img{display:block;width:16px;height:16px;margin:0}
@media(max-width:560px){
 .site-header #header_menu nav#main-nav>ul.menu{flex-direction:column;flex-wrap:nowrap;gap:12px}
}
@media(max-width:600px){
 .site-header #header_menu{padding:0 12px}
 .site-header #header_menu img#logo{width:150px}
 .site-header #header_menu nav#main-nav{gap:10px}
 .site-header #header_menu nav#main-nav>ul.header-actions{gap:12px}
 .site-header #header_menu li.publish-nav a.publish-nav-link{height:30px;line-height:30px;font-size:12px;padding:0 10px!important}
 .site-header #header_menu .publish-extra{display:none!important}
 .site-header #header_menu li.login-nav>a{font-size:12px;height:auto;padding:0;line-height:30px}
 .site-header #header_menu nav#main-nav .menu-toggle{flex-basis:34px;width:34px}
 .site-header #header_menu nav#main-nav .menu-toggle span{left:3px;width:28px}
}
@media(max-width:380px){
 .site-header #header_menu{padding:0 10px}
 .site-header #header_menu img#logo{width:115px}
 .site-header #header_menu nav#main-nav{gap:8px}
 .site-header #header_menu nav#main-nav>ul.header-actions{gap:10px}
}
@media(prefers-reduced-motion:reduce){.site-header #header_menu nav#main-nav>ul.menu,.site-header #header_menu nav#main-nav .menu-toggle span{transition:none}}

/* A clearfix pseudo-element must not become an extra flex row. */
.site-header #header_menu nav#main-nav>ul.menu:after{content:none;display:none}

.site-header #header_menu nav#main-nav>ul.menu>li.compact-logout>a{display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:18px;padding:0}
.site-header #header_menu .compact-logout img{display:block;flex:none;width:18px;height:18px;margin:0}