/* PaperFlip CV maker — uses the site's CSS variables from styles.css */
body.cvpage{padding-bottom:84px}
.cvwide{max-width:1240px;margin:0 auto;padding:0 20px}
.cvb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start;margin-top:22px}
.cvb *{box-sizing:border-box}
.cv-card{background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px}
.cv-card h3{font-size:19px;font-weight:800;margin:0 0 10px}
.cvb label{display:block;font-weight:700;font-size:14px;margin:9px 0 4px;color:var(--ink)}
.cvb input[type=text],.cvb input[type=tel],.cvb input[type=email],.cvb textarea,.cvb select{display:block;width:100%;font:inherit;font-size:16px;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.cvb textarea{min-height:78px;resize:vertical}
.cv-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cv-hint{font-size:13px;color:var(--muted);margin:4px 0 0}
.cv-seg{display:flex;gap:6px;flex-wrap:wrap}
.cv-seg button{flex:1;min-width:76px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:15px;padding:9px 10px;border-radius:10px}
.cv-seg button.on{background:var(--word);border-color:var(--word);color:#fff}
.cv-sw{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.cv-sw button{width:34px;height:34px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 2px var(--line);padding:0}
.cv-sw button.on{box-shadow:0 0 0 3px var(--ink)}
.cv-box{border:2px dashed var(--line);border-radius:14px;padding:10px 12px 12px;margin-bottom:10px;background:var(--bg)}
.cv-box .rm{float:inline-end;border:0;background:transparent;color:var(--pdf);font-weight:700;font-size:13px;padding:2px 6px}
.cv-chk{display:flex!important;align-items:center;gap:8px;font-weight:600!important}
.cv-chk input{width:18px;height:18px}
.cv-btn{border:0;border-radius:12px;font-weight:800;font-size:15px;padding:10px 16px;background:var(--adbg);color:var(--ink)}
.cv-btn.add{width:100%;background:color-mix(in srgb,var(--word) 12%,var(--surface));color:var(--word)}
.cv-samples{display:flex;gap:8px;flex-wrap:wrap}
.cv-samples .cv-btn{flex:1;min-width:110px}
.cv-photo{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cv-photo img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--line)}
.cv-upsell{background:linear-gradient(135deg,#1f3fae,#2f5bea);color:#fff;border:0}
.cv-upsell h3,.cv-upsell p{color:#fff}
.cv-upsell p{margin:0 0 6px;opacity:.95}
.cv-upsell a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:#25d366;color:#fff;font-weight:800;text-decoration:none;padding:11px 20px;border-radius:12px}

/* preview */
.cv-prev{position:sticky;top:78px}
.cv-wrap{background:var(--adbg);border-radius:18px;padding:12px;overflow:hidden}
#pv{width:100%}
#pvbox{position:relative;margin:0 auto}
#cv{position:absolute;top:0;left:0;transform-origin:top left;width:794px;min-height:1123px;background:#fff;color:#1e2330;box-shadow:0 6px 24px rgba(20,30,70,.18);font-size:13.5px;line-height:1.55;overflow:hidden;text-align:start}
#cv[dir=rtl]{font-family:"IBM Plex Sans Arabic",Tahoma,"Segoe UI",sans-serif}
#cv[dir=ltr]{font-family:Arial,"Segoe UI",Helvetica,sans-serif;font-size:13px}
#cv *{color:inherit;font-family:inherit}
#cv h1{font-size:30px;line-height:1.25;font-weight:800;margin:0;letter-spacing:0}
#cv .jt{font-size:16px;color:var(--acc);font-weight:700;margin-top:2px}
#cv h2{font-size:15px;font-weight:800;color:var(--acc);margin:0;letter-spacing:0;line-height:1.4}
#cv section{margin-top:16px;break-inside:avoid-page}
#cv .entry{margin-top:9px;break-inside:avoid}
#cv .eh{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
#cv .eh b{font-size:14.5px}
#cv .dt{font-size:12.5px;color:#5a6278;white-space:nowrap}
#cv .es{color:#46506a;font-weight:600}
#cv ul{padding-inline-start:18px;margin:3px 0 0}
#cv ul.plain{list-style:none;padding:0}
#cv p{margin:3px 0 0}
#cv .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
#cv .chips span{border:1px solid color-mix(in srgb,var(--acc) 40%,#fff);background:color-mix(in srgb,var(--acc) 8%,#fff);padding:1px 10px;border-radius:999px;font-size:12.5px}
#cv .ph{width:96px;height:96px;border-radius:50%;object-fit:cover}
#cv .contact{margin-top:6px;color:#46506a;font-size:12.5px}
#cv .contact i{font-style:normal;margin:0 8px;color:#b9bfd0}
#cv.t-classic{padding:44px 50px}
#cv.t-classic .cvh{display:flex;gap:20px;align-items:center;border-bottom:3px solid var(--acc);padding-bottom:14px}
#cv.t-classic h2{border-bottom:1.5px solid color-mix(in srgb,var(--acc) 45%,#fff);padding-bottom:2px;margin-bottom:4px}
#cv.t-minimal{padding:44px 50px}
#cv.t-minimal .cvh{display:flex;gap:20px;align-items:center;border-inline-start:6px solid var(--acc);padding-inline-start:18px}
#cv.t-minimal h1{font-weight:700}
#cv.t-minimal h2{color:#222;font-size:13px;letter-spacing:.06em;margin-bottom:2px}
#cv.t-minimal h2::after{content:"";display:block;width:34px;height:3px;background:var(--acc);margin-top:3px}
#cv.t-modern{display:grid;grid-template-columns:238px 1fr;padding:0}
#cv.t-modern .cva{background:var(--acc);color:#fff;padding:34px 20px;min-height:1123px}
#cv.t-modern .cva .ph{display:block;margin:0 auto 16px;width:120px;height:120px;border:4px solid rgba(255,255,255,.7)}
#cv.t-modern .cva h2{color:#fff;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:3px;margin-bottom:6px}
#cv.t-modern .cva .chips span{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff}
#cv.t-modern .cva li{margin-top:4px;font-size:12.5px;word-break:break-word}
#cv.t-modern .cvm{padding:36px 30px}
#cv.t-modern .cvm h2{border-bottom:2px solid var(--acc);padding-bottom:2px;margin-bottom:4px}

/* action bar */
.cv-actions{position:fixed;left:0;right:0;bottom:0;z-index:40;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(6px);border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;gap:10px;justify-content:center}
.cv-actions .cv-btn{height:48px;font-size:16px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;max-width:220px;white-space:nowrap}
.cv-actions .pdf{background:var(--word);color:#fff}
.cv-actions .word{background:var(--surface);color:var(--word);border:2px solid var(--word)}
.cv-actions .tog{display:none}

/* page content below the tool */
.cv-info{max-width:760px;margin:36px auto 0}
.cv-info h2{font-size:clamp(24px,4vw,32px);margin:28px 0 10px}
.cv-info ul{padding-inline-start:22px;margin:0}
.cv-info li{padding:4px 0}

@media (max-width:979px){
  .cvb{grid-template-columns:minmax(0,1fr)}
  body[data-cvtab=form] .cv-prev{display:none}
  body[data-cvtab=preview] .cv-form{display:none}
  body[data-cvtab=preview] .hero{display:none}
  .cv-prev{position:static}
  .cv-actions .tog{display:flex}
  .cv-actions .cv-btn{padding:0 8px;font-size:15px}
}
@media print{
  @page{size:A4;margin:12mm}
  html,body{background:#fff!important;padding:0!important}
  body>header,body>footer,body>main>*:not(.cvwide),.cvb .cv-form,.cv-actions,dialog,.ad{display:none!important}
  .cvwide{padding:0;max-width:none;margin:0}
  .cvb{display:block;margin:0}
  .cv-prev{display:block!important;position:static}
  .cv-wrap{background:none;padding:0;border-radius:0}
  #pvbox{width:auto!important;height:auto!important;margin:0!important}
  #cv{position:static!important;transform:none!important;width:auto!important;min-height:0!important;box-shadow:none!important}
  #cv.t-classic,#cv.t-minimal{padding:0}
  #cv.t-modern .cva{min-height:0}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.cv-photo input[type=file]{max-width:100%;min-width:0;font-size:14px}
.cv-photo>*{min-width:0}
.cvpage .hero.wrap{padding-left:20px;padding-right:20px}