/* E-GMP header, review profile v2.1 (2026-09-25): the ORIGINAL header's surface and layout.
   Values ported from the live React Header.tsx + index.css tokens: bg-background/95 + blur(4px),
   border-accent/20 (accent = background, so the edge disappears into the page), h-16 row, h-12 logo,
   nav centred in the bar, sm buttons (gold gradient + outline), dropdown card rounded-[0.95rem]. */
:root {--egmp-nav-height:96px;--egmp-toc-height:44px}
/* Original fixed-header/document-offset contract, kept from v1. */
body:has(#egmp-review-header) main.pt-16 {padding-top:var(--egmp-nav-height)}
body:has(#egmp-review-header) #toc-bar {top:var(--egmp-nav-height)}
/* The header now shares the page colour, so the page's own "On this page" bar keeps its colour
   and gets a top edge in its own border token (border-border/60) to stay a separate band. */
body:has(#egmp-review-header) #toc-bar {border-top:1px solid rgba(127,127,127,.6)}
body:has(#egmp-review-header) :is(main section[id],main .scroll-mt-28,#inquiry) {scroll-margin-top:calc(var(--egmp-nav-height) + var(--egmp-toc-height) + 18px)}
/* Existing review-only overflow repairs from v1; no text or content is hidden. */
body:has(#egmp-review-header) footer {overflow-wrap:anywhere}
body:has(#egmp-review-header) #advocacy:has(> .particles-bg) {overflow-x:clip}
@media(min-width:769px) and (max-width:1023px){body:has(#egmp-review-header) .egmp-agency-media::before {right:0}}

#egmp-review-header {
  --rh-bg:64,62,62; --rh-text:#fff; --rh-soft:rgba(255,255,255,.9); --rh-muted:rgba(255,255,255,.62);
  --rh-gold:hsl(50 78% 75%); --rh-gold-2:hsl(49 57% 75%); --rh-ink:#403e3e; --rh-border:#7f7f7f;
  position:fixed;inset:0 0 auto;z-index:1000;height:var(--egmp-nav-height);padding:0;margin:0;
  background:transparent!important;border:0!important;color:var(--rh-text);
  font-family:inherit;font-size:16px;font-weight:500;line-height:1.5;
}
/* The surface lives on a layer BEHIND the content, not on the header box: a backdrop-filter on the
   header itself would stop the dropdown cards from blurring and pin the fixed mobile drawer to it. */
#egmp-review-header::before {content:'';position:absolute;inset:0;z-index:-1;background:rgba(var(--rh-bg),.95);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:1px solid rgba(var(--rh-bg),.2)}
#egmp-review-header * {box-sizing:border-box}
#egmp-review-header [hidden] {display:none!important}
#egmp-review-header :is(a,button) {color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
#egmp-review-header button {font:inherit;cursor:pointer;background:none;border:0;padding:0;margin:0}
#egmp-review-header ul {list-style:none;margin:0;padding:0}
#egmp-review-header p {margin:0}
#egmp-review-header :is(a,button):focus-visible {outline:2px solid var(--rh-gold);outline-offset:3px;border-radius:4px}
#egmp-review-header .review-wrap {max-width:1400px;margin:0 auto;padding:0 16px}

/* Utility row: small text on the same seamless surface, no band of its own. */
#egmp-review-header .review-utility {height:32px}
#egmp-review-header .review-utility nav {display:flex;justify-content:flex-end;align-items:flex-end;gap:28px;height:100%;font-size:12.5px;font-weight:400;color:var(--rh-muted)}
#egmp-review-header .review-utility a:hover {color:var(--rh-gold)}

/* Primary row: logo left, nav in the middle, actions right (the original's layout). */
#egmp-review-header .review-bar {height:64px}
/* Nav is centred in the space BETWEEN the logo and the buttons (Joseph 2026-09-25), not on the page
   centre line: equal breathing room on both sides of the menu, and more of it before the CTAs. */
#egmp-review-header .review-bar-inner {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:24px;height:100%}
/* The logo is centred on the WHOLE header (utility row + bar), not just the bar, so it spans both rows. */
#egmp-review-header .review-logo {display:flex;align-items:center;justify-self:start;transition:opacity .2s;transform:translateY(-16px)}
#egmp-review-header .review-logo:hover {opacity:.8}
#egmp-review-header .review-logo img {height:64px;width:auto;max-width:none;display:block}
#egmp-review-header .review-desktop {display:flex;align-items:center;justify-self:center;gap:32px;height:64px;white-space:nowrap}
#egmp-review-header .review-dropdown {position:relative;display:flex;align-items:center;height:100%}
#egmp-review-header :is(.review-toplink,.review-toggle) {display:flex;align-items:center;gap:4px;height:64px;color:var(--rh-text);font-weight:500;transition:color .2s}
#egmp-review-header :is(.review-toplink,.review-toggle):hover,#egmp-review-header .review-toggle[aria-expanded="true"] {color:var(--rh-gold)}
#egmp-review-header .review-toggle::after {content:'';width:7px;height:7px;margin:0 3px 0 5px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
#egmp-review-header .review-toggle[aria-expanded="true"]::after {transform:translateY(2px) rotate(225deg)}
#egmp-review-header .review-desktop :is(.review-toplink[aria-current="page"],.review-toggle[data-current]) {text-decoration:underline;text-decoration-color:rgba(243,226,140,.6);text-decoration-thickness:2px;text-underline-offset:8px}
#egmp-review-header .review-dropdown--split {gap:0}
#egmp-review-header .review-split-link {gap:0}
#egmp-review-header .review-split-toggle {width:22px;justify-content:center}
#egmp-review-header .review-split-toggle::after {margin:0}
#egmp-review-header .review-actions {display:flex;align-items:center;gap:16px;justify-self:end}
#egmp-review-header :is(.review-cta,.review-jobs) {display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:6px;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}
#egmp-review-header .review-cta {background:linear-gradient(135deg,var(--rh-gold),var(--rh-gold-2));color:var(--rh-ink)!important;box-shadow:0 15px 60px -10px hsl(50 78% 75% / .4)}
#egmp-review-header .review-cta:hover {transform:translateY(-2px);box-shadow:0 8px 60px hsl(50 78% 75% / .5)}
#egmp-review-header .review-jobs {border:1px solid var(--rh-border);background:rgb(var(--rh-bg))}
#egmp-review-header .review-jobs:hover {transform:translateY(-2px);box-shadow:0 25px 80px -20px rgba(var(--rh-bg),.8)}
#egmp-review-header :is(.review-burger,.review-mobile-cta,.review-mobile) {display:none}

/* Dropdowns, v3 (2026-10-03): ONE panel, the same box for every menu. Full container width, fixed
   height, branded rail on the left that always carries the call to action, links on a 3-column grid.
   NN/g mega-menu guidelines: groups with short labels, a strong visible border, never the whole screen. */
#egmp-review-header .review-aside-overview {display:inline-block;padding:3px 0;font-weight:600;color:var(--rh-text)}
#egmp-review-header .review-aside-overview::after {content:' \2192'}
#egmp-review-header .review-aside-overview:hover {color:var(--rh-gold)}
#egmp-review-header .review-aside-note {margin-top:12px;font-size:13px;font-weight:400;line-height:1.55;color:var(--rh-muted)}
#egmp-review-header .review-aside-action {display:inline-block;margin-top:4px;color:var(--rh-gold);font-weight:600;white-space:nowrap}
#egmp-review-header .review-aside-action:hover {text-decoration:underline;text-underline-offset:3px}
#egmp-review-header .review-col-head {font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--rh-muted);margin:0 0 6px;padding-left:12px}
#egmp-review-header .review-menu-link {display:block;padding:9px 12px;border-radius:6px;font-size:15px;font-weight:500;line-height:1.35;color:var(--rh-soft);transition:background-color .15s,color .15s}
#egmp-review-header .review-menu-link:hover {background:rgba(255,255,255,.06);color:var(--rh-gold)}
#egmp-review-header .review-menu-link[aria-current="page"] {color:var(--rh-gold)}
#egmp-review-header .review-indent {margin-left:14px;border-left:1px solid rgba(255,255,255,.18);border-radius:0 6px 6px 0}
#egmp-review-header .review-sub {display:block;font-size:12.5px;font-weight:400;color:var(--rh-muted);margin-top:2px}
#egmp-review-header .review-overview {font-weight:600;color:var(--rh-text)}
#egmp-review-header .review-overview::after {content:' \2192'}
@media(min-width:1024px){
 /* v5: one floating card, the same box for every menu. Inside: large links under plain labels,
    socials and legal links along the bottom, and an image on the right that carries the CTA. */
 /* NN/g mega-menu guideline: a strong visual signal for the menu's edge. The card is a step lighter
    than the page and the page dims behind it, so the open menu no longer blends into the content. */
 #egmp-review-header::after {content:'';position:fixed;inset:0;z-index:-2;background:hsl(4 3% 8% / .55);opacity:0;pointer-events:none;transition:opacity .25s ease}
 #egmp-review-header:has(.review-desktop .review-toggle[aria-expanded="true"])::after {opacity:1}
 #egmp-review-header .review-desktop .review-dropdown {position:static}
 #egmp-review-header .review-desktop .review-panel {position:absolute;top:calc(100% - 6px);left:0;right:0;width:calc(100% - 32px);max-width:1120px;margin:0 auto;background:rgba(78,75,75,.985);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.16);border-radius:20px;box-shadow:0 28px 70px -30px hsl(4 3% 6% / .95);overflow:hidden;white-space:normal;transition:opacity .28s cubic-bezier(.22,1,.36,1),clip-path .34s cubic-bezier(.22,1,.36,1);clip-path:inset(0 round 20px)}
 @starting-style {#egmp-review-header .review-desktop .review-panel {opacity:0;clip-path:inset(0 0 100% 0 round 20px)}}
 #egmp-review-header .review-desktop .review-panel-inner {display:grid;grid-template-columns:minmax(0,1fr) 332px;height:348px}
 #egmp-review-header .review-desktop .review-main {display:flex;flex-direction:column;padding:30px 12px 0 26px;min-width:0}
 #egmp-review-header .review-desktop .review-cols {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;align-content:start}
 #egmp-review-header .review-desktop .review-col-head {color:var(--rh-muted);font-size:12px;font-weight:500;letter-spacing:.14em;margin-bottom:10px}
 #egmp-review-header .review-desktop .review-menu-link {padding:7px 12px;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--rh-text)}
 #egmp-review-header .review-desktop .review-menu-link:hover {background:none;color:var(--rh-gold)}
 #egmp-review-header .review-desktop .review-sub {font-size:13px;letter-spacing:0}
 /* B140 (1): one heading over the whole menu, spanning its columns. */
 #egmp-review-header .review-desktop .review-menu-head {grid-column:1/-1}
 /* B140 (4): a demoted column. It has no label of its own, so it starts level with its neighbour's first
    link (12px label x1.5 + 10px), and its links after the overview step down a size. */
 #egmp-review-header .review-desktop .review-col--minor:not(:has(.review-col-head)) {padding-top:28px}
 #egmp-review-header .review-desktop .review-col--minor .review-menu-link:not(.review-overview) {padding:5px 12px;font-size:14.5px;font-weight:500;color:var(--rh-soft)}
 #egmp-review-header .review-desktop .review-foot {display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:0 14px 22px 12px}
 #egmp-review-header .review-desktop .review-social {display:flex;align-items:center;gap:18px;color:var(--rh-soft)}
 #egmp-review-header .review-desktop .review-social a {display:flex;transition:color .15s}
 #egmp-review-header .review-desktop .review-social a:hover {color:var(--rh-gold)}
 #egmp-review-header .review-desktop .review-legal {display:flex;gap:22px;font-size:13px;font-weight:400;color:var(--rh-muted)}
 #egmp-review-header .review-desktop .review-legal a:hover {color:var(--rh-text)}
 /* The image: the Employer page's approved grade (monochrome, colour on hover), with the CTA on it. */
 #egmp-review-header .review-desktop .review-media {position:relative;margin:12px;border-radius:13px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;background:hsl(4 3% 16%)}
 #egmp-review-header .review-desktop .review-media img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.06) brightness(.84);transition:filter .35s ease}
 #egmp-review-header .review-desktop .review-media:hover img {filter:none}
 #egmp-review-header .review-desktop .review-media::after {content:'';position:absolute;inset:0;background:linear-gradient(to top,hsl(4 3% 10% / .94) 0%,hsl(4 3% 10% / .72) 38%,hsl(4 3% 10% / 0) 72%)}
 #egmp-review-header .review-desktop .review-media-body {position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px}
 #egmp-review-header .review-desktop .review-media-text {font-size:14.5px;font-weight:500;line-height:1.45;color:#fff}
 #egmp-review-header .review-desktop .review-panel-cta {display:flex;align-items:center;justify-content:center;width:100%;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--rh-gold),var(--rh-gold-2));color:var(--rh-ink)!important;font-size:14.5px;font-weight:600;line-height:1;white-space:nowrap;transition:filter .15s}
 #egmp-review-header .review-desktop .review-panel-cta:hover {filter:brightness(1.07)}
 #egmp-review-header .review-desktop .review-panel-more {font-size:14px;font-weight:600;color:#fff;white-space:nowrap;transition:color .15s}
 #egmp-review-header .review-desktop .review-panel-more::after {content:' \2192'}
 #egmp-review-header .review-desktop .review-panel-more:hover {color:var(--rh-gold)}
}
@media(min-width:1024px) and (max-width:1199px){
 #egmp-review-header .review-desktop .review-panel-inner {grid-template-columns:minmax(0,1fr) 284px}
 #egmp-review-header .review-desktop .review-main {padding-left:16px}
 #egmp-review-header .review-desktop .review-cols {gap:0 6px}
 #egmp-review-header .review-desktop .review-menu-link {font-size:15.5px}
}

/* Six items do not fit the original 32px spacing on every laptop; tighten, never overlap. */
@media(max-width:1599px){#egmp-review-header .review-desktop {gap:24px}}
@media(max-width:1439px){#egmp-review-header .review-desktop {gap:22px}}
@media(max-width:1199px){
 #egmp-review-header .review-bar-inner {column-gap:16px}
 #egmp-review-header .review-desktop {gap:18px;font-size:15px}
 #egmp-review-header .review-actions {gap:10px}
 #egmp-review-header :is(.review-cta,.review-jobs) {padding:0 12px;font-size:13.5px}
 #egmp-review-header .review-logo img {height:54px}
}

/* Touch model below 1024px: a menu button, a persistent audience action, accordion submenus. */
@media(max-width:1023px){
 :root {--egmp-nav-height:64px}
 #egmp-review-header .review-utility,#egmp-review-header .review-desktop,#egmp-review-header .review-actions {display:none}
 #egmp-review-header .review-bar-inner {display:flex;gap:12px}
 #egmp-review-header .review-logo {transform:none}
 #egmp-review-header .review-logo img {height:50px}
 #egmp-review-header .review-mobile-cta {display:inline-flex;margin-left:auto;padding:0 13px}
 #egmp-review-header .review-mobile-cta:hover {transform:none}
 #egmp-review-header .review-bar-inner:has(.review-burger[aria-expanded="true"]) .review-mobile-cta {visibility:hidden}
 #egmp-review-header .review-burger {display:flex;align-items:center;gap:8px;height:44px;padding:0 2px 0 8px;font-size:15px;color:var(--rh-text)}
 #egmp-review-header .review-burger-close,#egmp-review-header .review-burger-x {display:none}
 #egmp-review-header .review-burger[aria-expanded="true"] :is(.review-burger-close,.review-burger-x) {display:inline}
 #egmp-review-header .review-burger[aria-expanded="true"] :is(.review-burger-open,.review-burger-lines) {display:none}
 #egmp-review-header .review-mobile {display:block;position:fixed;top:var(--egmp-nav-height);left:0;right:0;bottom:0;overflow-y:auto;overscroll-behavior:contain;padding:12px max(16px,calc((100vw - 600px)/2)) 40px;background:rgb(var(--rh-bg))}
 #egmp-review-header .review-mobile-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
 #egmp-review-header .review-mobile-actions>a {height:44px;padding:0 12px}
 #egmp-review-header .review-mobile-actions>a:hover {transform:none}
 #egmp-review-header .review-mobile-nav>:is(.review-dropdown,.review-toplink) {border-bottom:1px solid rgba(255,255,255,.08)}
 #egmp-review-header .review-mobile-nav .review-dropdown {display:block;height:auto}
 #egmp-review-header .review-mobile-nav :is(.review-toggle,.review-toplink) {width:100%;height:54px;justify-content:space-between;font-size:17px;text-align:left}
 #egmp-review-header .review-mobile-nav .review-toplink[aria-current="page"] {color:var(--rh-gold)}
  #egmp-review-header .review-mobile-nav .review-dropdown--split {display:flex;flex-wrap:wrap}
 #egmp-review-header .review-mobile-nav .review-split-link {flex:1;width:auto}
 #egmp-review-header .review-mobile-nav .review-split-toggle {flex:0 0 54px;width:54px;justify-content:center}
 #egmp-review-header .review-mobile-nav .review-dropdown--split .review-panel {flex:0 0 100%}
 #egmp-review-header .review-mobile-nav .review-panel {padding:0 0 14px 2px}
 #egmp-review-header .review-mobile-nav .review-panel-inner,#egmp-review-header .review-mobile-nav .review-cols {display:block}
 #egmp-review-header .review-mobile-nav .review-col {margin-top:10px}
 #egmp-review-header .review-mobile-nav .review-col:not(:has(.review-col-head)) {margin-top:0}
 #egmp-review-header .review-mobile-nav .review-menu-link {display:flex;flex-direction:column;justify-content:center;min-height:44px;font-size:15px}
 /* An overview link has no sub-line: lay it out in a row so its arrow stays on the label's line. */
 #egmp-review-header .review-mobile-nav .review-menu-link.review-overview {flex-direction:row;justify-content:flex-start;align-items:center;column-gap:.3em}
 /* B140 (4): the demoted column keeps its gap from the group above and its smaller links (44px targets kept). */
 #egmp-review-header .review-mobile-nav .review-col.review-col--minor {margin-top:12px}
 #egmp-review-header .review-mobile-nav .review-col--minor .review-menu-link:not(.review-overview) {font-size:14px;font-weight:500;color:var(--rh-soft)}
 #egmp-review-header .review-mobile-nav .review-aside-overview {display:flex;align-items:center;gap:6px;min-height:44px;padding:0 12px}
 #egmp-review-header .review-mobile-nav .review-aside-note {margin-top:10px;padding:0 12px;font-size:13.5px}
 #egmp-review-header .review-mobile-utility {display:flex;flex-direction:column;margin-top:14px;font-size:14px;font-weight:400;color:var(--rh-muted)}
 #egmp-review-header .review-mobile-utility a {display:flex;align-items:center;min-height:44px}
 #egmp-review-header .review-source {display:block;margin-top:16px;font-size:12px;color:var(--rh-muted)}
}
@media(max-width:419px){
 #egmp-review-header .review-mobile-actions {grid-template-columns:1fr}
 #egmp-review-header .review-logo img {height:46px}
}
@media(max-width:359px){
 #egmp-review-header .review-logo img {height:40px}
 #egmp-review-header .review-mobile-cta {padding:0 10px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){#egmp-review-header,#egmp-review-header * {transition:none!important}#egmp-review-header .review-media img {filter:grayscale(1) contrast(1.06) brightness(.84)!important}#egmp-review-header :is(.review-cta,.review-jobs):hover {transform:none}}