.mobile-quick-access,.mobile-area-select,.mobile-language-select{display:none}
@media(max-width:850px){
 html,body{height:auto;min-height:100%;overflow:visible}
 .studio{position:static;inset:auto;height:auto;min-height:100svh;overflow:visible}
 .page{height:auto;min-height:100svh;overflow:visible}
 .header{position:sticky;top:0;z-index:40;flex:none;isolation:isolate}
 .header .header-inner{display:flex;flex-wrap:nowrap;justify-content:space-between;min-height:64px;width:100%;max-width:none;padding:8px 12px;gap:8px;box-sizing:border-box}
 .header .header-inner>.brand{min-height:44px;flex:0 1 auto;gap:8px}.header .brand svg{width:34px;height:44px}.header .brand .word{font-size:24px}
 .header .header-inner>.unified-nav,.header .header-inner>.language-picker,.header .header-inner>.topic-note,.header .topic-nav{display:none!important}
 .header .mobile-area-select{display:block;flex:1 1 150px;min-width:0;max-width:210px;margin:0;margin-inline-start:auto}
 .header .mobile-language-select{display:block;flex:0 0 72px;width:72px;max-width:72px;min-width:0;margin:0;font:inherit;font-size:12px;min-height:42px;padding:7px 3px;border:1px solid #ffffff55;border-radius:7px;background:#245144;color:#fffdf8}
 .header .mobile-quick-access{display:flex;align-items:center;gap:14px;padding:0 16px 9px;min-width:0;box-sizing:border-box;background:#163d32}
 .mobile-quick-access .mobile-page-select{flex:1 1 140px;min-width:0;max-width:160px;margin:0}
 .mobile-account-actions{display:flex;gap:8px;flex:0 0 auto;margin-inline-start:auto;min-width:0}
 .header .mobile-personal-select{display:block;width:145px;max-width:100%;min-width:0;margin:0}
 .header .mobile-area-select,.header .mobile-page-select,.header .mobile-personal-select{font:inherit;font-size:13px;min-height:42px;padding:8px;border:1px solid #ffffff55;border-radius:7px;background:#245144;color:#fffdf8}
 .mobile-account-actions button{font:inherit;font-size:12px;min-height:42px;padding:8px;border:1px solid #ffffff55;border-radius:7px;background:transparent;color:#fffdf8;white-space:nowrap}
 .mobile-account-actions button.mobile-register{background:#fffdf8;color:#163d32;border-color:#fffdf8}
 #page-scroll,#page-scroll:has(>#candidate:not([hidden])),#page-scroll:has(.employer-shell:not([hidden])){display:block;overflow:visible;flex:none;min-height:0}
 #page-scroll>section{width:100%;margin:0;min-width:0}
 #candidate>.workspace{display:block;background:none;min-height:0}
 #page-scroll>section>.content{width:100%;padding-inline:20px;margin-inline:0}
 #page-scroll>#candidate .sidebar,#page-scroll .employer-sidebar{display:none!important}
 #page-scroll>#candidate .dashboard,#page-scroll .employer-shell{display:block;grid-template-columns:minmax(0,1fr);background:none;min-width:0;min-height:0}
 #page-scroll>#candidate,#page-scroll>.content,#page-scroll section>.content{min-width:0;max-width:100%;box-sizing:border-box}
 #page-scroll .employer-main,#page-scroll .candidate-main{min-width:0;min-height:0;width:100%;box-sizing:border-box}
 .header>.mazigh-notice{position:relative;padding:6px 16px;min-width:0;box-sizing:border-box}
 .housing-search,.housing-fields,.search-fields,.fields{grid-template-columns:1fr!important}
 .search-fields>*,.fields>*,.housing-search>*,.housing-fields>*{min-width:0}
 .search-fields input,.search-fields select,.fields input,.fields select,.fields textarea{max-width:100%;box-sizing:border-box}
 #page-scroll input:not([type=checkbox]):not([type=radio]),#page-scroll select,#page-scroll textarea{font-size:16px}
 .search-options{display:flex;flex-wrap:wrap;gap:12px}.search-options>*{max-width:100%}
}

/* Only smartphone search and content spacing; tablet and desktop rules stay above. */
.phone-job-title{display:none}
@media(max-width:600px){
 #page-scroll>section>.content,#page-scroll #jobs>.content{width:100%;max-width:none;margin-inline:0;padding:20px 14px;box-sizing:border-box}
 #page-scroll>#candidate .dashboard{padding:16px 14px!important;margin:0;width:100%;box-sizing:border-box}
 #page-scroll #jobs>.content{padding:0!important}
 #page-scroll>#jobs>.content{padding:20px 14px!important}
 #jobs .eyebrow,#jobs .search-intro,#jobs .planning-tabs,#jobs .search-content>h1:not(.phone-job-title){display:none}
 #jobs .phone-job-title{display:block;font-size:26px;line-height:1.2;margin:0 0 14px}
 #job-search.search-box{padding:14px!important;margin-top:0;margin-bottom:14px;container-type:normal}
 #job-search .search-fields{display:grid;grid-template-columns:minmax(0,1fr) 94px!important;gap:12px;align-items:start}
 #job-search .search-fields>label:first-child,#job-search .search-fields>[type=submit]{grid-column:1/-1}
 #job-search .job-city-group{grid-column:1;grid-row:2}
 #job-search .job-radius-label{grid-column:2;grid-row:2}
 #job-search .search-fields label{font-size:13px;gap:5px}
 #job-search .search-fields input,#job-search .search-fields select{height:44px;padding:9px 10px;font-size:16px}
 #job-search .search-actions:empty{display:none}
 .phone-job-filters{margin-top:14px;border-top:1px solid #d7dbd2;padding-top:12px}
 .phone-job-filters>summary{cursor:pointer;font-weight:600;font-size:14px;min-height:32px}
 .phone-job-filter-fields{display:grid;gap:12px;padding-top:10px}
 .phone-job-filter-fields>label{display:flex;flex-direction:column;gap:5px;font-size:13px}
 .phone-job-filter-fields select{width:100%;max-width:100%;font-size:16px}
 .phone-job-filter-fields .field-picker{min-width:0}
 .phone-job-filter-fields .field-options{position:relative;top:auto;width:auto;max-width:none;box-shadow:none}
 .phone-job-result-tools{display:flex;align-items:end;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #d7dbd2}
 .phone-job-result-tools .job-sort{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px;font-size:12px}
 .phone-job-result-tools select{min-width:0;max-width:100%;width:100%;height:40px;margin:0;font-size:14px!important}
 .phone-job-result-tools .result-size{display:flex;flex-direction:column;align-items:start;gap:5px;font-size:12px;width:65px;flex:none}
 #jobs .saved-search-disclosure{padding:12px 14px;margin:12px 0;font-size:14px}
 #jobs .search-empty:has(.job-item){padding:6px 12px}
 .header .mobile-page-select{max-width:190px;flex:1 1 160px}
}