/* Careers home only (moved out of careers-v2.html). */
/* demo banner */
.banner{background:var(--navy);color:oklch(96% .01 270);text-align:center;font-size:13px;padding:6px 16px}
/* ── «ما عندك CV؟»: the designer's section, both figures as separate layers ── */
.cv{background:var(--surface);border-radius:var(--r-lg);overflow:hidden}
.cv__inner{display:grid;grid-template-columns:1fr minmax(0,520px) 1fr;align-items:center;gap:20px;padding:clamp(32px,6vw,64px) clamp(16px,4vw,48px)}
.cv__art{aspect-ratio:1;position:relative;display:grid;place-items:center}
.cv__disc{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cv__person{position:relative;width:78%;height:auto;object-fit:contain}
.cv__copy{text-align:center;display:grid;gap:18px;justify-items:center}
.cv__copy h2{font-size:clamp(22px,3.4vw,34px);font-weight:800;line-height:1.5}
@media (max-width:860px){
  .cv__inner{grid-template-columns:1fr}
  .cv__art{max-width:170px;margin-inline:auto}
  .cv__art:last-child{display:none}
}
/* ── clients: one strip that never stops; the list is written twice and moves half its width ── */
.clients__head{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:28px}
.clients__arrow{width:44px;height:44px;border-radius:999px;color:var(--accent-ink);font-size:23px;line-height:1}
.clients__arrow:hover{background:var(--surface)}
.clients__viewport{overflow:hidden;direction:ltr;padding-block:12px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.clients__track{display:flex;align-items:center;gap:clamp(36px,5vw,72px);width:max-content;animation:clients-marquee var(--marquee-dur,60s) linear infinite}
.clients__viewport:hover .clients__track,.clients__viewport:focus-within .clients__track{animation-play-state:paused}
.clients__track.is-reverse{animation-direction:reverse}
.clients__track img{height:60px;width:auto;max-width:170px;object-fit:contain;flex:none}
:root[data-theme="dark"] .clients__track img{background:oklch(96% .01 270);border-radius:12px;padding:6px 10px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .clients__track img{background:oklch(96% .01 270);border-radius:12px;padding:6px 10px}}
@keyframes clients-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  .clients__viewport{-webkit-mask-image:none;mask-image:none;direction:rtl}
  .clients__track{animation:none;width:auto;flex-wrap:wrap;justify-content:center}
  .clients__track [aria-hidden="true"]{display:none}
}
@media (max-width:719px){.clients__track img{height:44px}}

/* ── announcement (site_content, staff-edited) ─────────────────────────── */
.announce{max-width:var(--wrap);margin:16px auto 0;padding:14px 18px;border-radius:var(--r);background:var(--surface);color:var(--head);font-weight:700;text-align:center}
.announce img{max-width:100%;border-radius:12px;margin-bottom:8px}

/* ── a job opened by link before its static page exists ───────────────── */
.jobview{padding-block:24px 8px}
.jobview h1{font-size:clamp(26px,4.2vw,40px);font-weight:800;margin:6px 0 12px;unicode-bidi:plaintext;overflow-wrap:anywhere}
.jv-desc{white-space:pre-line;color:var(--ink);line-height:1.8;margin-top:16px;unicode-bidi:plaintext;overflow-wrap:anywhere}

/* ── CV bank + job alerts, side by side on wide screens ────────────────── */
.duo{display:grid;gap:20px}
@media (min-width:860px){.duo{grid-template-columns:1fr 1fr}}
.duo .card{display:grid;gap:14px;align-content:start}
.duo h2{font-size:clamp(20px,2.6vw,26px)}
.al-msg{font-size:14px;font-weight:700;min-height:1.4em}
.al-msg.ok{color:var(--ok)} .al-msg.bad{color:var(--err)}

/* ── FAQ ──────────────────────────────────────────────────────────────── */
.eyebrow{color:var(--accent-ink);font-weight:800;font-size:14px;letter-spacing:.05em;margin-bottom:6px}
.faq__list{display:grid;gap:10px;margin-top:20px}
.faq__item{border:1px solid var(--line);border-radius:var(--r);background:var(--bg);padding:0 18px}
.faq__item summary{min-height:56px;display:flex;align-items:center;gap:12px;font-weight:800;color:var(--head);cursor:pointer;list-style:none}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary::after{content:"+";margin-inline-start:auto;font-size:22px;color:var(--accent-ink)}
.faq__item[open] summary::after{content:"−"}
.faq__item p{padding-bottom:16px;color:var(--ink-2);line-height:1.8}

/* ── jobs by city: visible links (hidden links read as cloaking to AI crawlers) ── */
.cities__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:16px}
.cities__grid a{min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;font-weight:700;color:var(--head);text-decoration:none}
.cities__grid a:hover{border-color:var(--cyan)}