:root{--purple:#6335e8;--ink:#252137;--muted:#746f83;--line:#e5e1ed}*{box-sizing:border-box}body{margin:0;background:#f7f6fa;color:var(--ink);font:14px/1.7 Tahoma,Arial,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:white;border-radius:10px;padding:9px 15px;color:var(--ink)}button:hover{border-color:var(--purple)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus,textarea:focus,select:focus{outline:2px solid var(--purple);outline-offset:3px}.primary{background:var(--purple);color:white;border-color:var(--purple)}header{background:white;padding:16px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;text-decoration:none;color:var(--ink);gap:12px;font-size:25px}.brand img{width:50px;height:50px;object-fit:contain;border-radius:12px}.brand span{display:block;font-size:10px;font-weight:normal;color:var(--muted)}.header-actions{display:flex;gap:10px;align-items:center}.free{background:#edf7d4;color:#3f5614;border-radius:20px;padding:4px 12px;font-size:12px}main{max-width:1440px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 0}.eyebrow{color:var(--purple);font-size:12px;font-weight:bold}h1{font-size:29px;margin:4px 0 8px;line-height:1.4}p{margin:8px 0}.intro p,.review p{color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:28px;align-items:start}.editor{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.editor-top{display:flex;justify-content:space-between;align-items:center;padding:20px 22px}.editor-top span{color:var(--muted);font-size:10px}nav{display:flex;padding:0 12px;border-bottom:1px solid var(--line)}nav button{flex:1;border:0;border-radius:0;padding:13px 4px;font-size:12px}nav button.active{color:var(--purple);border-bottom:3px solid var(--purple);font-weight:bold}#fields{padding:24px}h2{font-size:21px;margin:0 0 12px}h3{font-size:16px;margin:10px 0}.hint{color:var(--muted);font-size:12px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;margin-bottom:16px}.field>span{display:block;font-size:12px;margin-bottom:6px;font-weight:bold}.field input,.field textarea,select{border:1px solid var(--line);border-radius:9px;background:white;padding:10px;width:100%;color:var(--ink);min-width:0}.field textarea{resize:vertical;min-height:106px}.field small{display:block;color:var(--muted);font-size:11px}.field-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}.field-actions button{font-size:11px;padding:4px 9px}.entry{padding:16px;background:#faf9fd;border:1px solid var(--line);border-radius:12px;margin:12px 0}.entry-head{display:flex;justify-content:space-between;align-items:center}.entry-head button{font-size:11px;padding:4px 9px}.add{width:100%;border-style:dashed;color:var(--purple);margin:4px 0 24px}.editor-footer{padding:16px 22px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.preview-top{display:flex;justify-content:space-between;gap:12px;margin:0 0 14px;font-size:12px;align-items:center}.preview-top small{display:block;color:var(--muted);font-size:10px}.preview-top label{display:flex;gap:8px;align-items:center;white-space:nowrap}.preview-top select{width:105px;padding:6px}.paper{background:white;border:1px solid var(--line);box-shadow:0 8px 30px #29203509;min-height:770px;padding:42px;overflow-wrap:anywhere;font-family:Arial,Tahoma,sans-serif;line-height:1.6}.paper h1{font-size:28px;color:var(--purple);margin:0}.paper .role{font-size:15px;margin:5px 0}.contact{font-size:11px;color:#555;line-height:1.9;margin:12px 0 20px}.paper h3{font-size:14px;color:var(--purple);border-bottom:1px solid #ddd;padding-bottom:6px;margin:22px 0 10px}.paper p{font-size:12px;white-space:pre-line}.cv-entry{margin:0 0 16px}.cv-entry strong{font-size:13px;display:block}.cv-entry small{display:block;color:#666;font-size:11px}.empty{color:#aaa}.paper.classic h1,.paper.classic h3{color:#222}.paper.classic h1,.paper.classic>.role,.paper.classic>.contact{text-align:center}.preview-note{font-size:10px;color:var(--muted);text-align:center;margin:15px 0}.review{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:#efebfa;padding:28px;border-radius:16px;margin:35px 0}.review p{font-size:12px;max-width:370px}.review ul{list-style:none;padding:0;margin:0}.review li{font-size:12px;margin:7px 0}.review li button{background:none;border:0;padding:0;color:var(--purple);text-align:right}.review .done{color:#596448}.order-row{display:flex;align-items:center;gap:7px;padding:10px 0;border-bottom:1px solid var(--line)}.order-row span{flex:1}.order-row button{padding:3px 11px}.template-options{display:flex;gap:10px;margin-bottom:25px}.template-options button{flex:1;padding:20px 8px}.selected{outline:2px solid var(--purple);background:#f7f3ff}footer{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font-size:11px}footer strong{font-size:18px;color:var(--ink)}footer span{flex:1}footer button{border:0;background:none;padding:4px;font-size:11px}.mobile-switch{display:none}dialog{border:0;border-radius:18px;padding:28px;max-width:650px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#20193688}dialog h2{margin-bottom:15px}dialog p,dialog li{font-size:13px}dialog textarea{width:100%;min-height:160px;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}dialog .paper{min-height:0;padding:24px;margin-bottom:20px}dialog button{margin:12px 0 0 8px}.consent{display:flex;gap:10px;margin:15px 0;align-items:start;font-size:12px}.consent input{margin-top:6px}#ai-error{color:#aa233d}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:10px;max-width:90%;z-index:20;font-size:12px}@media(max-width:1000px){main{padding:0 3%}.workspace{gap:15px}.paper{padding:26px}#fields{padding:18px}}@media(max-width:760px){header{padding:12px 4%}.brand{font-size:21px}.brand img{width:40px;height:40px}.header-actions{gap:6px}.header-actions button{padding:7px 10px;font-size:11px}.free{display:none}.intro{padding:25px 0;align-items:start}.intro h1{font-size:24px}.intro p{font-size:12px}.intro button{font-size:11px;white-space:nowrap}.workspace{display:block}.mobile-switch{display:flex;margin-bottom:16px;background:#eae6f3;padding:4px;border-radius:12px}.mobile-switch button{width:50%;background:transparent;border:0}.mobile-switch button[aria-pressed=true]{background:white;color:var(--purple)}.preview{display:none}body.show-preview .preview{display:block}body.show-preview .editor{display:none}.paper{min-height:650px;padding:25px}.review{grid-template-columns:1fr;gap:14px;padding:22px}.form-grid{grid-template-columns:1fr}.brand span{font-size:9px}footer span{flex-basis:70%}}@page{size:A4;margin:16mm}@media print{body{background:white}header,.intro,.editor,.mobile-switch,.preview-top,.preview-note,.review,footer,dialog,#toast{display:none!important}main{padding:0;max-width:none}.workspace,.preview{display:block!important}.paper{padding:0;border:0;box-shadow:none;min-height:0}.paper h3{break-after:avoid}.cv-entry strong,.cv-entry small{break-after:avoid}.paper p{orphans:3;widows:3}.paper .empty{display:none}}

#analytics-consent{position:fixed;bottom:16px;inset-inline:16px;margin:auto;max-width:580px;padding:18px;background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 40px #20193622;z-index:25}#analytics-consent[hidden]{display:none}#analytics-consent p{font-size:13px;margin:8px 0}#analytics-consent button{margin-inline-end:8px}@media print{#analytics-consent{display:none!important}}

.ai-start{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;padding:22px 26px;background:#f2edff;border:1px solid var(--line);border-radius:18px}.ai-start h2{margin:5px 0;font-size:22px}.ai-start p{margin:4px 0;font-size:13px}.ai-start button{flex-shrink:0}.ai-generated-preview{max-height:420px;overflow:auto;margin:18px 0;border:1px solid var(--line);border-radius:12px}.ai-generated-preview .paper{margin:0;border:0;box-shadow:none;min-height:0}.ai-missing{padding:14px;background:#f8f6fc;border-radius:10px;font-size:13px}#cv-ai-status{color:var(--ink)}#cv-ai-source{min-height:230px}dialog select{font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink)}@media(max-width:760px){.ai-start{flex-direction:column;align-items:stretch;padding:20px}.ai-start h2{font-size:20px}.ai-start button{width:100%}.ai-generated-preview .paper{padding:18px}}@media print{.ai-start{display:none!important}}

/* Cairo font faces and readable type sizes are in typography.css. */
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:"Cairo",Tahoma,Arial,sans-serif}
button,.button{min-height:44px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:10px 18px;color:var(--ink)}.button.primary{color:white;border-color:var(--purple)}
input,textarea,select{font-size:16px!important}.paper{font-family:"Cairo",Tahoma,Arial,sans-serif}.paper p{line-height:1.8}.paper .contact{unicode-bidi:plaintext}.paper h3{line-height:1.8}
.text-link{display:inline-block;font-size:12px;color:var(--purple);margin-top:5px;text-decoration:none}.text-link:hover{text-decoration:underline}
#step-progress{font-size:12px;color:var(--muted);align-self:center}#editor{scroll-margin-top:115px}
.skip-link{position:fixed;top:-100px;inset-inline-start:16px;padding:12px;background:var(--purple);color:white;z-index:99}.skip-link:focus{top:8px}
footer a{color:var(--muted);text-decoration:none}footer a:hover{color:var(--purple)}footer button{min-height:44px}
.feedback-trap{position:absolute;inset-inline-start:-10000px;height:1px;width:1px;overflow:hidden}#feedback-status{color:var(--purple)}
.about-hero{max-width:810px;text-align:center;margin:60px auto 50px}.about-hero h1{font-size:48px;line-height:1.5;margin:12px 0 20px}.about-hero p{font-size:17px;color:var(--muted);line-height:2;max-width:690px;margin:0 auto 26px}.about-note{display:block;margin:15px 0;color:var(--muted);font-size:12px}
.about-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:50px 0}.about-steps article{padding:28px;background:white;border:1px solid var(--line);border-radius:18px}.about-steps article>span{display:inline-block;font-size:14px;color:var(--purple);font-weight:bold;margin-bottom:22px}.about-steps h2{font-size:20px}.about-steps p{font-size:14px;color:var(--muted)}
.about-privacy{padding:32px;background:#efebfa;border-radius:18px;max-width:900px;margin:40px auto 60px}.about-privacy p{line-height:2;font-size:14px}
.admin-main{max-width:1000px;padding-top:32px}.admin-login{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;max-width:480px;margin:24px auto}.admin-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.admin-record{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin:14px 0}.admin-record p{white-space:pre-wrap;overflow-wrap:anywhere}.admin-record .record-meta{font-size:12px;color:var(--muted)}.admin-record.resolved{opacity:.7}.admin-record button{margin-inline-end:8px}.admin-title{display:flex;justify-content:space-between;gap:20px}.admin-title span{font-size:12px;color:var(--muted)}
@media(max-width:1000px) and (min-width:761px){.workspace{grid-template-columns:minmax(310px,1fr) minmax(350px,1fr)}main{padding-inline:20px}.paper{padding:24px}}
@media(max-width:760px){
 body{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}header{position:sticky;top:0;z-index:15;background:#fff;min-height:74px;padding:10px 14px;gap:8px}.brand{gap:8px;font-size:20px}.brand img{width:36px;height:36px}.brand span{font-size:8px}.header-actions{gap:6px}.header-actions button{min-height:44px;padding:8px 10px;font-size:11px}main{padding-inline:14px}
 .intro{padding:24px 0;gap:12px}.intro h1{font-size:23px;line-height:1.6}.intro p{font-size:13px}.intro button{padding:8px;min-width:76px}.ai-start{padding:18px;margin-bottom:18px}.ai-start p{line-height:1.8}
 .mobile-switch{position:sticky;top:74px;z-index:14;margin-bottom:14px;box-shadow:0 3px 12px #2521370a}.mobile-switch button{min-height:46px;font-size:13px}.editor{overflow:visible}.editor-top{padding:18px 16px}.editor-top span{font-size:10px}#tabs{padding-inline:4px;background:white;border-radius:18px 18px 0 0}#tabs button{font-size:12px;min-height:48px;padding:10px 2px}#fields{padding:20px 16px}.hint{font-size:13px;line-height:1.9}.field{margin-bottom:20px}.field>span{font-size:13px}.field input,.field textarea{padding:12px;min-height:48px}.field textarea{min-height:130px}.field-actions{gap:8px;margin:0 0 20px}.field-actions button,.entry-head button{font-size:12px;padding:8px 10px;min-height:44px}.entry{padding:14px}.entry-head{margin-bottom:14px}.order-row button{min-width:44px;min-height:44px}
 .editor-footer{position:fixed;bottom:0;inset-inline:0;z-index:18;background:white;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -5px 24px #25213712}.editor-footer button{min-width:95px}.preview-top{padding-top:5px;font-size:11px;align-items:start}.preview-top label{gap:6px;flex-direction:column;align-items:start}.preview-top select{min-height:44px;font-size:14px!important}.paper{padding:24px 20px;min-height:550px}.paper h1{font-size:24px}.paper .role{font-size:13px}.paper h3{font-size:13px;margin-top:21px}.paper p{font-size:11px}.paper .cv-entry strong{font-size:12px}.paper .cv-entry small,.paper .contact{font-size:10px}.preview-note{font-size:11px;line-height:1.8}.review{margin-top:24px}footer{gap:12px;padding-bottom:26px}footer span{flex-basis:100%}footer button,footer a{font-size:12px}
 dialog{padding:22px 18px;max-height:calc(100dvh - 32px);width:calc(100% - 24px)}dialog p,dialog li{font-size:13px;line-height:1.9}dialog textarea{font-size:16px!important}.consent{font-size:13px;line-height:1.8}.consent input{min-width:20px;width:20px;height:20px}.ai-generated-preview .paper{padding:18px}.ai-generated-preview{max-height:45dvh}
 #analytics-consent{bottom:calc(90px + env(safe-area-inset-bottom,0px));inset-inline:12px;padding:16px}#analytics-consent p{font-size:12px;line-height:1.9}#toast{bottom:calc(90px + env(safe-area-inset-bottom,0px));font-size:12px;width:max-content;max-width:calc(100% - 28px);padding:12px 16px}
 .about-page,.admin-page{padding-bottom:0}.about-page #analytics-consent{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.about-hero{margin:35px auto}.about-hero h1{font-size:34px}.about-hero p{font-size:15px}.about-steps{grid-template-columns:1fr;gap:14px;margin:30px 0}.about-steps article{padding:24px}.about-steps article>span{margin-bottom:10px}.about-privacy{padding:24px;margin:25px 0 35px}.admin-title{flex-direction:column;gap:8px}.admin-main{padding-top:22px}
}
@media(max-width:360px){.brand span{display:none}.brand{font-size:18px}.header-actions button{font-size:10px;padding-inline:8px}.intro{display:block}.intro button{margin-top:12px}.paper{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}
@media print{.skip-link,.editor-footer{display:none!important}body{padding:0}.paper{font-family:"Cairo",Tahoma,sans-serif}}

/* Platform 3: calm brand accents and compact navigation. */
:root{--purple:#6046a2;--ink:#24232a;--muted:#706c78}body{background:#faf9f6}.builder-nav{font-size:12px;color:#6046a2;text-decoration:none;white-space:nowrap}.brand{color:#48317e}.ai-start{background:#f0ebf7!important}.free{background:#e8f0e5;color:#607552}.template-options button.selected{border-color:#7f68a7;background:#f2ecfa}@media(max-width:760px){.header-actions{flex-wrap:wrap;justify-content:flex-end}.builder-nav{font-size:11px}header{position:static}.mobile-switch{top:0}.header-actions .free{display:none}}@media(max-width:380px){.builder-nav{display:none}}