/* V27 — full-width recruitment hero and readable position-details sidebar.
   Scoped exclusively to [data-p="job-detail"]. Existing application and job data are unchanged. */
.on[data-p="job-detail"] > section.hg-job-hero-band{
    position:relative;isolation:isolate;width:100%;background:#10213c!important;color:#fff;
    overflow:hidden;border:0!important;border-bottom:0!important;padding:clamp(38px,5.5vw,82px) 0 clamp(48px,6vw,94px)!important;
}
.on[data-p="job-detail"] .hg-job-hero-band::before{
    content:"";position:absolute;inset:auto -4% -100px auto;width:min(40vw,520px);height:380px;
    border:1px solid rgba(148,185,228,.16);border-radius:50%;pointer-events:none;z-index:-1;
}
.on[data-p="job-detail"] .hg-job-hero-inner,
.on[data-p="job-detail"] .hg-job-detail-content > .w{
    width:100%;max-width:var(--container,1570px)!important;margin-inline:auto;
}
.on[data-p="job-detail"] .hg-job-hero-back{
    color:#c7dbf6!important;margin:0 0 clamp(24px,3vw,40px)!important;
    font-size:.84rem;letter-spacing:.005em;
}
.on[data-p="job-detail"] .hg-job-hero-back:hover{color:#fff!important}
.on[data-p="job-detail"] .hg-detail-hero{
    display:grid;grid-template-columns:minmax(0,8fr) minmax(255px,3.25fr);
    gap:clamp(24px,4vw,68px);align-items:center;
    background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;padding:0!important;overflow:visible;
}
.on[data-p="job-detail"] .hg-detail-hero::before{display:none!important}
.on[data-p="job-detail"] .hg-detail-heading{min-width:0}
.on[data-p="job-detail"] .hg-detail-flags{gap:14px;margin-bottom:clamp(18px,2.4vw,31px)}
.on[data-p="job-detail"] .hg-detail-heading .hg-job-eyebrow{color:#9dc9fa!important;letter-spacing:.15em}
.on[data-p="job-detail"] .hg-detail-heading h1{
    max-width:18ch!important;font-size:clamp(2rem,3.6vw,3.55rem)!important;
    line-height:1.14!important;color:#fff!important;letter-spacing:-.045em;
    margin:0 0 17px!important;font-weight:800;overflow-wrap:normal;word-break:normal;
}
.on[data-p="job-detail"] .hg-detail-subtitle{
    font-size:clamp(.98rem,1.25vw,1.14rem);line-height:1.6;margin:0;
    color:#cbdcf2;max-width:65ch;
}
.on[data-p="job-detail"] .hg-detail-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:clamp(22px,2.6vw,31px)}
.on[data-p="job-detail"] .hg-detail-chips span{
    background:rgba(255,255,255,.07);border:1px solid rgba(202,225,255,.25);
    color:#ecf4ff!important;padding:9px 12px;border-radius:4px;
    line-height:1.45;font-size:.8rem;
}
.on[data-p="job-detail"] .hg-detail-hero-actions{
    min-width:0!important;max-width:none!important;align-self:center;
    padding:clamp(23px,2.6vw,35px);display:flex;flex-direction:column;
    align-items:stretch;gap:14px;justify-content:center;
    background:rgba(255,255,255,.075)!important;border:1px solid rgba(196,224,255,.25)!important;
    border-radius:7px;color:#fff;
}
.on[data-p="job-detail"] .hg-detail-action-caption{font-size:.68rem;color:#aacbed!important;letter-spacing:.14em}
.on[data-p="job-detail"] .hg-detail-hero-actions strong{font-size:1.18rem;line-height:1.35;color:#fff}
.on[data-p="job-detail"] .hg-detail-hero-actions .hg-job-button{
    background:#f7faff!important;border-color:#f7faff!important;color:#10213c!important;
    font-size:.9rem;min-height:52px;max-width:100%;width:100%;
}
.on[data-p="job-detail"] .hg-detail-hero-actions .hg-job-button:hover{
    background:#dbeafa!important;border-color:#dbeafa!important;
}
.on[data-p="job-detail"] .hg-detail-hero-actions small{font-size:.77rem;color:#c6d8ef!important}
.on[data-p="job-detail"] .hg-detail-hero-actions .hg-detail-disabled{
    background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.2);color:#dceafa
}
.on[data-p="job-detail"] .hg-job-detail-content{
    background:#f3f6fa;padding-top:clamp(30px,3.6vw,55px)!important;padding-bottom:clamp(50px,5vw,90px);
}
.on[data-p="job-detail"] .hg-detail-columns{
    grid-template-columns:minmax(0,8fr) minmax(280px,4fr);
    gap:clamp(20px,2.5vw,34px);margin-top:0;align-items:start;
}
.on[data-p="job-detail"] .hg-detail-body,
.on[data-p="job-detail"] .hg-detail-side{min-width:0;box-shadow:0 11px 25px -28px rgba(16,33,60,.5)}
.on[data-p="job-detail"] .hg-detail-side{
    border:1px solid #dbe4ee;background:#fff;border-radius:8px;
    padding:clamp(24px,2.7vw,36px);position:sticky;top:calc(var(--nav-height,76px) + 18px);
}
.on[data-p="job-detail"] .hg-detail-side-heading{padding:0 0 22px}
.on[data-p="job-detail"] .hg-detail-side-heading .hg-job-eyebrow{margin-bottom:9px}
.on[data-p="job-detail"] .hg-detail-side-heading h2{
    font-size:clamp(1.3rem,1.65vw,1.55rem)!important;line-height:1.25!important;
    max-width:none!important;letter-spacing:-.03em;
}
.on[data-p="job-detail"] .hg-detail-side dl{margin:0;display:block;min-width:0}
.on[data-p="job-detail"] .hg-detail-side dl > .hg-position-row{
    display:block!important;grid-template-columns:none!important;
    min-width:0;width:100%;padding:16px 0;
    border-top:1px solid #e4ebf4;
}
.on[data-p="job-detail"] .hg-detail-side dt{
    display:block;margin:0 0 7px!important;font-size:.67rem!important;
    font-weight:800;letter-spacing:.11em;text-transform:uppercase;
    color:#617b9c;white-space:normal;
}
.on[data-p="job-detail"] .hg-detail-side dd{
    display:block;width:100%;max-width:100%;min-width:0;margin:0!important;
    color:#1c3556;font-size:.92rem!important;line-height:1.65!important;font-weight:650;
    white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
    writing-mode:horizontal-tb!important;
}
.on[data-p="job-detail"] .hg-detail-contact{
    margin-top:8px!important;padding-top:18px!important;
    border-top:1px solid #e4ebf4;font-size:.85rem!important;line-height:1.65!important;
}
.on[data-p="job-detail"] .hg-detail-bottom-apply{
    background:#ecf3fb;border-color:#d8e5f3;border-radius:6px;
}
@media(max-width:1050px){
 .on[data-p="job-detail"] .hg-detail-columns{grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr)}
 .on[data-p="job-detail"] .hg-detail-hero{grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);gap:25px}
}
@media(max-width:850px){
 .on[data-p="job-detail"] .hg-detail-hero,
 .on[data-p="job-detail"] .hg-detail-columns{grid-template-columns:minmax(0,1fr);gap:24px}
 .on[data-p="job-detail"] .hg-detail-heading h1{max-width:22ch!important}
 .on[data-p="job-detail"] .hg-detail-hero-actions{max-width:450px!important;align-self:stretch}
 .on[data-p="job-detail"] .hg-detail-side{position:static}
}
@media(max-width:540px){
 .on[data-p="job-detail"] > section.hg-job-hero-band{padding:32px 0 44px!important}
 .on[data-p="job-detail"] .hg-detail-heading h1{font-size:clamp(1.9rem,8.2vw,2.45rem)!important}
 .on[data-p="job-detail"] .hg-detail-hero-actions{padding:20px;max-width:none!important}
 .on[data-p="job-detail"] .hg-detail-hero-actions strong{font-size:1.05rem}
 .on[data-p="job-detail"] .hg-detail-side{padding:25px 22px}
 .on[data-p="job-detail"] .hg-detail-chips span{font-size:.73rem}
}