/* EmployMENA design-batch previews: the approved Homepage / EOR / Recruitment system applied to every remaining page.
   Loaded only on private preview pages (body.emena-ds), after eor.css. Tokens come from eor.css. */

/* ---------- section flow ---------- */
body.emena-ds .pv .sec > .wrap > * + *{margin-top:26px}
body.emena-ds .pv .sec > .wrap > .shead + *{margin-top:0}
body.emena-ds .pv .sec > .wrap > .eb + *{margin-top:0}
body.emena-ds .pv .bd{font-size:16.5px;line-height:1.7;max-width:75ch;color:var(--s-tx)}
body.emena-ds .pv[lang=ar] .bd{font-size:17px;line-height:1.85}
body.emena-ds .pv .lead2{font-size:clamp(17px,1.3cqw,19px);line-height:1.6;max-width:62ch;color:var(--s-hd);font-weight:500}
body.emena-ds .pv .bd a,body.emena-ds .pv .lead2 a,body.emena-ds .pv .note a,body.emena-ds .pv .sub a{color:var(--teal-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.emena-ds .pv .t-dark .bd a,body.emena-ds .pv .t-dark .lead2 a,body.emena-ds .pv .t-dark .note a,body.emena-ds .pv .t-dark .sub a{color:var(--mintline)}
body.emena-ds .pv .ds-lab{margin-bottom:-10px}
body.emena-ds .pv .h2-stmt{max-width:20ch}
body.emena-ds .pv .ds-stmt{font-size:clamp(22px,2cqw,28px)}
body.emena-ds .pv .sec:not(.t-dark) .tagline{color:var(--ink)}
body.emena-ds .pv .t-dark .h3s{color:#fff}
body.emena-ds .pv .stamp{font-size:13px;color:var(--s-mu);margin-top:14px}
body.emena-ds .pv .hero .stamp{color:var(--ondark2)}

/* ---------- hero ---------- */
body.emena-ds .pv .hgrid.one{grid-template-columns:minmax(0,1fr)}
body.emena-ds .pv .hgrid.one .h1{max-width:18ch}
body.emena-ds .pv .hgrid.one .lead{max-width:62ch}
body.emena-ds .pv .lead-s{font-size:16px;margin-top:12px;color:var(--ondark2)}
body.emena-ds .pv .hero .lead a{color:var(--mintline);text-decoration:underline;text-underline-offset:3px}

/* journey rail -> stage card (included stages highlighted, others muted) */
body.emena-ds .pv .fn{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px}
body.emena-ds .pv .fn li{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;align-items:center;padding:11px 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-ds .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-ds .pv .fn b{color:#fff;font-size:15px;line-height:1.3}
body.emena-ds .pv .fn li > span{grid-column:2}
body.emena-ds .pv .fn li.on{border-color:rgba(250,174,67,.65);background:rgba(250,174,67,.09)}
body.emena-ds .pv .fn li.on i{background:var(--amber);border-color:var(--amber);color:var(--ink)}
body.emena-ds .pv .fn li.off{opacity:.62;border-style:dashed}
body.emena-ds .pv[lang=ar] .fn li{font-size:14.5px;line-height:1.7}
body.emena-ds .pv[lang=ar] .fn b{font-size:16px}

/* country mark */
body.emena-ds .pv .ds-ctry{display:grid;gap:14px;align-content:start}
body.emena-ds .pv .ds-ctry .geo{display:grid;place-items:center;max-height:220px;overflow:hidden}
body.emena-ds .pv .ds-ctry .geo svg{width:auto;max-width:100%;height:200px;color:var(--mintline)}
body.emena-ds .pv .ds-ctry .cn{font-size:clamp(28px,2.6cqw,40px);font-weight:760;color:#fff;letter-spacing:-.02em;margin-top:4px}

/* light document hero (guides): standard header A stays readable */
body.emena-ds.ds-light .pv .hero.ds-light{background:var(--surface);background-image:radial-gradient(rgba(9,149,163,.10) 1px,transparent 1.3px);background-size:26px 26px;color:var(--body);padding-block:clamp(26px,3cqw,44px) clamp(40px,4.4cqw,64px);border-bottom:1px solid var(--line)}
body.emena-ds.ds-light .pv .hero.ds-light .crumb{color:var(--muted)}
body.emena-ds.ds-light .pv .hero.ds-light .crumb a{color:var(--ink)}
body.emena-ds.ds-light .pv .hero.ds-light .eb{color:var(--teal-ink)}
body.emena-ds.ds-light .pv .hero.ds-light .h1{color:var(--ink);font-size:clamp(34px,3.6cqw,52px);line-height:1.1;max-width:24ch}
body.emena-ds.ds-light .pv .hero.ds-light .lead{color:var(--body);max-width:62ch}
body.emena-ds.ds-light .pv .hero.ds-light .stamp{color:var(--muted)}
body.emena-ds .pv .ds-art-head{max-width:900px}

/* ---------- card grids ---------- */
body.emena-ds .pv .cgrid{display:grid;gap:16px}
body.emena-ds .pv .cgrid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.emena-ds .pv .cgrid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.emena-ds .pv .cgrid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
body.emena-ds .pv .cgrid .card{display:flex;flex-direction:column;gap:2px;transition:border-color .18s,box-shadow .18s}
body.emena-ds .pv .cgrid .card .tl{margin-top:auto;padding-top:8px}
body.emena-ds .pv .cgrid .card:hover{border-color:rgba(9,149,163,.45);box-shadow:var(--sh2)}
body.emena-ds .pv .t-dark .cgrid .card:hover{box-shadow:none;border-color:rgba(127,211,219,.45)}
body.emena-ds .pv .card .num{font-size:13px;font-weight:700;color:var(--teal-ink);font-variant-numeric:tabular-nums;letter-spacing:.06em}
body.emena-ds .pv .t-dark .card .num{color:var(--amber)}
body.emena-ds .pv .card .case-tag{margin-bottom:4px}
body.emena-ds .pv .card-k{background:var(--ground);border-color:var(--ground);color:var(--ondark2);--s-hd:#fff;--s-tx:var(--ondark2);background-image:radial-gradient(rgba(127,211,219,.11) 1px,transparent 1.3px);background-size:26px 26px}
body.emena-ds .pv .card-k .tl{color:#fff}
body.emena-ds .pv .card-k .case-tag{color:var(--amber)}
body.emena-ds .pv .ds-matrix .card{border-top:3px solid var(--amber)}
body.emena-ds .pv .ds-minor .card h3{font-size:17px}

/* decision paths */
body.emena-ds .pv .pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.emena-ds .pv .pcard{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;row-gap:4px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--body);transition:border-color .18s,box-shadow .18s;min-height:44px}
body.emena-ds .pv .pcard:hover{border-color:rgba(9,149,163,.5);box-shadow:var(--sh2)}
body.emena-ds .pv .pcard i{grid-row:1 / span 3;font-style:normal;width:36px;height:36px;border-radius:50%;border:1.6px solid var(--btn);color:var(--btn);display:grid;place-items:center;font-weight:700;font-size:13px}
body.emena-ds .pv .pcard b{color:var(--ink);font-size:17px;line-height:1.3}
body.emena-ds .pv .pcard span{font-size:14.5px;line-height:1.55}
body.emena-ds .pv .pcard em{font-style:normal;font-weight:650;color:var(--teal-ink);font-size:14.5px;margin-top:6px}
body.emena-ds .pv[lang=ar] .pcard span{font-size:15.5px;line-height:1.75}

/* journey track */
body.emena-ds .pv .jr{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:22px 12px;position:relative}
body.emena-ds .pv .jr li{position:relative;display:grid;gap:6px;align-content:start;font-size:14px}
body.emena-ds .pv .jr li::before{content:"";position:absolute;top:17px;inset-inline-start:44px;inset-inline-end:-6px;height:2px;background:var(--s-ln)}
body.emena-ds .pv .jr li:last-child::before{display:none}
body.emena-ds .pv .jr i{font-style:normal;width:36px;height:36px;border-radius:50%;border:1.6px solid var(--mintline);display:grid;place-items:center;color:var(--mintline);font-weight:700;font-size:12.5px;background:var(--s-bg);position:relative}
body.emena-ds .pv .sec:not(.t-dark) .jr i{border-color:var(--btn);color:var(--btn)}
body.emena-ds .pv .jr li.on i{background:var(--amber);border-color:var(--amber);color:var(--ink)}
body.emena-ds .pv .jr b{color:var(--s-hd);font-size:15.5px;line-height:1.3}
body.emena-ds .pv .jr span{color:var(--s-tx);line-height:1.5}

/* panels, tables */
body.emena-ds .pv .paths.one{grid-template-columns:minmax(0,1fr)}
body.emena-ds .pv .tw{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff;-webkit-overflow-scrolling:touch}
body.emena-ds .pv .tw:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
body.emena-ds .pv .tbl{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.5;color:var(--body)}
body.emena-ds .pv .tbl caption{caption-side:bottom;text-align:start;padding:12px 16px;font-size:13px;color:var(--muted)}
body.emena-ds .pv .tbl th,body.emena-ds .pv .tbl td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
body.emena-ds .pv .tbl thead th{background:var(--ground);color:#fff;font-weight:650;font-size:13.5px;position:sticky;top:0}
body.emena-ds .pv .tbl tbody th{color:var(--ink);font-weight:650;background:var(--surface);min-width:150px}
body.emena-ds .pv .tbl tbody tr:last-child th,body.emena-ds .pv .tbl tbody tr:last-child td{border-bottom:0}
body.emena-ds .pv .tbl-cmp{min-width:980px}
body.emena-ds .pv .tbl-cmp tbody th,body.emena-ds .pv .tbl-cmp thead th:first-child{position:sticky;inset-inline-start:0;z-index:1;box-shadow:1px 0 0 var(--line)}
body.emena-ds .pv .tbl-cmp thead th:first-child{z-index:2}
body.emena-ds .pv .hb2-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* split text | content */
body.emena-ds .pv .split2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:28px clamp(32px,4.5cqw,72px);align-items:start}
body.emena-ds .pv .split2 .shead{display:block;margin-bottom:12px}
body.emena-ds .pv .split2 .shead .sub{margin-top:14px}
body.emena-ds .pv .split2 > div > * + *{margin-top:18px}
body.emena-ds .pv .split2 > div > .shead + *{margin-top:0}
body.emena-ds .pv .why.ds-pill{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));margin-top:0}
body.emena-ds .pv .split2 .why.ds-pill{grid-template-columns:minmax(0,1fr);gap:0}
body.emena-ds .pv .split2 .why.ds-pill li{padding-block:16px;border-top:1px solid var(--s-ln)}
body.emena-ds .pv .split2 .why.ds-pill li:first-child{border-top:0;padding-top:0}
body.emena-ds .pv .why.ds-pill li{grid-template-columns:minmax(0,1fr)}

/* numbered rows */
body.emena-ds .pv .rows{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
body.emena-ds .pv .rows li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding-block:18px;border-top:1px solid var(--s-ln)}
body.emena-ds .pv .rows>li>i{font-style:normal;font-weight:700;color:var(--teal-ink);font-size:14px;font-variant-numeric:tabular-nums;padding-top:2px}
body.emena-ds .pv .t-dark .rows>li>i{color:var(--amber)}
body.emena-ds .pv .rows b{display:block;color:var(--s-hd);font-size:17px;line-height:1.35;margin-bottom:4px}
body.emena-ds .pv .rows span{display:block;font-size:15px;line-height:1.6}
body.emena-ds .pv .rows .tl{display:inline-block;margin-top:10px}
body.emena-ds .pv[lang=ar] .rows span{font-size:16px;line-height:1.8}

/* decision rows, related links, notices */
body.emena-ds .pv .decide{display:grid;border-top:1px solid var(--s-ln)}
body.emena-ds .pv .drow{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:60px;padding-block:14px;border-bottom:1px solid var(--s-ln);color:var(--s-hd)}
body.emena-ds .pv .drow .q{font-size:16.5px;font-weight:600}
body.emena-ds .pv .drow .a{color:var(--teal-ink);font-weight:650;white-space:nowrap}
body.emena-ds .pv .drow .a i{font-style:normal}
body.emena-ds .pv .drow:hover .q{color:var(--teal-ink)}
body.emena-ds .pv .rlinks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:12px}
body.emena-ds .pv .rl{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:96px;padding:18px;border:1px solid var(--s-ln);border-radius:12px;background:var(--s-card);color:var(--s-hd);transition:border-color .18s,box-shadow .18s}
body.emena-ds .pv .rl b{font-size:15.5px;line-height:1.35}
body.emena-ds .pv .rl span{font-size:14px;font-weight:650;color:var(--teal-ink)}
body.emena-ds .pv a.rl:hover{border-color:rgba(9,149,163,.5);box-shadow:var(--sh2)}
body.emena-ds .pv .notice{border-inline-start:4px solid var(--amber);background:var(--amber-soft,#FFF6E8);border-radius:10px;padding:18px 20px;color:var(--ink)}
body.emena-ds .pv .notice b{display:block;margin-bottom:6px}
body.emena-ds .pv .notice p{font-size:15px;line-height:1.6}
body.emena-ds .pv .notice a{color:var(--teal-ink);font-weight:600;text-decoration:underline}

/* cases (rendered from the shared registry by the builder) */
body.emena-ds .pv .ds-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
body.emena-ds .pv .ds-cases .case:last-child{grid-column:auto}
body.emena-ds .pv .ds-cases .case.wide,body.emena-ds .pv .ds-cases .case:only-child{grid-column:1 / -1}
body.emena-ds .pv .ds-cases .case .chips{margin-top:10px}
body.emena-ds .pv .case h3{font-size:18px;line-height:1.35;color:var(--ink);font-weight:700}
body.emena-ds .pv .case p{font-size:15px;line-height:1.6;color:var(--body)}
body.emena-ds .pv .case .cl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:-8px}
body.emena-ds .pv[lang=ar] .case .cl{letter-spacing:0;font-size:13px}
body.emena-ds .pv .case .chk{margin-top:0}
body.emena-ds .pv .case [class*="hb2-case-fig"]{display:inline-flex;gap:6px;align-items:baseline;background:var(--surface);border-radius:6px;padding:4px 10px;font-weight:600;color:var(--ink);font-size:13.5px}
body.emena-ds .pv .ds-lgg{grid-template-columns:repeat(7,minmax(0,1fr))}

/* team, proof, contact */
body.emena-ds .pv .team{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
body.emena-ds .pv .team .hb2-team-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:22px;border:1px solid var(--line);border-radius:14px;background:#fff}
body.emena-ds .pv .team .hb2-team-mono{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--ground);color:var(--amber);font-weight:760;font-size:20px}
body.emena-ds .pv .team .hb2-team-name{font-weight:720;color:var(--ink);font-size:18px}
body.emena-ds .pv .team .hb2-team-role{color:var(--teal-ink);font-weight:650;font-size:14px}
body.emena-ds .pv .team .hb2-team-org{color:var(--muted);font-size:13.5px}
body.emena-ds .pv .team .hb2-team-note{margin-top:8px;font-size:15px;line-height:1.6}
body.emena-ds .pv .team .hb2-link{color:var(--teal-ink);font-weight:650;display:inline-flex;min-height:44px;align-items:center}
body.emena-ds .pv .proof .hb2-proof-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-block:16px}
body.emena-ds .pv .proof .hb2-proof-grid li{padding:18px;border-radius:12px;background:var(--ground);color:var(--ondark2)}
body.emena-ds .pv .proof .hb2-proof-fig{font-size:clamp(20px,1.8cqw,26px);font-weight:760;color:#fff;line-height:1.2}
body.emena-ds .pv .proof .hb2-proof-l{font-size:13.5px;margin-top:6px;line-height:1.45}
body.emena-ds .pv .proof .hb2-body{font-size:15px;line-height:1.6;max-width:90ch}
body.emena-ds .pv .cnext{display:grid;gap:6px}
body.emena-ds .pv .cnext .hb2-link{color:var(--teal-ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}

/* ---------- articles (guides) and legal documents ---------- */
body.emena-ds .pv .art{max-width:76ch;color:var(--body);font-size:17px;line-height:1.75}
body.emena-ds .pv[lang=ar] .art{font-size:18px;line-height:1.9}
body.emena-ds .pv .art > * + *{margin-top:16px}
body.emena-ds .pv .art h2{font-size:clamp(24px,2.1cqw,30px);line-height:1.2;color:var(--ink);font-weight:720;letter-spacing:-.015em;margin-top:40px}
body.emena-ds .pv .art h2:first-child{margin-top:0}
body.emena-ds .pv .art h3{font-size:19px;line-height:1.35;color:var(--ink);font-weight:700;margin-top:28px}
body.emena-ds .pv .art h2 + *,body.emena-ds .pv .art h3 + *{margin-top:10px}
body.emena-ds .pv .art ul,body.emena-ds .pv .art ol{padding-inline-start:1.3em;display:grid;gap:8px;list-style:disc}
body.emena-ds .pv .art ol{list-style:decimal}
body.emena-ds .pv .art ul.chk{list-style:none;padding-inline-start:0}
body.emena-ds .pv .art ul li::marker{color:var(--teal)}
body.emena-ds .pv .art ol li::marker{color:var(--teal-ink);font-weight:700}
body.emena-ds .pv .art a{color:var(--teal-ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.emena-ds .pv .art strong{color:var(--ink)}
body.emena-ds .pv .art table{width:100%;border-collapse:collapse;font-size:15px}
body.emena-ds .pv .art th,body.emena-ds .pv .art td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
body.emena-ds .pv .art .hb2-legal-updated{font-size:13.5px;color:var(--muted)}
body.emena-ds .pv .art .hb2-legal-intro{font-size:19px;line-height:1.6;color:var(--ink)}
body.emena-ds .pv .art .hb2-legal-signoff{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);color:var(--ink);font-weight:600}
body.emena-ds .pv .art .hb2-legal-related{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:20px;font-size:15px}
body.emena-ds .pv .art .hb2-legal-related span{font-weight:700;color:var(--ink)}
body.emena-ds .pv .art .hb2-legal-related a{min-height:44px;display:inline-flex;align-items:center}
body.emena-ds .pv .answer{max-width:76ch;border-radius:14px;background:var(--ground);color:var(--ondark2);padding:24px 26px;background-image:radial-gradient(rgba(127,211,219,.11) 1px,transparent 1.3px);background-size:26px 26px}
body.emena-ds .pv .answer b{display:block;color:var(--amber);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
body.emena-ds .pv[lang=ar] .answer b{letter-spacing:0;font-size:14.5px}
body.emena-ds .pv .answer p{color:#E2EFF0;font-size:17px;line-height:1.7}
body.emena-ds .pv .answer p + p{margin-top:10px}
body.emena-ds .pv .pair{max-width:76ch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.emena-ds .pv .pair > div{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff;border-top:3px solid var(--teal)}
body.emena-ds .pv .pair > div + div{border-top-color:var(--amber)}
body.emena-ds .pv .pair b{color:var(--ink);font-size:16.5px}
body.emena-ds .pv .pair p{font-size:15px;line-height:1.6;margin-top:6px}
body.emena-ds .pv .aq{max-width:76ch;border-inline-start:4px solid var(--teal);padding:6px 0 6px 20px;font-size:19px;line-height:1.6;color:var(--ink);font-weight:500}
body.emena-ds .pv[dir=rtl] .aq{padding:6px 20px 6px 0}
body.emena-ds .pv .disc,body.emena-ds .pv .srcs{max-width:76ch;border:1px solid var(--line);border-radius:12px;padding:20px 22px;background:var(--surface);font-size:14.5px;line-height:1.65}
body.emena-ds .pv .disc h2,body.emena-ds .pv .srcs h2{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:.02em}
body.emena-ds .pv .disc p,body.emena-ds .pv .srcs p,body.emena-ds .pv .srcs ul{margin-top:8px}
body.emena-ds .pv .srcs ul{padding-inline-start:1.2em;display:grid;gap:6px}
body.emena-ds .pv .srcs a,body.emena-ds .pv .disc a{color:var(--teal-ink);text-decoration:underline;word-break:break-word}
body.emena-ds .pv .hb2-art-reviewed{font-size:13px;color:var(--muted)}
body.emena-ds .pv .relc{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 28px;padding:22px 24px;border-radius:14px;border:1px solid var(--line);background:#fff}
body.emena-ds .pv .relc > div{display:grid;gap:10px;min-width:min(100%,260px)}
body.emena-ds .pv .relc p{font-weight:650;color:var(--ink);font-size:17px}
body.emena-ds .pv .relc .meter{max-width:360px}
body.emena-ds .pv .ds-docsec{--sy:clamp(36px,4cqw,64px)}

/* ---------- forms (markup and behaviour unchanged; visual alignment only) ---------- */
body.emena-ds .pv .ds-form{max-width:920px;border:1px solid var(--line);border-radius:16px;background:#fff;padding:clamp(20px,3cqw,36px);box-shadow:var(--sh2)}
body.emena-ds .pv .ds-form .formlayer-input,body.emena-ds .pv .ds-form textarea,body.emena-ds .pv .ds-form select{border-radius:8px}
body.emena-ds .pv .ds-form .hireba-form-wrap,body.emena-ds .pv .ds-form .formlayer-form-wrapper,body.emena-ds .pv .ds-form form{max-width:none!important;margin-inline:0!important}
body.emena-ds .pv .ds-form{max-width:760px}

/* ---------- breakpoints (same as the EOR system) ---------- */
@container pv (max-width:999px){
  body.emena-ds .pv .cgrid.c4{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.emena-ds .pv .proof .hb2-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.emena-ds .pv .ds-lgg{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@container pv (max-width:899px){
  body.emena-ds .pv .cgrid.c3,body.emena-ds .pv .pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.emena-ds .pv .split2{grid-template-columns:minmax(0,1fr)}
  body.emena-ds .pv .rows{grid-template-columns:minmax(0,1fr)}
}
@container pv (max-width:699px){
  body.emena-ds .pv .cgrid.c2,body.emena-ds .pv .cgrid.c3,body.emena-ds .pv .cgrid.c4,body.emena-ds .pv .pgrid,body.emena-ds .pv .pair,body.emena-ds .pv .ds-cases{grid-template-columns:minmax(0,1fr)}
  body.emena-ds .pv .proof .hb2-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.emena-ds .pv .ds-lgg{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.emena-ds .pv .jr{grid-template-columns:minmax(0,1fr);gap:0}
  body.emena-ds .pv .jr li{grid-template-columns:36px minmax(0,1fr);column-gap:14px;padding-bottom:18px}
  body.emena-ds .pv .jr li i{grid-row:1 / span 2}
  body.emena-ds .pv .jr li::before{top:40px;bottom:0;inset-inline-start:17px;inset-inline-end:auto;width:2px;height:auto}
  body.emena-ds .pv .drow{flex-direction:column;align-items:flex-start;gap:4px}
  body.emena-ds .pv .drow .a{white-space:normal}
  body.emena-ds .pv .team .hb2-team-card{grid-template-columns:minmax(0,1fr)}
  body.emena-ds .pv .art{font-size:16.5px}
  body.emena-ds .pv .tbl th,body.emena-ds .pv .tbl td{padding:12px}
}

/* ---------- private review index ---------- */
body.emena-ds .pv .dsi{width:100%;border-collapse:collapse;font-size:14.5px;min-width:900px}
body.emena-ds .pv .dsi th,body.emena-ds .pv .dsi td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
body.emena-ds .pv .dsi thead th{background:var(--ground);color:#fff;font-weight:650;font-size:13px;position:sticky;top:0}
body.emena-ds .pv .dsi tr.grp th{background:var(--surface);color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:12.5px;font-weight:700}
body.emena-ds .pv .dsi tbody th{font-weight:650;color:var(--ink)}
body.emena-ds .pv .dsi .dsi-ar{display:block;font-weight:500;color:var(--muted);margin-top:4px}
body.emena-ds .pv .dsi tr.g td{background:var(--surface);font-weight:700;color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-size:12.5px}
body.emena-ds .pv .dsi a{color:var(--teal-ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}
body.emena-ds .pv .dsi .miss{color:#9A4A12;font-weight:600}
body.emena-ds .pv .dsi .ref{color:var(--muted)}

/* QA round 1: contrast + target fixes (preview-scoped) */
body.emena-ds .pv .t-dark .jr li:not(.on) i{color:#D4ECEF;border-color:rgba(212,236,239,.6)}
body.emena-ds .pv .doc .hb2-legal-related span{font-size:12.5px}
body.emena-ds .pv .ds-form .required-indicator{color:#B42318!important}
body.emena-ds .pv .ds-form .formlayer-submit-btn{background:var(--btn)!important;border-color:var(--btn)!important;color:#fff!important;min-height:48px}
body.emena-ds .pv .ds-form .formlayer-submit-btn:hover{background:var(--btn-h)!important;border-color:var(--btn-h)!important}
body.emena-ds .pv .ds-pill a{display:inline-flex;min-height:44px;align-items:center}body.emena-ds .pv .sec .jr li.on i{background:var(--amber);border-color:var(--amber);color:var(--ink)}
body.emena-ds .pv .ds-faqsec+.ds-faqsec{padding-top:0}
@media (min-width:900px){body.emena-ds .pv .ds-faqsec .gf>div:first-child{position:sticky;top:110px;align-self:start}}

/* ---- 0.7.0: titles keep the source tag (p.tx = was a paragraph in the source; h3 = was a heading) ---- */
body.emena-ds .pv .card .ct.tx{display:flex;align-items:center;gap:10px;font-size:19px;line-height:1.3;color:var(--s-hd);font-weight:700}
body.emena-ds .pv[lang=ar] .card .ct.tx{font-size:20px}
body.emena-ds .pv .ds-minor .card .ct.tx{font-size:17px}
body.emena-ds .pv .step .st.tx{color:var(--ink);margin-top:16px;font-size:18px;font-weight:700;line-height:1.3}
body.emena-ds .pv[lang=ar] .step .st.tx{font-size:19px}
body.emena-ds .pv .path .pt.tx{font-size:clamp(22px,2cqw,27px);line-height:1.2;color:var(--ink);font-weight:720}
body.emena-ds .pv[lang=ar] .path .pt.tx{line-height:1.45;font-weight:800}
body.emena-ds .pv .path-k .pt.tx{color:#fff}
body.emena-ds .pv .cmp .mt.tx{font-size:19px;color:var(--ink);font-weight:700;line-height:1.3}
body.emena-ds .pv .rows .rt{display:block;color:var(--s-hd);font-size:17px !important;line-height:1.35 !important;margin:0 0 4px;font-weight:700;letter-spacing:0}
body.emena-ds .pv[lang=ar] .rows .rt{font-size:18px !important;line-height:1.5 !important}

/* ---- 0.7.0: calmer heading scale and hero spacing on the design-batch pages ---- */
/* 0.8.0: the two-column hero headline scale now lives in eor.css (one scale for EOR Jordan, Recruitment and these pages) */
body.emena-eor.emena-ds .pv .hero.ds-compact .h1{font-size:clamp(34px,3.4cqw,48px) !important;max-width:22ch}
body.emena-eor.emena-ds .pv[lang=ar] .hero.ds-compact .h1{font-size:clamp(30px,3cqw,42px) !important}
body.emena-eor.emena-ds .pv .h2{font-size:clamp(26px,2.6cqw,38px) !important}
body.emena-ds .pv .hero.ds-compact{padding-bottom:clamp(30px,3.2cqw,48px)}
body.emena-eor.eor-hdr-b.emena-ds .pv .hero.ds-compact{padding-top:calc(var(--emena-hdr-h) + clamp(14px,1.8cqw,28px))}
body.emena-ds .pv .hero.ds-compact .lead{margin-top:12px}
body.emena-ds .pv .hero.ds-compact .ctas{margin-top:20px}
body.emena-ds .pv .hero.ds-compact + .sec,body.emena-ds .pv .ds-jump + .sec{padding-top:clamp(28px,3cqw,48px)}

/* FAQ topics */
body.emena-ds .pv .ds-jump{padding-block:clamp(18px,2cqw,26px) 0}
body.emena-ds .pv .faq-jump{display:flex;flex-wrap:wrap;gap:8px}
body.emena-ds .pv .faq-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:650;font-size:15px;text-decoration:none}
body.emena-ds .pv .faq-jump a:hover{border-color:var(--teal);color:var(--teal-ink)}
body.emena-ds .pv .faq-jump a:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
body.emena-ds .pv .ds-faqsec{scroll-margin-top:110px}

/* Compare matrix on phones: narrower fixed column, headings stay in view, clear swipe cue */
body.emena-ds .pv .cmp-hint{display:inline-flex;align-items:center;gap:8px;font-weight:650;color:var(--teal-ink)}
@media (min-width:900px){body.emena-ds .pv .cmp-hint{display:none}}
@media (max-width:899px){
  body.emena-ds .pv .tw-cmp{max-height:min(78vh,760px);overflow:auto}
  body.emena-ds .pv .tbl-cmp{min-width:860px;font-size:14px}
  body.emena-ds .pv .tbl-cmp thead th{position:sticky;top:0;z-index:2}
  body.emena-ds .pv .tbl-cmp thead th:first-child{z-index:3}
  body.emena-ds .pv .tbl-cmp tbody th,body.emena-ds .pv .tbl-cmp thead th:first-child{width:112px;min-width:112px;max-width:112px;font-size:13.5px;line-height:1.35}
  body.emena-ds .pv .tbl-cmp td,body.emena-ds .pv .tbl-cmp th{padding:10px 12px}
}
/* 0.8.0: compact journey rail beside the hero text (text sizes unchanged) */
@container pv (min-width:700px){
  body.emena-ds .pv .hero .fn{gap:6px;margin-top:14px}
  body.emena-ds .pv .hero .fn li{padding:8px 12px}
  body.emena-ds .pv[lang=ar] .hero .fn li{line-height:1.5}
}/* light document heroes (guides, legal) keep exactly their previous headline scale */
body.emena-eor.emena-ds .pv .hero.ds-light .h1{font-size:clamp(38px,4.2cqw,60px) !important;line-height:1.05 !important}
body.emena-eor.emena-ds .pv[lang=ar] .hero.ds-light .h1{font-size:clamp(34px,3.6cqw,52px) !important;line-height:1.32 !important}
/* ======================================================================
   TEAM FEEDBACK 2026-10-08 (owner-approved items, see team-feedback report)
   ====================================================================== */
/* F07: the builder's 30px accent rule and top border no longer show above the dark figure cards */
body.emena-ds .pv .proof .hb2-proof-grid li{border-top:0;padding-top:18px}
body.emena-ds .pv .proof .hb2-proof-grid li::before{content:none;display:none}
/* F33: guides and legal documents - the reading column is centred, so the measure stays the same without a wide empty side */
@container pv (min-width:1000px){
  body.emena-ds.ds-light .pv .hero.ds-light > .wrap,
  body.emena-ds.ds-light .pv .ds-docsec > .wrap{max-width:calc(900px + 2 * var(--gut))}
  body.emena-ds.ds-light .pv .ds-docsec{padding-block:clamp(40px,4.4cqw,64px)}
}
/* F36 option B (owner-approved 2026-10-09), About pages only (EN 335, AR 488): each section description sits directly
   under its heading; the first white section after the hero loses its extra bottom space on tablet/desktop.
   Phones are unchanged (the description is already under the heading there). Text and hero untouched. */
body.page-id-335.emena-ds .pv .shead,body.page-id-488.emena-ds .pv .shead{grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
body.page-id-335.emena-ds .pv .shead .sub,body.page-id-488.emena-ds .pv .shead .sub{max-width:64ch}
@container pv (min-width:900px){
  body.page-id-335.emena-ds .pv section.hero + section.sec,body.page-id-488.emena-ds .pv section.hero + section.sec{padding-bottom:clamp(40px,4cqw,56px)}
}
/* EXPERT-REVIEW ROUND 2 PREVIEW. E35: country pages (Jordan 326/505, Palestine 329/506) stack the section heading above its
   paragraph, the same fix as About (F36). E36: the hero card text reads as body text instead of small bold. */
body.page-id-326.emena-ds .pv .shead,body.page-id-505.emena-ds .pv .shead,body.page-id-329.emena-ds .pv .shead,body.page-id-506.emena-ds .pv .shead{grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
body.page-id-326.emena-ds .pv .shead .sub,body.page-id-505.emena-ds .pv .shead .sub,body.page-id-329.emena-ds .pv .shead .sub,body.page-id-506.emena-ds .pv .shead .sub{max-width:64ch}
body.emena-ds .pv .ds-ctry .arr-f{font-size:16px !important;font-weight:400 !important;line-height:1.6 !important;max-width:46ch;color:var(--ondark,#EAF6F6) !important}
body.emena-ds .pv[lang=ar] .ds-ctry .arr-f{font-size:17px !important;line-height:1.8 !important}
@container pv (min-width:900px){ body.page-id-326.emena-ds .pv section.hero + section.sec,body.page-id-505.emena-ds .pv section.hero + section.sec,body.page-id-329.emena-ds .pv section.hero + section.sec,body.page-id-506.emena-ds .pv section.hero + section.sec{padding-bottom:clamp(40px,4cqw,56px)} }
/* Contact (341/489): six contact items (Response time added) sit 3 + 3 on wide screens instead of 5 + 1 */
@container pv (min-width:900px){ body.page-id-341.emena-ds .pv .why.ds-pill,body.page-id-489.emena-ds .pv .why.ds-pill{grid-template-columns:repeat(3,minmax(0,1fr)) !important} }
/* EXPERT-REVIEW ROUND 3 PREVIEW. Country information on Jordan 326/505 and Palestine 329/506 (E33/E34/E44): key facts grid,
   law tables (stacked on phones), 3 + 3 key-facts grid on wide screens. Countries hub 324/497 uses existing components. */
:is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .tbl tbody th{min-width:0;width:30%}
:is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .tw{margin-top:clamp(20px,2.4cqw,30px)}
:is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .why.ds-pill li div{font-size:15px;line-height:1.6}
@container pv (min-width:900px){ :is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .why.ds-pill{grid-template-columns:repeat(3,minmax(0,1fr)) !important} }
@container pv (max-width:599px){
  :is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .tbl thead{display:none}
  :is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .tbl tr{display:block;border-bottom:1px solid var(--line)}
  :is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .tbl tbody th,:is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .tbl td{display:block;width:auto;border:0;background:transparent;padding:14px 16px 0}
  :is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .tbl td{padding:6px 16px 14px}
  :is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .tw{overflow-x:visible}
}
/* Round 3 (owner review 2026-10-12): country-page sources in two columns on wide screens, one on phones; same text size. */
:is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .srcs{max-width:none}
@container pv (min-width:900px){ :is(body.page-id-326,body.page-id-505,body.page-id-329,body.page-id-506).emena-ds .pv .srcs ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(28px,3cqw,48px)} }

/* ======================================================================
   COUNTRY PHOTO HEROES 2026-11-03 (owner-approved: Jordan, Palestine, Oman)
   Only pages with a photo in emena_ds_ctry_photo() get .ds-photo; text and links are unchanged.
   ====================================================================== */
body.emena-eor.emena-ds .pv .hero.ds-photo{isolation:isolate;background:#062429;min-height:clamp(520px,42cqw,640px)}
body.emena-ds .pv .hero.ds-photo .ph{position:absolute;inset:0;z-index:-1}
body.emena-ds .pv .hero.ds-photo .ph img{width:100%;height:100%;object-fit:cover;object-position:var(--ph-pos,50% 50%);display:block}
body.emena-ds .pv .hero.ds-photo .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,36,41,.72) 0,rgba(6,36,41,0) 28%),linear-gradient(90deg,rgba(6,36,41,.95) 0,rgba(6,36,41,.88) 44%,rgba(6,36,41,.46) 70%,rgba(6,36,41,.16) 100%)}
body.emena-ds .pv[dir=rtl] .hero.ds-photo .ph::after{background:linear-gradient(180deg,rgba(6,36,41,.72) 0,rgba(6,36,41,0) 28%),linear-gradient(270deg,rgba(6,36,41,.95) 0,rgba(6,36,41,.88) 44%,rgba(6,36,41,.46) 70%,rgba(6,36,41,.16) 100%)}
body.emena-ds .pv .hero.ds-photo .ds-ctry{background:rgba(6,36,41,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:3px solid var(--ph-acc,#FAAE43)}
body.emena-ds .pv .hero.ds-photo .ds-ctry .geo{display:none}
body.emena-ds .pv .hero.ds-photo .ph-cred{position:absolute;z-index:1;bottom:10px;inset-inline-end:clamp(16px,2cqw,28px);margin:0;max-width:calc(100% - 32px);font-size:11.5px;line-height:1.4;color:rgba(234,246,246,.75);text-shadow:0 1px 6px rgba(0,0,0,.7)}
body.emena-ds .pv .hero.ds-photo .ph-cred a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* tablet: the text runs full width, so the photo sits under an even overlay */
@container pv (max-width:899px){
  body.emena-ds .pv .hero.ds-photo .ph::after,body.emena-ds .pv[dir=rtl] .hero.ds-photo .ph::after{background:linear-gradient(180deg,rgba(6,36,41,.8) 0,rgba(6,36,41,.86) 100%)}
}
/* phone: the photo is a band under the header and the text follows on the dark ground */
@container pv (max-width:699px){
  body.emena-eor.emena-ds .pv .hero.ds-photo{min-height:0;padding-top:calc(var(--emena-hdr-h,66px) + 50cqw)}
  body.emena-ds .pv .hero.ds-photo .ph{bottom:auto;height:calc(var(--emena-hdr-h,66px) + 62cqw)}
  body.emena-ds .pv .hero.ds-photo .ph::after,body.emena-ds .pv[dir=rtl] .hero.ds-photo .ph::after{background:linear-gradient(180deg,rgba(6,36,41,.6) 0,rgba(6,36,41,.05) 32%,rgba(6,36,41,.3) 68%,#062429 100%)}
  body.emena-ds .pv .hero.ds-photo .ph-cred{position:static;margin:18px 0 0;padding-inline:var(--gut,16px);max-width:none}
}