/* Mobile navigation and usable controls; loaded after the existing styles. */
.mobile-menu-toggle{display:none}
@media(max-width:1000px){
 .site-header .nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;min-height:70px}
 .site-header .brand{min-width:0;max-width:calc(100% - 92px)}
 .site-header .brand img{max-width:100%!important;height:auto;max-height:46px!important}
 .site-header .brand-name{display:block;font-size:16px;line-height:1.25}
 .mobile-navigation-ready .mobile-menu-toggle{display:block;margin-left:auto;min-height:44px;padding:10px 15px;background:#edf4ef;color:#173f2f;box-shadow:none}
 .site-header .nav nav{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:calc(100dvh - 88px);overflow-y:auto;padding:8px 0}
 .mobile-navigation-ready .site-header .nav nav:not(.is-open){display:none}
 .site-header .nav nav>a,.site-header .nav nav a:nth-child(-n+2){display:block;padding:12px 14px;min-height:46px}
 .site-header .account-menu{width:100%}
 .site-header .account-menu summary{padding:12px 14px;min-height:46px;cursor:pointer}
 .site-header .account-menu-panel{position:static;width:100%;min-width:0;box-shadow:none}
 .site-header .account-menu-panel a,.site-header .account-menu-panel button{display:block;padding:12px 14px;min-height:44px}
}
@media(max-width:760px){
 main .wrap{min-width:0}
 main input,main select,main textarea{min-width:0;max-width:100%;font-size:16px}
 main input[type=checkbox],main input[type=radio]{width:auto}
 main button,main .button{min-height:44px;white-space:normal}
 .dashboard-grid,.resume-workspace-grid,.vacancy-layout,.grid.two{grid-template-columns:minmax(0,1fr)}
 .vacancy-sidebar{position:static}
 .vacancy-body{min-width:0;padding:20px}
 .vacancy-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
 .vacancy-employer{flex-wrap:wrap}
 .vacancy-hero h1{font-size:30px;overflow-wrap:anywhere}
 .resume-file-card,.resume-save,.bulkbar{flex-wrap:wrap}
 .candidate-tabs{flex-wrap:wrap;gap:12px}
 .panel,.card,.application-card{min-width:0;overflow-wrap:anywhere}
 .actions{flex-wrap:wrap}
 .job-result,.job-result-main{min-width:0}
}