/* cv page: same tokens and fonts as the site (style.css) */
.cv-page{background:var(--bg)}
html[data-l=ar] .en,html[data-l=en] .ar{display:none}
.cvdoc{display:none}
html[data-l=ar] .cvdoc--ar,html[data-l=en] .cvdoc--en{display:block}

.cvbar{width:min(210mm,calc(100% - 2 * var(--gutter)));margin:14px auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.cvbar a,.cvlang button{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.cvbar__back{border:1.5px solid var(--ink);border-radius:999px;padding-inline:20px}
.cvbar__act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.cvlang{display:inline-flex;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--ink);padding:3px}
.cvlang button{padding-inline:16px;border-radius:999px}
.cvlang button[aria-pressed=true]{background:var(--ink);color:var(--lime)}
.cvbar__txt{color:var(--muted);font-size:.9rem;text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--ink)}
@media (hover:hover) and (pointer:fine){.cvbar__back:hover{background:var(--lime);border-color:var(--lime)}.cvbar__txt:hover{color:var(--ink);text-decoration-color:var(--ink)}}

.sheet{width:min(210mm,calc(100% - 2 * var(--gutter)));margin:0 auto 48px;background:#fff;border-radius:var(--r);padding:clamp(22px,5vw,12mm);box-shadow:0 1px 0 var(--line),0 18px 40px -30px rgba(17,17,17,.18)}

.cvhead{padding-block-end:14px;border-block-end:1.5px solid var(--ink);margin-block-end:16px}
.cvhead__name{font-weight:900;font-size:clamp(2.1rem,6vw,2.9rem);line-height:1.25}
.cvhead__role{margin-block-start:4px;font-size:1.15rem;font-weight:700}
.cvhead__contact{display:flex;flex-wrap:wrap;gap:2px 22px;margin-block-start:10px;font-size:.88rem;color:#333}
.cvhead__contact a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(17,17,17,.3)}

.cvgrid{display:grid;grid-template-columns:1.85fr 1fr;gap:22px}
.cvmain section+section,.cvside section+section{margin-block-start:16px}
.cvdoc h2{font-weight:900;font-size:.98rem;line-height:1.3;margin-block-end:9px}
.cvdoc h2::after{content:"";display:block;width:22px;height:3px;margin-block-start:5px;background:var(--lime);border-radius:2px}
.sum{font-size:.95rem;line-height:1.85;color:#222}

.xl{display:grid;gap:11px;list-style:none}
.x__h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.x__h b{display:block;font-weight:700;font-size:.97rem;line-height:1.4}
.x__o{display:block;color:var(--muted);font-size:.86rem;line-height:1.4}
.x__h .d,.dl .d{flex:none;font-weight:700;font-size:.78rem;background:var(--lime);padding:.08em .65em;border-radius:999px;white-space:nowrap}
.x p{margin-block-start:3px;font-size:.88rem;line-height:1.7;color:#333}
.bl{display:grid;gap:5px;font-size:.88rem;line-height:1.65}
.bl li{padding-inline-start:12px;position:relative}
.bl li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:.72em;width:5px;height:5px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 1px rgba(17,17,17,.35)}

.cvside{align-self:start;background:var(--bg);border-radius:18px;padding:16px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.stats b{display:block;font-weight:900;font-size:1.55rem;line-height:1.1}
.stats span{display:block;font-size:.78rem;color:var(--muted);line-height:1.4}
.dl{display:grid;gap:9px}
.dl li{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:start}
.dl b{font-weight:700;font-size:.86rem;line-height:1.4;grid-column:1}
.dl span bdi{display:block;white-space:nowrap}
.dl span:not(.d){grid-column:1;font-size:.8rem;color:var(--muted);line-height:1.45}
.dl .d{grid-column:2;grid-row:1}
.brands{font-size:.82rem;line-height:1.7;color:#333}
.tags{display:flex;flex-wrap:wrap;gap:5px}
.tags li{font-size:.78rem;line-height:1.35;padding:.3em .75em;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}

@media (max-width:720px){.cvgrid{grid-template-columns:1fr}.cvbar__act{width:100%}}

@page{size:A4;margin:0}
@media print{
  html,body{background:#fff!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .cvbar,.sr{display:none}
  body{font-size:9pt;line-height:1.5}
  .sheet{width:210mm;min-height:297mm;margin:0;padding:11mm 12mm;border-radius:0;box-shadow:none}
  .cvhead{padding-block-end:9px;margin-block-end:11px}
  .cvhead__name{font-size:25pt;line-height:1.3}
  .cvhead__role{font-size:11.5pt}
  .cvhead__contact{font-size:8.3pt;margin-block-start:7px}
  .cvgrid{gap:16px}
  .cvmain section+section,.cvside section+section{margin-block-start:11px}
  .cvdoc h2{font-size:9.5pt;margin-block-end:6px}
  .cvdoc h2::after{margin-block-start:3px;height:2.5px}
  .sum{font-size:8.8pt;line-height:1.7}
  .xl{gap:7px}
  .x__h b{font-size:9pt}.x__o{font-size:8pt}.x__h .d,.dl .d{font-size:7.2pt}
  .x p{font-size:8.3pt;line-height:1.55;margin-block-start:1px}
  .bl{font-size:8.3pt;gap:3px;line-height:1.5}
  .cvside{padding:11px;border-radius:12px}
  .stats b{font-size:14pt}.stats span{font-size:7.4pt}
  .dl{gap:6px}.dl b{font-size:8.3pt}.dl span:not(.d){font-size:7.6pt}
  .brands{font-size:7.8pt;line-height:1.6}
  .tags li{font-size:7.4pt}
  .x,.dl li,.bl li{break-inside:avoid}
  a{text-decoration:none!important}
}

/* English phrases inside Arabic lines: keep each on its own line, aligned to the Arabic start */
.cvdoc--ar bdi[dir=ltr]:not(.in){display:block;text-align:right}

.nw{white-space:nowrap}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:480px){.cvhead__contact{flex-direction:column}}