/* V26 Helprite vacancies: site-width layouts with 4/8 filter and results grid.
   Scoped to recruitment pages; no changes to the CMS, forms or other pages. */
.hg-jobs,.hg-job-detail{--job-navy:#10213c;--job-blue:#215394;--job-line:#d9e3ef;--job-muted:#61748e;--job-surface:#fff}
.on[data-p="vacancies"] > section.s > .w,
.on[data-p="job-detail"] > section.s > .w{max-width:var(--container,1570px)!important;width:100%;}
.on[data-p="vacancies"] > section.s,
.on[data-p="job-detail"] > section.s{padding-top:clamp(36px,5vw,68px)}
.hg-job-detail-shell{max-width:var(--container,1570px)!important}
.hg-jobs{max-width:none;width:100%;margin:clamp(28px,3vw,46px) 0 0}
.hg-vacancies-intro{max-width:900px}
.hg-vacancies-intro .hg-page-hero-copy h1{font-size:clamp(2rem,3vw,2.9rem);line-height:1.17}
.hg-vacancies-intro .hg-page-hero-copy p{max-width:72ch;line-height:1.75}
/* Desktop: exactly 4/12 and 8/12 proportions before the gap. */
.hg-job-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(22px,2.4vw,32px);align-items:start}
.hg-job-filter-column,.hg-job-results-column{min-width:0}
.hg-job-filter-column{position:sticky;top:calc(var(--nav-height,76px) + 20px);align-self:start}
.hg-job-search-panel{padding:clamp(20px,2vw,28px);border-radius:8px;box-shadow:0 12px 30px -29px rgba(16,33,60,.35)}
.hg-job-search-head{align-items:start;gap:14px;margin-bottom:21px}
.hg-job-search-head h2{font-size:clamp(1.25rem,1.65vw,1.7rem)!important;line-height:1.26!important}
.hg-job-counter{min-width:72px;padding:5px 0 5px 12px}
.hg-job-counter strong{font-size:1.35rem}
.hg-job-counter span{font-size:.68rem}
.hg-job-filter-description{color:#5e7190;font-size:.82rem;line-height:1.6;margin:0 0 18px}
.hg-job-filters{grid-template-columns:1fr;gap:15px;margin-top:20px}
.hg-job-filter label,.hg-job-search-input label{font-weight:750;font-size:.77rem;color:#24466d}
.hg-job-filter select{min-height:46px;font-size:.86rem;border-radius:5px}
.hg-job-search-icon input{min-height:48px;font-size:.86rem}
.hg-job-filter-actions{align-items:start;gap:12px;flex-wrap:wrap}
.hg-job-filter-actions button{font-size:.78rem;border:1px solid #cbd8e7;border-radius:5px;padding:9px 12px;background:#f8fbff}
.hg-job-filter-actions button:hover{background:#edf4fb;text-decoration:none}
.hg-job-result-header{margin:0 0 19px;align-items:end;gap:10px;border-bottom:1px solid var(--job-line);padding:0 0 17px}
.hg-job-result-header .hg-job-eyebrow{margin-bottom:7px}
.hg-job-result-header h2{font-size:clamp(1.45rem,1.9vw,1.95rem);margin:0!important}
.hg-job-result-header > span{white-space:nowrap}
.hg-job-list{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.hg-job-card{min-height:0;border-radius:8px;padding:clamp(21px,2vw,30px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;transform:none}
.hg-job-card:hover{transform:none;box-shadow:0 14px 30px -27px rgba(16,33,60,.5)}
.hg-job-card-top{margin-bottom:11px}
.hg-job-card h3{font-size:clamp(1.13rem,1.4vw,1.35rem);line-height:1.4}
.hg-job-position{margin-top:6px}
.hg-job-meta{margin-top:14px}
.hg-job-card-action{border-top:0;border-left:1px solid #e5edf6;padding:0 0 0 20px;align-self:stretch;display:flex;align-items:center}
.hg-job-card-action a{display:inline-flex;white-space:nowrap;gap:9px;border:1px solid #ccdbe9;background:#f9fbff;border-radius:5px;padding:11px 14px}
.hg-job-card-action a:hover{background:#eaf2fc}
.hg-job-pagination{margin:25px 0 16px}
.hg-job-none,.hg-jobs-notice{max-width:none}
/* Detail page: full-width hero and elegant 8/4 editorial content. */
.hg-back-link{margin:0 0 22px;font-size:.87rem}
.hg-detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,8fr) minmax(240px,3fr);align-items:center;gap:clamp(25px,3.5vw,52px);padding:clamp(30px,3.8vw,56px);border:1px solid #d5e0ed;border-radius:10px;box-shadow:0 18px 40px -42px rgba(16,33,60,.42);overflow:hidden}
.hg-detail-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#215394}
.hg-detail-flags{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-bottom:17px}
.hg-detail-heading .hg-job-eyebrow{margin:0}
.hg-detail-heading>.hg-job-status{margin:0}
.hg-detail-heading h1{font-size:clamp(1.95rem,2.85vw,2.75rem)!important;line-height:1.18!important;max-width:none!important;margin:0 0 11px!important;letter-spacing:-.037em}
.hg-detail-subtitle{font-size:.97rem;line-height:1.65;margin:0 0 14px}
.hg-detail-chips{margin-top:19px;gap:8px}
.hg-detail-chips span{background:#f3f7fc;border-color:#e0e8f2;font-size:.8rem;padding:9px 12px}
.hg-detail-hero-actions{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:13px;align-items:stretch;max-width:none;min-width:0;border:1px solid #dce6f2;background:#f5f8fd;border-radius:7px;padding:clamp(20px,2.2vw,30px)}
.hg-detail-action-caption{font-size:.65rem;letter-spacing:.12em;color:#4b6c94;font-weight:800}
.hg-detail-hero-actions small{font-size:.77rem}
.hg-detail-hero-actions .hg-job-button{width:100%;min-height:49px}
.hg-detail-columns{display:grid;grid-template-columns:minmax(0,8fr) minmax(265px,4fr);gap:clamp(20px,2vw,30px);margin-top:clamp(21px,2vw,30px);align-items:start}
.hg-detail-body{padding:clamp(28px,3vw,48px);border-radius:9px}
.hg-detail-section{margin-bottom:29px;padding-bottom:29px}
.hg-detail-section h2{font-size:clamp(1.25rem,1.65vw,1.6rem);font-weight:800;line-height:1.32;letter-spacing:-.02em}
.hg-detail-prose p{font-size:.95rem;line-height:1.9;color:#3c536e}
.hg-detail-side{padding:clamp(24px,2.5vw,34px);border-radius:9px;position:sticky;top:calc(var(--nav-height,76px) + 18px)}
.hg-detail-side-heading{padding-bottom:16px}
.hg-detail-side-heading .hg-job-eyebrow{margin-bottom:7px}
.hg-detail-side-heading h2{font-size:1.33rem!important;line-height:1.28!important;margin:0!important}
.hg-detail-side dl>div{display:grid;grid-template-columns:minmax(95px,38%) minmax(0,1fr);gap:12px;align-items:start;padding:16px 0}
.hg-detail-side dt{margin:1px 0 0;line-height:1.5}
.hg-detail-side dd{font-size:.88rem;line-height:1.65}
.hg-detail-bottom-apply{background:#f1f6fc;border:1px solid #dce7f3;border-radius:8px;padding:clamp(21px,2vw,30px);margin-bottom:0}
.hg-detail-bottom-apply .hg-job-eyebrow{margin-bottom:11px}
.hg-detail-bottom-apply .hg-job-button{max-width:max-content}
.hg-detail-bottom-apply .hg-back-link{margin-top:20px}
@media(max-width:1050px){
 .hg-job-layout{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:18px}
 .hg-job-card{grid-template-columns:1fr;gap:16px}
 .hg-job-card-action{border-left:0;border-top:1px solid #e5edf6;padding:14px 0 0}
 .hg-detail-columns{grid-template-columns:minmax(0,1.75fr) minmax(235px,1fr)}
 .hg-detail-side dl>div{grid-template-columns:1fr;gap:4px}
}
@media(max-width:850px){
 .hg-job-layout{grid-template-columns:1fr;gap:26px}
 .hg-job-filter-column{position:static}
 .hg-job-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hg-job-search-head{align-items:center}
 .hg-detail-hero{grid-template-columns:1fr}
 .hg-detail-hero-actions{align-self:auto;max-width:none;flex-direction:column;align-items:stretch}
 .hg-detail-columns{grid-template-columns:1fr}
 .hg-detail-side{position:static}
 .hg-detail-side dl>div{grid-template-columns:minmax(105px,30%) minmax(0,1fr)}
}
@media(max-width:540px){
 .on[data-p="vacancies"] > section.s,.on[data-p="job-detail"] > section.s{padding-top:31px}
 .hg-job-search-panel{padding:20px}
 .hg-job-search-head{gap:10px}
 .hg-job-search-head h2{font-size:1.25rem!important}
 .hg-job-filters{grid-template-columns:1fr}
 .hg-job-result-header{flex-direction:column;align-items:flex-start;gap:4px}
 .hg-job-result-header > span{white-space:normal}
 .hg-job-card{padding:21px}
 .hg-detail-hero{padding:25px 21px;gap:19px}
 .hg-detail-heading h1{font-size:clamp(1.85rem,7.5vw,2.2rem)!important}
 .hg-detail-body{padding:25px 21px}
 .hg-detail-side{padding:23px 20px}
 .hg-detail-side dl>div{grid-template-columns:1fr;gap:4px}
 .hg-detail-bottom-apply .hg-job-button{max-width:none;width:100%}
}
@media(prefers-reduced-motion:reduce){.hg-job-card,.hg-job-card-action a{transition:none}}