@media (min-width:901px){.header{height:76px}.header .container.nav{width:min(1460px,calc(100% - 32px));max-width:1460px;height:76px;display:flex;align-items:center;gap:18px;flex-wrap:nowrap}.header .brand{flex:0 0 auto;min-width:176px;gap:10px}.header .brand b{font-size:19px;white-space:nowrap}.header .brand small{white-space:nowrap}.header .logo-box{width:36px;height:36px;flex:0 0 36px}.header .nav-links{min-width:0;flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:clamp(16px,1.55vw,27px);margin:0;font-size:clamp(14px,1.03vw,16px);font-weight:800;white-space:nowrap;flex-wrap:nowrap}.header .nav-links a{height:76px;display:flex;align-items:center;padding:0;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;line-height:1;flex:0 0 auto;color:#485a72}.header .nav-links a:hover,.header .nav-links a.active{color:#1267e9}.header .nav-actions{flex:0 0 auto;display:flex;align-items:center;gap:9px;margin:0;white-space:nowrap}.header .nav-actions .btn{height:46px;padding:0 18px;border-radius:13px;font-size:15px}.header .search-btn{width:38px;height:46px;flex:0 0 38px}}.nav-links a[href="#support"],#recruitManageBtn,#inquiryManagerBtn{display:none!important}body:not(.ms-authenticated) #myPageBtn,body:not(.ms-authenticated) .portal-trigger{display:none!important}body.ms-authenticated .nav-actions [data-modal="loginModal"],body.ms-authenticated .nav-actions [data-modal="joinModal"]{display:none!important}
/* Admin controls must never squeeze the logo or overlap the navigation. */
@media (min-width:901px){
 .header .container.nav{display:flex;align-items:center;gap:12px;min-width:0;max-width:1460px;overflow:hidden}
 .header .brand{flex:0 0 180px;min-width:180px;max-width:180px;position:relative;z-index:2;overflow:hidden}
 .header .brand>span:last-child{min-width:0}
 .header .nav-links{flex:1 1 0;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:none;gap:clamp(8px,0.95vw,16px);font-size:clamp(12px,.91vw,15px)}
 .header .nav-links::-webkit-scrollbar{display:none}
 .header .nav-links a{flex:0 0 auto;min-width:max-content;white-space:nowrap}
 .header .nav-actions{flex:0 0 auto;min-width:0;gap:6px}
 .header .nav-actions .btn{padding:0 12px;font-size:13px}
 .header .search-btn{width:32px;flex-basis:32px}
}
@media (min-width:901px) and (max-width:1550px){
 .header .container.nav{gap:9px}
 .header .brand{flex-basis:164px;min-width:164px;max-width:164px}
 .header .brand b{font-size:17px}
 .header .brand small{font-size:8px}
 .header .nav-links{gap:9px;font-size:12px}
 .header .nav-actions .btn{height:42px;padding:0 9px;font-size:12px}
 .header .search-btn{width:26px;flex-basis:26px}
}
@media (min-width:901px) and (max-width:1150px){
 .header .brand{flex-basis:154px;min-width:154px;max-width:154px}
 .header .brand small{display:none}
 .header .nav-links{gap:8px}
}