/* Jobbol public page heading — one shared treatment, no scripts or background downloads. */
html:root body :is(.page-heading-band.portal-heading,.portal-compact-heading){
 --heading-ink:#fff;--heading-muted:#edf1ff;--heading-link-hover:#f4b4ed;
 --heading-pink:#cd29c0;--heading-surface:#0000cc;
 color:var(--heading-ink);background-color:var(--heading-surface);
 background-image:
  radial-gradient(circle at 100% 0,transparent 238px,#cd29c0 239px,#cd29c0 240px,transparent 241px),
  radial-gradient(circle at 100% 100%,transparent 205px,#cd29c0 206px,#cd29c0 207px,transparent 208px),
  radial-gradient(circle at calc(100% - 230px) 88px,transparent 30px,#cd29c0 31px,#cd29c0 32px,transparent 33px),
  radial-gradient(ellipse at 95% 8%,#1659f7 0,transparent 57%),
  radial-gradient(ellipse at 50% 120%,#0348df 0,transparent 64%),
  linear-gradient(125deg,#031f9a 0,#043ace 49%,#032498 100%);
 background-repeat:no-repeat;border-bottom:0;
}
html:root body .page-heading-band.portal-heading{padding:42px 0 40px;overflow:visible}
.portal-heading>.page-heading-inner{position:relative;min-width:0}
.portal-heading .page-heading-inner>*{min-width:0}
html:root body .portal-heading .page-heading-inner h1{max-width:100%;margin:0 0 26px;color:var(--heading-ink);font-size:clamp(28px,3vw,46px);font-weight:750;line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere;text-wrap:pretty}
html:root body .portal-heading h1::after{content:"";display:block;width:80px;height:6px;margin-top:18px;border-radius:999px;background:var(--heading-pink)}
html:root body .portal-heading :is(.breadcrumbs,.context-chain){display:flex;flex-wrap:wrap;gap:7px 10px;margin:0 0 26px;font-size:13px;line-height:1.7;color:var(--heading-muted);overflow-wrap:anywhere}
html:root body .portal-heading :is(.breadcrumbs,.context-chain) a,
html:root body .portal-heading .browse-sub a{color:var(--heading-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgb(255 255 255 / 65%);text-decoration-skip-ink:auto}
html:root body .portal-heading :is(.breadcrumbs,.context-chain,.browse-sub) a:hover{color:var(--heading-link-hover);text-decoration-color:var(--heading-link-hover)}
html:root body .portal-heading .eyebrow{color:var(--heading-ink);margin-bottom:14px;line-height:1.5}
html:root body .portal-heading :is(.page-heading-inner>p,.directory-heading>p,.job-detail-head>p,.hero-copy>p,.candidate-heading>div>p,.listing-description,.browse-sub){color:var(--heading-muted)}
html:root body .portal-heading :is(.job-place,.job-salary,.detail-company-row .eyebrow a,.hero h1 span,.company-jobs-heading){color:var(--heading-ink)}
html:root body .portal-heading .page-heading-inner>p:last-child{margin-bottom:0}
html:root body .portal-heading .company-overview{max-width:none;margin:24px 0;border-color:var(--line);color:var(--ink)}
html:root body .portal-heading .company-overview .text-link{color:var(--link);text-decoration-color:currentColor}
html:root body .portal-heading .company-overview .text-link:hover{color:var(--link-hover)}
html:root body .portal-heading .company-jobs-heading{font-size:clamp(22px,2.3vw,30px);line-height:1.3;margin-bottom:22px}
html:root body .portal-heading .page-heading-inner .company-identity h1{margin-bottom:12px}
html:root body .portal-heading .listing-company.company-identity .company-identity-sector{margin:0;color:var(--heading-muted)}
html:root body .portal-heading .listing-description{margin:0 0 20px}
html:root body .portal-heading .context-help{color:var(--heading-ink)}
html:root body .portal-heading .context-help:hover{color:var(--heading-link-hover);background:rgb(255 255 255 / 12%)}
html:root body .portal-heading :is(.breadcrumbs,.context-chain,.candidate-heading,.candidate-nav,.job-detail-head,.company-overview) :is(a,button):focus-visible{outline-color:#fff;outline-offset:4px}
/* Only controls on the blue surface inherit white. Search fields own their normal colors. */
html:root body .portal-heading .candidate-nav{flex-wrap:wrap;overflow:visible;gap:4px 8px;border-color:rgb(255 255 255 / 30%)}
html:root body .portal-heading .candidate-nav a{color:#fff;border-radius:6px 6px 0 0}
html:root body .portal-heading .candidate-nav a:hover{color:#fff;background:rgb(255 255 255 / 12%)}
html:root body .portal-heading .candidate-nav a[aria-current=page]{color:#fff;border-bottom-color:#cd29c0;background:rgb(255 255 255 / 12%)}
html:root body .portal-heading .candidate-heading .button.secondary{color:#fff;background:transparent;border-color:rgb(255 255 255 / 65%)}
html:root body .portal-heading .candidate-heading .button.secondary:hover{background:rgb(255 255 255 / 12%);border-color:#fff}
html:root body .portal-heading .employer-status{color:#0000cc;background:#fff;border-color:#fff}
html:root body .portal-heading .job-detail-head .job-tags>span{color:#fff;background:rgb(255 255 255 / 14%)}
html:root body .portal-heading :is(.save-job,.application-indicator){color:#fff}
html:root body .portal-heading .save-job[aria-pressed=true]{color:#f4a9e9}
html:root body .portal-heading :is(.save-job,.application-indicator):hover{background:rgb(255 255 255 / 14%)}
html:root body .portal-heading .activity-tooltip{color:var(--tooltip-text);background:var(--tooltip-bg)}
html:root body .portal-heading #job-search.search-design{width:100%;max-width:none;margin:0;padding:0;box-shadow:0 10px 30px rgb(0 0 55 / 14%)}
/* The home keeps its content and layout, sharing the same lightweight background. */
html:root body .portal-heading.home-heading::before{display:none}
html:root body .portal-heading.home-heading .hero{background:none;padding-block:0}
html:root body .portal-heading.home-heading .hero h1{font-size:clamp(34px,4vw,56px);line-height:1.12}
html:root body .portal-heading.home-heading .search-companion{background:rgb(5 13 94 / 30%);border-color:rgb(255 255 255 / 25%)}
html:root body .portal-heading.home-heading .search-companion :is(h2,strong,small,a){color:#fff}
html:root body .portal-heading.home-heading .companion-symbol{color:#fff;background:rgb(205 41 192 / 35%)}
html:root body .portal-heading.home-heading .search-companion a:hover{background:rgb(255 255 255 / 8%)}
.portal-heading+.error-page{padding-block:40px 48px}
.portal-heading+.error-page .jb-visual-copy>h2{display:none}
.account-shell.account-shell--single{display:block;max-width:700px;padding-block:36px 48px}
/* Standalone email/private screens retain their centered cards and original actions. */
html:root body .portal-compact-heading{margin:-32px -32px 26px;padding:28px 32px;border-radius:var(--radius) var(--radius) 0 0;text-align:start;overflow-wrap:anywhere}
html:root body .portal-compact-heading h1{margin:16px 0 0;color:#fff;font-size:clamp(23px,3vw,30px);line-height:1.35}
html:root body .portal-compact-heading .eyebrow{display:block;margin-top:16px;color:#fff}
html:root body .portal-compact-heading .logo-light{display:none}
html:root body .portal-compact-heading .logo-dark{display:inline-block}
html:root body .sponsored-transfer .portal-compact-heading{margin:-34px -32px 0;padding:28px 32px 24px;text-align:center;border-radius:17px 17px 0 0}
html:root body .portal-compact-heading .transfer-brand{margin-bottom:18px}
html:root body .portal-compact-heading .transfer-symbol{color:#fff;background:rgb(255 255 255 / 12%);border-color:rgb(255 255 255 / 25%)}
html:root body .portal-compact-heading .jobbol-spinner{border-color:rgb(255 255 255 / 30%);border-top-color:#fff}
html:root[data-theme=dark] body :is(.page-heading-band.portal-heading,.portal-compact-heading){
 --heading-muted:#e1e7f5;--heading-surface:#111827;
 background-image:
  radial-gradient(circle at 100% 0,transparent 238px,#cd29c0 239px,#cd29c0 240px,transparent 241px),
  radial-gradient(circle at 100% 100%,transparent 205px,#cd29c0 206px,#cd29c0 207px,transparent 208px),
  radial-gradient(circle at calc(100% - 230px) 88px,transparent 30px,#cd29c0 31px,#cd29c0 32px,transparent 33px),
  radial-gradient(ellipse at 95% 8%,rgb(43 75 125 / 16%) 0,transparent 57%),
  radial-gradient(ellipse at 50% 120%,rgb(28 53 100 / 12%) 0,transparent 64%),
  linear-gradient(125deg,#111827 0,#18243a 49%,#141d2c 100%);
}
@media(max-width:700px){
 html:root body .page-heading-band.portal-heading{padding-block:28px 30px}
 html:root body .portal-heading .page-heading-inner h1{font-size:clamp(27px,5.8vw,34px);line-height:1.25;margin-bottom:22px}
 html:root body .portal-heading h1::after{width:64px;height:5px;margin-top:15px}
 html:root body .portal-heading :is(.breadcrumbs,.context-chain){gap:5px 8px;font-size:12px;margin-bottom:20px}
 html:root body .portal-heading .eyebrow{font-size:11px}
 html:root body .portal-heading.home-heading .hero h1{font-size:clamp(32px,7vw,42px)}
 html:root body .portal-heading :is(.company-overview>p,.listing-description){font-size:13px}
 html:root body .portal-heading .candidate-heading{gap:18px}
 html:root body .portal-compact-heading{margin:-22px -22px 22px;padding:24px 22px}
}
@media(max-width:480px){
 html:root body .sponsored-transfer .portal-compact-heading{margin:-28px -22px 0;padding:24px 22px 22px;border-radius:14px 14px 0 0}
}
@media print{
 html:root body :is(.page-heading-band.portal-heading,.portal-compact-heading){color:#111;background:#fff;background-image:none;padding-block:16px;border:0}
 html:root body .portal-heading :is(h1,h2,p,a,span,small),html:root body .portal-compact-heading :is(h1,a,span){color:#111!important}
 html:root body .portal-heading h1::after{background:#555}
 html:root body .portal-heading #job-search{display:none}
 html:root body .portal-compact-heading .logo-dark{display:none}
 html:root body .portal-compact-heading .logo-light{display:inline-block}
}