:root{--green:#0c4d42;--lime:#d8f36a;--ink:#192c29;--muted:#60706d;--line:#dce3e0;--bg:#f4f7f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #699b21;outline-offset:4px}header{height:90px;background:white;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font:800 25px system-ui,sans-serif;display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--green)}.brandmark{background:var(--green);color:white;border-radius:11px;padding:2px 8px;font-size:24px;letter-spacing:-2px}.headright{display:flex;align-items:center;gap:25px}.free{font-size:14px;color:var(--muted)}main{max-width:1450px;margin:auto;padding:0 5%}.intro{display:flex;align-items:center;justify-content:space-between;padding:42px 0 34px;gap:35px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;color:var(--green)}h1{font:700 clamp(30px,3.2vw,44px)/1.2 system-ui,sans-serif;letter-spacing:-1.5px;margin:12px 0}h1 em{font-style:normal;color:var(--green)}.intro p{color:var(--muted);margin:12px 0 0}.introaside{display:flex;gap:15px;font-size:14px}.introaside p{margin:4px 0}.miniicon{height:40px;width:40px;background:var(--lime);display:grid;place-items:center;border-radius:50%;font-size:22px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:34px;align-items:start}.editor{min-width:0}.steps{display:flex;background:#e7edeb;padding:5px;border-radius:12px;gap:3px;margin-bottom:16px}.step{flex:1;border:0;background:none;padding:10px 4px;color:var(--muted);font-size:13px;border-radius:8px;white-space:nowrap}.step b{font-size:12px;display:inline-grid;place-items:center;border:1px solid #a8b8b3;border-radius:50%;width:21px;height:21px;margin-right:4px}.step.active{background:white;box-shadow:0 2px 4px #192c2910;color:var(--green);font-weight:700}.step.active b{background:var(--green);color:white;border-color:var(--green)}form{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.panel{padding:28px}.sectiontop{display:flex;justify-content:space-between}.counter{font-size:12px;color:var(--muted)}h2{font:700 25px/1.3 system-ui,sans-serif;letter-spacing:-.6px;margin:12px 0}.muted{color:var(--muted);font-size:14px;margin:0 0 25px}.field{margin-top:18px}label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}label span{color:#77867b}input,textarea,select{width:100%;padding:12px 13px;border:1px solid #ccd7d2;border-radius:8px;background:white;color:var(--ink);font-size:15px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #0c4d4214}textarea{resize:vertical;min-height:75px}input::placeholder,textarea::placeholder{color:#87948f;font-size:14px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}.privacy{color:var(--muted);font-size:12px;margin-top:18px}.formfoot{border-top:1px solid var(--line);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:10px}.primary{border:1px solid var(--green);background:var(--green);color:white;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600}.primary:hover{background:#176454}.outline{border:1px solid var(--line);background:white;border-radius:8px;color:var(--ink);padding:9px 14px;font-size:14px}.textbutton{border:0;background:none;color:var(--green);padding:5px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.small{font-size:12px;color:var(--muted)}.note{border-left:3px solid #acc970;margin:24px 0;padding:0 18px;font-size:14px}.note p{color:var(--muted);margin:6px 0}.previewarea{border-radius:14px;background:#e7eeeb;padding:22px;min-width:0}.previewbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.previewbar p{font-size:13px;color:var(--muted);margin:2px 0}.templatebar{display:flex;align-items:center;gap:13px;font-size:12px;color:var(--muted);margin:20px 0 16px}.templatebar>div{display:flex;gap:6px}.template{border:1px solid transparent;border-radius:6px;background:transparent;padding:6px 12px;font-size:13px;color:var(--muted)}.template.selected{background:white;color:var(--green);border-color:#ced9d4}.paperlabel{margin-left:auto}.paperwrap{filter:drop-shadow(0 5px 10px #1b3a2810)}.resume{background:white;min-height:640px;overflow-wrap:anywhere;color:#263b36;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cvheader{border-top:7px solid var(--green);padding:33px 32px 22px;background:#f7faf8}.cvmonogram{width:38px;height:38px;border:1px solid #9db4aa;border-radius:50%;display:grid;place-items:center;font-size:13px;margin-bottom:18px;color:var(--green)}.resume h2{font-size:28px;margin:0 0 5px;color:var(--green)}#out-role{font-size:14px;margin:0 0 14px}.contact{font-size:11px;color:#526b62;white-space:pre-line}.cvbody{padding:8px 32px 30px}.cvsection{margin-top:23px}.cvsection h3{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:var(--green);border-bottom:1px solid #d4dfd9;padding-bottom:7px;margin:0 0 10px}.cvsection p{font-size:12px;line-height:1.7;white-space:pre-line;margin:0}.placeholder{color:#879b93}.classico .cvheader{background:white;border-top:0;border-bottom:2px solid var(--green);text-align:center}.classico .cvmonogram{display:none}.classico h2{font-family:Georgia,serif}.classico .cvsection h3{font-family:Georgia,serif;letter-spacing:.5px;font-size:13px}.printhelp{text-align:center;color:var(--muted);font-size:12px;margin:17px 0 0}details{border:1px solid var(--line);background:#f7faf8;padding:13px;margin-top:16px;border-radius:8px;font-size:14px}summary{cursor:pointer;color:var(--green);font-weight:600}.examples{padding:55px 0 40px}.examples h2{font-size:26px}.examplegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.examplegrid button{text-align:left;border:1px solid var(--line);border-radius:10px;background:white;padding:22px;color:var(--ink)}.examplegrid button:hover{border-color:var(--green)}.examplegrid span{font-size:11px;letter-spacing:1px;color:var(--muted)}.examplegrid strong{display:block;font:700 19px system-ui,sans-serif;margin-top:12px}.examplegrid p{font-size:14px;color:var(--muted);margin:8px 0 0}footer{padding:26px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer p{font-size:12px;color:var(--muted)}#arabic,#privacyInfo{padding:20px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:22px}#privacyInfo{font-size:14px}.status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:12px 22px;border-radius:8px;box-shadow:0 4px 20px #0002;z-index:10;max-width:90%;font-size:14px}.status:empty{display:none}[hidden]{display:none!important}@media(min-width:1100px){.previewarea{position:sticky;top:22px}}@media(max-width:850px){.workspace{grid-template-columns:1fr}.introaside{display:none}.free{display:none}.intro{padding:30px 0}.intro h1{font-size:35px}.previewarea{padding:18px}.examplegrid{grid-template-columns:1fr}.examples{padding:36px 0}footer{flex-wrap:wrap}.headright{gap:0}}@media(max-width:420px){main{padding:0 4%}header{padding:0 4%;height:74px}.brand{font-size:21px}.panel{padding:22px 18px}.twocol{grid-template-columns:1fr;gap:0}.formfoot{padding:18px}.step{font-size:11px}.step b{margin-right:2px}.cvheader{padding:24px}.cvbody{padding:8px 24px 28px}.intro h1{font-size:31px}.headright .outline{padding:8px;font-size:12px}}@media print{@page{size:A4;margin:16mm}body{background:white}header,.intro,#arabic,.editor,.previewbar,.templatebar,.printhelp,.examples,footer,#privacyInfo,.status{display:none!important}main{padding:0;max-width:none}.workspace{display:block}.previewarea{display:block;padding:0;background:none;position:static}.paperwrap{filter:none}.resume{min-height:0;font-size:12pt;overflow:visible;print-color-adjust:exact;-webkit-print-color-adjust:exact}.cvheader{padding:0 0 18px;background:white;border-top:0}.cvbody{padding:0}.cvsection{break-inside:auto}.cvsection h3{break-after:avoid;font-size:11pt}.cvsection p{font-size:11pt;line-height:1.5}.resume h2{font-size:28pt}.contact{font-size:10pt}#out-role{font-size:13pt}.placeholder{display:none}}
.aibox{background:white;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:28px}.aitop{display:flex;justify-content:space-between;gap:20px}.aitop h2{margin-bottom:8px}.aitop .muted{margin-bottom:10px}.aibadge{align-self:flex-start;padding:6px 12px;border-radius:20px;background:var(--lime);font-size:12px;white-space:nowrap;color:var(--green);font-weight:700}.aiinputrow{display:flex;align-items:flex-end;gap:15px}.aiinputrow>div{flex:1}.aiactions{display:flex;gap:12px;flex-wrap:wrap}.aibox textarea{font-size:16px}.aibox [role=status]{font-size:14px;color:var(--muted)}#aiResultBox{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}button:disabled{opacity:.5;cursor:not-allowed}#aiMessage.error{color:#a22d2d}#aiAvailability:empty,#aiMessage:empty{display:none}@media(max-width:600px){.aibox{padding:20px}.aitop{display:block}.aibadge{display:inline-block;margin-bottom:12px}.aiinputrow{align-items:stretch;flex-direction:column}.aiactions button{flex:1}.aibox h2{font-size:23px}}@media print{.aibox{display:none!important}}
.sitenav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.sitenav a{font-size:14px;font-weight:600;color:var(--green);text-decoration:none}.sitenav a:hover{text-decoration:underline}.sitefooter{display:flex;align-items:flex-start;gap:32px;flex-wrap:wrap;padding:32px 0}.sitefooter>div{flex:1;min-width:220px}.sitefooter nav{display:flex;flex-wrap:wrap;gap:15px 24px;max-width:550px}.sitefooter nav a{color:var(--green);font-size:14px}.footerwrap{max-width:1450px;padding:0 5%;margin:auto}.contentmain{max-width:1120px;padding-top:22px}.widecontent{max-width:1350px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin:12px 0 30px}.breadcrumbs a{color:var(--green)}.contenthero{max-width:850px;padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:30px}.contenthero h1{font-size:clamp(30px,4vw,46px);line-height:1.18;margin:15px 0}.contenthero>p{color:var(--muted);font-size:18px}.contenthero .articlemeta{font-size:13px}.articlelayout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:42px}.toc{position:sticky;top:24px;align-self:start;border-left:3px solid var(--lime);padding:12px 16px}.toc strong{display:block;font-size:14px;margin-bottom:12px}.toc a{display:block;color:var(--muted);font-size:14px;line-height:1.45;margin:13px 0;text-decoration:none}.toc a:hover{color:var(--green);text-decoration:underline}.prose{max-width:760px;font-size:17px;line-height:1.8;overflow-wrap:anywhere}.prose h2{font-size:25px;margin:32px 0 14px;scroll-margin-top:20px}.prose p{margin:0 0 18px}.prose a{color:var(--green);text-underline-offset:3px}.prose ul,.prose ol{padding-left:24px;margin:15px 0 24px}.prose li{padding:3px 0}.examplebox{background:white;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:8px;padding:24px;margin:24px 0}.examplebox strong{font-size:15px;color:var(--green)}.examplebox p{margin:9px 0}.examplebox p[dir=rtl]{font-size:22px;line-height:1.8}.articleaction{border-top:1px solid var(--line);margin-top:35px;padding:10px 0 20px}.articleaction a.primary{display:inline-block;color:white;text-decoration:none}.sources{border-top:1px solid var(--line);margin-top:30px}.sources h2{font-size:18px}.guidegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0}.guidecard{display:block;text-decoration:none;color:var(--ink);background:white;border:1px solid var(--line);border-radius:12px;padding:25px;transition:border-color .15s}.guidecard:hover{border-color:var(--green)}.guidecard h2{font-size:22px;line-height:1.4;margin:15px 0}.guidecard p{font-size:15px;color:var(--muted)}.readlabel{display:block;font-size:14px;font-weight:700;color:var(--green);margin-top:22px}.related{border-top:1px solid var(--line);padding-top:24px;margin-top:45px}.related .guidegrid{grid-template-columns:repeat(2,minmax(0,1fr))}.homeguides{border-top:1px solid var(--line);padding:30px 0}.homeguides>a,.homeguides p>a{color:var(--green)}.reviewnote{background:#fff6dc;border:1px solid #d3b35f;color:#5b4510;border-radius:8px;padding:18px;margin-bottom:22px}.skiplink{position:absolute;left:16px;top:-100px;padding:12px;background:var(--green);color:white;z-index:99}.skiplink:focus{top:12px}@media(max-width:1000px){header{height:auto;min-height:90px;padding-top:15px;padding-bottom:15px;flex-wrap:wrap;gap:15px}.free{display:none}.guidegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.articlelayout{grid-template-columns:1fr;gap:20px}.toc{position:static}.guidegrid,.related .guidegrid{grid-template-columns:1fr}.sitenav{gap:15px;order:3;width:100%;padding-top:8px}.contenthero{padding-bottom:20px}.contenthero h1{font-size:32px;letter-spacing:-.7px}.prose{font-size:16px}.prose h2{font-size:23px}.examplebox{padding:18px}.sitefooter nav{max-width:none}.guidegrid{margin-bottom:30px}}@media print{.sitenav,.homeguides,.toc,.breadcrumbs,.footerwrap,.skiplink,.related{display:none!important}.contentmain{max-width:none;padding:0}.contenthero h1{font-size:25pt}.articlelayout{display:block}.prose{max-width:none;font-size:11pt}}

.contactcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;margin:28px 0 36px}.contactcard h2{margin:10px 0 12px}.contactintro{font-size:15px;color:var(--muted)}.contactform .field{margin-bottom:20px}.contactgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.contactform label{display:block;color:var(--ink);font-size:14px;font-weight:600;margin-bottom:8px}.contactform input,.contactform select,.contactform textarea{width:100%;min-width:0;font:inherit;font-size:16px;line-height:1.5}.contactform textarea{min-height:180px;resize:vertical}.contacthint{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:7px}.contactnotice{font-size:14px;line-height:1.7;padding:16px;background:var(--bg,#f4f7f5);border-radius:8px}.contactactions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}.contactactions a{font-size:14px}.contactform .contact-honey{display:none!important}.contactform input:focus-visible,.contactform textarea:focus-visible,.contactform select:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:600px){.contactcard{padding:21px 18px}.contactgrid{grid-template-columns:1fr;gap:0}.contactactions{align-items:stretch;flex-direction:column}.contactactions button{width:100%}}@media print{.contactcard{display:none!important}}

/* Optional statistics choices, separate from the CV editor. */
.analytics-preferences{border:0;background:none;padding:0;color:var(--green);font:inherit;text-align:left;text-decoration:underline;cursor:pointer}.analytics-panel[hidden],.analytics-preferences[hidden],.analytics-close[hidden]{display:none!important}.analytics-panel{position:fixed;z-index:1000;right:22px;bottom:22px;width:min(600px,calc(100% - 44px));max-height:calc(100dvh - 44px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 50px #192c2933;padding:24px;color:var(--ink);font-size:14px;line-height:1.6}.analytics-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.analytics-heading h2{font-size:21px;margin:0;line-height:1.4}.analytics-close{border:0;background:none;color:var(--green);padding:3px;text-decoration:underline;cursor:pointer}.analytics-panel p{margin:12px 0}.analytics-panel a{color:var(--green);text-decoration:underline}.analytics-choice{font-weight:600}.analytics-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.analytics-action{border:1px solid var(--green);border-radius:8px;padding:12px 14px;color:#fff;background:var(--green);cursor:pointer;font-weight:600;min-height:46px}.analytics-action:hover{background:#083b32}.analytics-panel :focus-visible,.analytics-preferences:focus-visible{outline:3px solid #0c4d42;outline-offset:3px}@media(max-width:480px){.analytics-panel{right:12px;bottom:12px;width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:19px}.analytics-actions{grid-template-columns:1fr;gap:9px}}@media print{.analytics-panel,.analytics-preferences{display:none!important}}