#jobsPage .jobs-hero{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  min-height:0;
  margin:8px 0 10px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}

#jobsPage .jobs-hero::after{
  content:none;
}

#jobsPage .jobs-hero-copy{
  position:relative;
  z-index:2;
  display:block;
  min-width:0;
}

#jobsPage .jobs-hero-icon{
  display:none;
}

#jobsPage .jobs-hero-icon i{font-size:46px;line-height:1}
#jobsPage .jobs-hero-content{min-width:0}
#jobsPage .jobs-hero-eyebrow{
  display:none;
}

html[data-theme] #jobsPage .jobs-hero h3,
html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-hero h3{
  margin:0 0 3px;
  color:#f7faf8!important;
  -webkit-text-fill-color:#f7faf8!important;
  font-size:clamp(30px,2.3vw,38px);
  line-height:1.08;
  letter-spacing:-.025em;
}

html[data-theme] #jobsPage .jobs-hero p,
html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-hero p{
  max-width:600px;
  margin:0;
  color:#aab7b0!important;
  -webkit-text-fill-color:#aab7b0!important;
  font-size:15px;
  line-height:1.4;
}

#jobsPage .jobs-hero-map{
  display:none;
}

#jobsPage .jobs-hero > .jobs-region-nav{
  display:none;
}

#jobsPage .jobs-hero > .jobs-region-nav::-webkit-scrollbar{display:none}

html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-hero > .jobs-region-nav button{
  height:34px!important;
  min-height:34px!important;
  padding-right:9px!important;
  padding-left:9px!important;
  border-color:rgba(139,226,76,.22)!important;
  background:rgba(5,10,7,.62)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}

#jobsPage .jobs-hero > .jobs-snapshot{
  position:static;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  height:34px;
  min-height:34px;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:right;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

#jobsPage .jobs-snapshot strong{color:#f8fafc;font-size:14px;line-height:1.25}
#jobsPage .jobs-snapshot > i{margin-right:7px;color:#48d46b;font-size:15px}
html[data-theme="light"] #jobsPage .jobs-snapshot > i{color:#2f73c8}
#jobsPage .jobs-snapshot span{color:#91a198;font-size:11px}

/* V6112: keep quick filters on their own row so labels never collide at zoom. */
#jobsPage .jobs-secondary-primary{
  grid-template-columns:minmax(0,330px) repeat(3,minmax(0,1fr)) 100px;
  box-sizing:border-box;
  padding-right:24px;
}

#jobsPage .jobs-secondary-actions{
  display:grid;
  grid-template-columns:repeat(4,max-content);
  grid-column:4/6;
  width:auto;
  min-height:46px;
  gap:7px;
  padding-top:0;
  justify-content:space-between;
  flex-wrap:nowrap;
}

#jobsPage .jobs-secondary-actions .jobs-worksite-filter{display:contents}
#jobsPage .jobs-secondary-actions .jobs-secondary-divider{display:none}
#jobsPage .jobs-secondary-actions .jobs-favorites-filter{padding-right:0}

#jobsPage .jobs-secondary-actions .jobs-compact-check{
  min-height:36px;
  padding:5px 4px;
  gap:6px;
  font-size:11px;
}

#jobsPage .jobs-secondary-view-row{
  display:flex;
  justify-content:flex-end;
  box-sizing:border-box;
  width:100%;
  min-height:46px;
  padding-right:24px;
}

#jobsPage .jobs-secondary-view-row .jobs-view-switch{
  margin-left:auto;
}

html[data-theme] body #app.app:not(.hidden) #jobsPage #jobsClearFilters{
  justify-self:start;
  width:auto!important;
  min-width:124px;
  padding-right:14px!important;
  padding-left:14px!important;
  border-color:rgba(148,163,184,.24)!important;
  background:transparent!important;
  color:#aebac8!important;
  -webkit-text-fill-color:#aebac8!important;
  box-shadow:none!important;
}

html[data-theme] body #app.app:not(.hidden) #jobsPage #jobsClearFilters:hover{
  border-color:rgba(139,226,76,.38)!important;
  color:var(--jobs-filter-focus)!important;
  -webkit-text-fill-color:var(--jobs-filter-focus)!important;
}

html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch{
  display:flex;
  flex:0 0 auto;
  gap:8px!important;
  margin-left:auto;
  padding:0 0 0 12px!important;
  border:0!important;
  border-left:1px solid rgba(148,163,184,.22)!important;
  background:transparent!important;
  box-shadow:none!important;
}

html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button{
  position:relative!important;
  min-height:36px!important;
  height:36px!important;
  padding:5px 9px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#b6c2d0!important;
  -webkit-text-fill-color:#b6c2d0!important;
  box-shadow:none!important;
}

html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button[aria-pressed="true"],
html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button.active{
  border:0!important;
  background:transparent!important;
  color:var(--jobs-filter-focus)!important;
  -webkit-text-fill-color:var(--jobs-filter-focus)!important;
  box-shadow:none!important;
}

html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button[aria-pressed="true"]::after,
html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button.active::after{
  right:9px;
  bottom:1px;
  left:9px;
}

html[data-theme="light"] #jobsPage .jobs-hero{
  border:0;
  background:transparent;
  box-shadow:none;
}

html[data-theme="light"] #jobsPage .jobs-hero::after{border-color:rgba(55,126,205,.14)}
html[data-theme="light"] #jobsPage .jobs-hero-icon{border-color:rgba(59,130,246,.3);background:linear-gradient(145deg,rgba(96,165,250,.15),rgba(255,255,255,.72));color:#2f73c8;box-shadow:inset 0 0 22px rgba(59,130,246,.07)}
html[data-theme="light"] #jobsPage .jobs-hero-eyebrow{color:#2d69b2}
html[data-theme="light"] #jobsPage .jobs-hero h3,
html[data-theme="light"] body #app.app:not(.hidden) #jobsPage .jobs-hero h3{color:#f4f4f2!important;-webkit-text-fill-color:#f4f4f2!important}
html[data-theme="light"] #jobsPage .jobs-hero p,
html[data-theme="light"] body #app.app:not(.hidden) #jobsPage .jobs-hero p{color:#9b9ea3!important;-webkit-text-fill-color:#9b9ea3!important}
html[data-theme="light"] #jobsPage .jobs-hero-map{opacity:.58;filter:invert(1) hue-rotate(306deg) saturate(1.45) contrast(.94)}
html[data-theme="light"] #jobsPage .jobs-hero > .jobs-region-nav button{
  border-color:#b8cadc!important;
  background:rgba(255,255,255,.86)!important;
  color:#24486e!important;
}
html[data-theme="light"] #jobsPage .jobs-hero > .jobs-region-nav button:hover,
html[data-theme="light"] #jobsPage .jobs-hero > .jobs-region-nav button.is-active{
  border-color:#4b88cf!important;
  background:#edf5ff!important;
  color:#245f9f!important;
}
html[data-theme="light"] #jobsPage .jobs-snapshot strong{color:#17345e}
html[data-theme="light"] #jobsPage .jobs-snapshot span{color:#667991}
html[data-theme="light"] #jobsPage .jobs-hero > .jobs-snapshot{
  border-color:rgba(72,139,224,.34);
  background:transparent;
  box-shadow:none;
}
html[data-theme="light"] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch{
  border-left-color:#c9d7e5!important;
}
html[data-theme="light"] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button{
  color:#536980!important;
  -webkit-text-fill-color:#536980!important;
}
html[data-theme="light"] body #app.app:not(.hidden) #jobsPage #jobsClearFilters{
  border-color:#cbd7e4!important;
  color:#5c7087!important;
  -webkit-text-fill-color:#5c7087!important;
}
html[data-theme="light"] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button[aria-pressed="true"],
html[data-theme="light"] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button.active{
  color:#2f73c8!important;
  -webkit-text-fill-color:#2f73c8!important;
}
html[data-theme="light"] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button[aria-pressed="true"]::after,
html[data-theme="light"] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch button.active::after{
  background:#2f73c8!important;
}

@media(min-width:761px){
  #jobsPage .jobs-hero > .jobs-region-nav{
    right:228px;
    bottom:14px;
    align-items:flex-end;
  }
}

@media(max-width:1450px){
  #jobsPage .jobs-secondary-primary{grid-template-columns:minmax(220px,330px) repeat(3,minmax(0,1fr)) 100px}
  #jobsPage .jobs-secondary-actions{grid-column:4/6;width:auto;flex-wrap:nowrap}
}

@media(max-width:1050px){
  #jobsPage .jobs-hero{min-height:0;padding:0}
  #jobsPage .jobs-hero-copy{display:block}
  #jobsPage .jobs-hero-icon,#jobsPage .jobs-hero-map,#jobsPage .jobs-hero > .jobs-region-nav{display:none}
  #jobsPage .jobs-hero > .jobs-snapshot{position:static;min-width:0}
  #jobsPage .jobs-secondary-primary{grid-template-columns:repeat(2,minmax(0,1fr))}
  #jobsPage .jobs-secondary-actions{grid-column:1/-1;flex-wrap:wrap}
}

@media(max-width:760px){
  #jobsPage .jobs-hero{display:flex;align-items:flex-start;flex-direction:column;min-height:0;padding:0;gap:8px}
  #jobsPage .jobs-hero-copy{display:block}
  html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-hero h3{font-size:26px!important;line-height:1.08}
  html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-hero p{font-size:13.5px!important;line-height:1.48}
  #jobsPage .jobs-hero-map,#jobsPage .jobs-hero > .jobs-region-nav{display:none}
  #jobsPage .jobs-hero > .jobs-snapshot{position:relative;right:auto;bottom:auto;align-self:flex-end;justify-content:center;width:max-content;min-width:0;padding:0 12px;text-align:center;order:3}
  html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch{margin-left:auto;padding-left:10px!important}
}

@media(max-width:520px){
  #jobsPage .jobs-hero{padding:0;border-radius:0}
  #jobsPage .jobs-hero-copy{display:block}
  html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-hero h3{font-size:24px!important}
  #jobsPage .jobs-hero-eyebrow{font-size:10.5px;letter-spacing:.075em}
  html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch{width:auto}
}

@media(max-width:600px){
  #jobsPage .jobs-secondary-primary{grid-template-columns:1fr}
  #jobsPage .jobs-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-column:auto;width:100%}
  #jobsPage .jobs-secondary-view-row{padding-right:0}
  html[data-theme] body #app.app:not(.hidden) #jobsPage #jobsClearFilters{justify-self:stretch;width:100%!important}
  html[data-theme] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch{
    align-self:flex-end;
    margin-top:2px;
    padding:7px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(148,163,184,.22)!important;
  }
  html[data-theme="light"] body #app.app:not(.hidden) #jobsPage .jobs-secondary-view-row .jobs-view-switch{border-top-color:#c9d7e5!important}
}

@media(prefers-reduced-motion:reduce){#jobsPage .jobs-hero *{scroll-behavior:auto}}
