/* EmployMENA Recruitment pilot: additions to the EOR design system, loaded only on the Recruitment preview pages (body.emena-rec). */

/* hero funnel: role brief -> search -> assessment -> shortlist -> your selection */
body.emena-rec .pv .fn{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
body.emena-rec .pv .fn li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:center;margin-inline:auto;padding:10px 14px;border:1px solid var(--darkline);border-radius:12px;background:rgba(127,211,219,.06);color:var(--ondark2);font-size:13.5px;line-height:1.45}
body.emena-rec .pv .fn li:nth-child(1){width:100%}
body.emena-rec .pv .fn li:nth-child(2){width:94%}
body.emena-rec .pv .fn li:nth-child(3){width:88%}
body.emena-rec .pv .fn li:nth-child(4){width:82%}
body.emena-rec .pv .fn li:nth-child(5){width:76%}
body.emena-rec .pv .fn i{grid-row:1 / span 2;font-style:normal;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--mintline);display:grid;place-items:center;color:var(--mintline);font-weight:700;font-size:12.5px;font-variant-numeric:tabular-nums}
body.emena-rec .pv .fn b{color:#fff;font-size:15px;line-height:1.3}
body.emena-rec .pv .fn li > span{grid-column:2}
body.emena-rec .pv .fn li.you{border-color:var(--amber);background:rgba(250,174,67,.10)}
body.emena-rec .pv .fn li.you i{background:var(--amber);border-color:var(--amber);color:var(--ink)}
body.emena-rec .pv .fn li.you .badge{justify-self:start;margin-top:4px}
body.emena-rec .pv[lang=ar] .fn li{font-size:14.5px;line-height:1.7}
body.emena-rec .pv[lang=ar] .fn b{font-size:16px}

/* links on the dark hero */
body.emena-rec .pv .hero .lk{color:var(--mintline)}

/* five process steps: no connector after the last step */
body.emena-rec .pv .steps.s5 .step:last-child::before{display:none}

/* executive-search cards: short subtitle under the heading; sentence-length tagline */
body.emena-rec .pv .card .cs{margin-top:6px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--amber)}
body.emena-rec .pv[lang=ar] .card .cs{letter-spacing:0;text-transform:none;font-size:14.5px}
body.emena-rec .pv .t-dark .tagline{font-size:16px;font-weight:500;line-height:1.6;color:var(--ondark2);max-width:84ch;letter-spacing:0}
body.emena-rec .pv[lang=ar] .t-dark .tagline{font-size:17px;line-height:1.8}

/* hiring situations (6) in three columns; industries as chips */
body.emena-rec .pv .ulist.u3{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px}
body.emena-rec .pv .inds{margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}
body.emena-rec .pv .inds .chips{margin-top:12px}
body.emena-rec .pv .anat .alist b{font-weight:600}

/* two recruitment cases: two columns, no orphan spanning */
body.emena-rec .pv .cases{grid-template-columns:repeat(2,minmax(0,1fr))}
body.emena-rec .pv .cases .case:last-child{grid-column:auto}

@container pv (max-width:899px){
  body.emena-rec .pv .ulist.u3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container pv (max-width:699px){
  body.emena-rec .pv .fn li{width:100% !important}
  body.emena-rec .pv .ulist.u3{grid-template-columns:minmax(0,1fr)}
  body.emena-rec .pv .cases{grid-template-columns:minmax(0,1fr)}
}

/* 0.7.0: label contrast above 4.5:1 on the light panels */
body.emena-rec .pv .lab{color:#4F636B}

/* 0.8.0: compact funnel so the whole diagram fits beside the hero text on laptops (text sizes unchanged) */
@container pv (min-width:700px){
  body.emena-rec .pv .fn{gap:6px;margin-top:14px}
  body.emena-rec .pv .fn li{padding:7px 12px}
  body.emena-rec .pv[lang=ar] .fn li{line-height:1.5}
}
/* ======================================================================
   EXPERT-REVIEW PREVIEW 2026-10-10 (isolated copy only; not on production)
   ====================================================================== */
/* key facts: six facts, three per row on desktop */
body.emena-rec .pv .xr-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
/* E20: case = challenge / what was done / result */
body.emena-rec .pv .xr-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
body.emena-rec .pv .xr-cases .case:last-child{grid-column:auto}
body.emena-rec .pv .xr-cdr{display:grid;gap:12px;margin:0}
body.emena-rec .pv .xr-cdr div{display:grid;gap:3px}
body.emena-rec .pv .xr-cdr dt{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink)}
body.emena-rec .pv[lang=ar] .xr-cdr dt{letter-spacing:0;text-transform:none;font-size:14.5px}
body.emena-rec .pv .xr-cdr dd{margin:0;font-size:15px;line-height:1.6;color:var(--body)}
body.emena-rec .pv[lang=ar] .xr-cdr dd{font-size:16px;line-height:1.8}
body.emena-rec .pv .xr-cdr ul{display:grid;gap:4px;padding-inline-start:18px;margin:0;list-style:disc}
body.emena-rec .pv .xr-cdr .xr-res{padding-top:12px;border-top:1px solid var(--line)}
body.emena-rec .pv .xr-cdr .xr-res dd{color:var(--ink);font-weight:600}
body.emena-rec .pv .xr-note{font-size:14px;line-height:1.6;color:var(--body)}
body.emena-rec .pv[lang=ar] .xr-note{font-size:15px;line-height:1.8}
/* FAQ directly under its heading; guide + related links after the questions */
body.emena-rec .pv .xr-gf{display:grid;gap:22px;max-width:980px}
body.emena-rec .pv .xr-gf-more{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px;align-items:start;margin-top:12px}
body.emena-rec .pv .xr-gf-more .guide,body.emena-rec .pv .xr-gf-more .rel{margin-top:0}
@container pv (max-width:1179px){ body.emena-rec .pv .xr-facts{grid-template-columns:repeat(2,minmax(0,1fr))} }
@container pv (max-width:699px){
  body.emena-rec .pv .xr-facts,body.emena-rec .pv .xr-cases,body.emena-rec .pv .xr-gf-more{grid-template-columns:minmax(0,1fr)}
}