.wizard{margin-top:20px}.wizard h2{margin-bottom:8px}.wizard p{color:#4a5e53}
.wizard fieldset{min-width:0;border:0;padding:0;margin:0 0 20px}.wizard legend{color:#063f32;font-size:18px;font-weight:900;margin-bottom:10px}
.wizard-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wizard-style{display:block;cursor:pointer;padding:12px 10px;border:2px solid #d9e5dc;background:white;border-radius:13px}
.wizard-style:has(input:checked){border-color:#08744f;background:#edf8f1;box-shadow:0 0 0 2px #d0ecda}
.wizard-style input{width:20px;height:20px;accent-color:#096647;vertical-align:middle}
.wizard-style strong{color:#063f32;font-size:14px}.wizard-style small{display:block;font-size:12px;color:#566b60}
.wizard-mini{border:1px solid #d7e2da;height:100px;background:white;overflow:hidden;margin:10px 0 5px;padding:10px}
.wizard-mini b{display:block;font-size:12px;color:#1e4035;line-height:1.2;border-bottom:2px solid #d5dfd8;padding-bottom:5px}
.wizard-mini i{display:block;height:5px;background:#d3ddd7;margin-top:7px;width:85%}.wizard-mini i:nth-child(3){width:65%}.wizard-mini i:nth-child(4){width:45%}
.wizard-mini.moderne{border-left:13px solid #16875b}.wizard-mini.elegant{border-top:7px solid #b7a052;font-family:Georgia,serif}
.wizard-mini.formelle{border-top:6px double #274639;font-family:Georgia,serif}
.wizard-style:focus-within,.wizard-color:focus-within{outline:3px solid #d4ae3f;outline-offset:3px}
#wizardStyles{--cv-accent:#154d3b;--cv-soft:#eff4f0}
#wizardStyles fieldset:first-child .wizard-mini b{color:var(--cv-accent)}
#wizardStyles fieldset:first-child .wizard-mini.moderne{border-left:0;border-top:20px solid var(--cv-accent);background:linear-gradient(90deg,var(--cv-soft) 32%,white 32%);padding-left:36%}
#wizardStyles fieldset:first-child .wizard-mini.elegant{border-top:0;padding-top:18px;text-align:center;font-family:Arial,sans-serif}
#wizardStyles fieldset:first-child .wizard-mini.elegant b{border-bottom:1px solid var(--cv-accent)}
#wizardStyles fieldset:first-child .wizard-mini.minimaliste{border:1px solid #d7e2da;padding-top:18px}
#wizardStyles fieldset:first-child .wizard-mini.minimaliste b{border-bottom:0;font-size:14px}
#wizardStyles fieldset:first-child .wizard-mini.structure b{border-bottom:1px solid var(--cv-accent)}
#wizardStyles fieldset:first-child .wizard-mini.structure i{background:var(--cv-soft);border-left:3px solid var(--cv-accent);height:9px;width:100%}
#wizardStyles fieldset:first-child .wizard-mini.creatif{border-left:6px solid var(--cv-accent);background:linear-gradient(0deg,white 65%,var(--cv-soft) 65%)}
#wizardStyles fieldset:first-child .wizard-mini.creatif b{border-bottom:0}
.wizard-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wizard-color{display:flex;gap:8px;align-items:center;min-height:52px;padding:10px;border:2px solid #d9e5dc;border-radius:12px;background:#fff;font-size:14px;font-weight:700;cursor:pointer;color:#244737}
.wizard-color:has(input:checked){border-color:#08744f;background:#edf8f1}
.wizard-color input{width:18px;height:18px;flex:none;accent-color:#096647}
.wizard-swatch{width:22px;height:22px;border-radius:50%;flex:none;border:1px solid #0002}
@media(max-width:600px){.wizard-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.wizard-color{padding:8px;gap:6px;font-size:12px}}
@media(max-width:340px){.wizard-colors{grid-template-columns:1fr}}
.wizard-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.wizard-field{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:800;color:#244737}
.wizard-field.wide{grid-column:1/-1}
.wizard-field[hidden]{display:none!important}
.wizard-field input,.wizard-field textarea{width:100%;border:1px solid #adc2b4;border-radius:11px;padding:11px 12px;font:normal 16px Arial,sans-serif;min-height:49px;background:#fff;color:#183528}
.wizard-field textarea{min-height:95px;resize:vertical;line-height:1.5}
.wizard-field input:focus,.wizard-field textarea:focus{outline:2px solid #0d7853;outline-offset:2px}
.wizard-hint{font-size:13px;color:#5b6e62;line-height:1.45}.wizard-summary{background:#fcf9e9;border:1px solid #dfd29c;border-left:5px solid #d4ae3f;border-radius:12px;padding:16px;margin:18px 0;white-space:pre-line;font-size:14px}
.wizard-consent{display:flex;gap:12px;align-items:flex-start;margin:15px 0;font-size:14px;line-height:1.6}.wizard-consent input{width:20px;height:20px;flex:none;accent-color:#086944;margin-top:4px}
#checkout[type=submit]{display:block;width:100%;font:900 17px Arial,sans-serif;cursor:pointer;border:0;min-height:56px}
#checkout[disabled]{opacity:.6;cursor:wait}
#wizardFeedback{min-height:22px;color:#9b2919;font-size:14px;font-weight:700;margin-top:12px}
.paper.style-cv-classique{border-top:6px solid #253849}.paper.style-cv-classique .name,.paper.style-cv-classique .sample-h{color:#253849}
.paper.style-cv-moderne{border-left:16px solid #0d7754;border-top:6px solid #0d7754}.paper.style-cv-moderne .name,.paper.style-cv-moderne .sample-h{color:#0d7754}
.paper.style-cv-elegant{border-top:7px solid #b6a358}.paper.style-cv-elegant .name,.paper.style-cv-elegant .sample-h{color:#343b3f;font-family:Georgia,serif}
.paper.style-letter-classique{border-top:6px solid #38495a}.paper.style-letter-moderne{border-top:6px solid #0d8166}.paper.style-letter-formelle{border-top:8px double #435549;font-family:Georgia,serif}
@media(max-width:600px){.wizard-styles{grid-template-columns:1fr 1fr}.wizard-fields{grid-template-columns:1fr}.wizard-style{padding:9px}.wizard-mini{height:85px}}
@media(max-width:340px){.wizard-styles{grid-template-columns:1fr}}


/* Personalized local preview shown BEFORE any Stripe checkout */
.preview-before-payment{margin-top:20px;padding:20px;border:2px solid #c8dfd1;border-radius:18px;background:#f8fcf9}
.preview-before-payment[hidden]{display:none!important}
.preview-before-payment h3{margin:0 0 6px;color:#063f32;font-size:22px}
.preview-before-payment .preview-explainer{font-size:14px;color:#476156;line-height:1.55;margin:0 0 14px}
.preview-pages{display:grid;gap:18px;justify-items:center;margin:16px 0;max-width:100%}
.customer-preview-page{position:relative;background:#fff;color:#20352b;border:1px solid #cbd7ce;
 box-shadow:0 9px 23px rgba(18,43,30,.15);border-radius:5px;width:100%;max-width:550px;
 min-height:350px;padding:25px;overflow:hidden;overflow-wrap:anywhere;font-size:14px;line-height:1.6}
.customer-preview-contents{position:relative;z-index:1}
.customer-preview-watermark{position:absolute;z-index:2;pointer-events:none;user-select:none;
 color:rgba(111,119,107,.19);font-weight:900;letter-spacing:.11em;font-size:clamp(19px,5vw,28px);
 transform:rotate(-32deg);top:45%;left:-15%;width:130%;text-align:center;text-transform:uppercase;
 border-top:2px solid rgba(94,114,96,.15);border-bottom:2px solid rgba(94,114,96,.15);
 padding:19px 0}
.customer-preview-kind{font-weight:800;color:#326149;font-size:11px;letter-spacing:.08em;
 text-transform:uppercase;margin-bottom:10px}
.customer-preview-head{border-bottom:2px solid #d8e5db;padding-bottom:12px;margin-bottom:15px}
.customer-preview-name{color:#1b4939;font-size:24px;font-weight:900;line-height:1.22;margin:0 0 5px}
.customer-preview-role{font-weight:700;letter-spacing:.03em;margin:0 0 7px}
.customer-preview-contact,.customer-preview-recipient{margin:4px 0;font-size:12px;color:#53675c}
.customer-preview-section{margin:17px 0 0}
.customer-preview-section-title{color:#116149;border-bottom:1px solid #bdd9c8;font-size:13px;
 text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;padding-bottom:4px}
.customer-preview-text,.customer-preview-paragraph{margin:8px 0;white-space:normal;overflow-wrap:anywhere}
.customer-preview-paragraph{margin:12px 0}
.customer-preview-subject{font-weight:800;margin:13px 0}
.customer-preview-placeholder{font-size:13px;color:#66796d;font-style:italic}
.customer-preview-cv.style-classique{border-top:6px solid #263c55}
.customer-preview-cv.style-classique .customer-preview-name,.customer-preview-cv.style-classique .customer-preview-section-title{color:#273d55}
.customer-preview-cv.style-moderne{border-left:16px solid #0b8065;border-top:6px solid #0b8065}
.customer-preview-cv.style-moderne .customer-preview-name,.customer-preview-cv.style-moderne .customer-preview-section-title{color:#09775d}
.customer-preview-cv.style-elegant{border-top:8px solid #baa050}
.customer-preview-cv.style-elegant .customer-preview-name,.customer-preview-cv.style-elegant .customer-preview-section-title{font-family:Georgia,serif;color:#343939}
.customer-preview-letter.style-classique{border-top:6px solid #344b5c}
.customer-preview-letter.style-moderne{border-top:6px solid #148367}
.customer-preview-letter.style-moderne .customer-preview-subject{color:#117052}
.customer-preview-letter.style-formelle{border-top:8px double #3c5348;font-family:Georgia,serif}
.customer-preview-plan{border-top:6px solid #ad9140}
#previewButton{background:#e6f2e9;color:#064632;border:2px solid #0b7650;cursor:pointer;font-size:17px;
 font-weight:900;border-radius:12px;padding:15px;min-height:55px;width:100%;margin:10px 0 12px}
#previewButton:hover{background:#d8ebdd}
#previewButton:focus-visible,#editPreview:focus-visible{outline:3px solid #dbac3f;outline-offset:3px}
#previewError{min-height:18px;font-size:13px;color:#9d3020;font-weight:700}
#editPreview{display:inline-block;border:1px solid #b7d4c2;padding:11px 15px;border-radius:10px;
 background:#edf6f0;color:#064632;font-size:14px;font-weight:800;cursor:pointer}
.preview-reminder{font-size:14px;background:#fff9e9;padding:12px 14px;border-radius:10px;border:1px solid #e9dcae}
@media(max-width:600px){.preview-before-payment{padding:12px;margin:16px -2px}
 .customer-preview-page{padding:18px;min-height:300px;font-size:13px}
 .customer-preview-name{font-size:21px}
 .customer-preview-watermark{font-size:17px}
}


/* Imported old CV text stays readable below the full-width attachment chooser. */
#cvImportInfo,#cvImportExtract{grid-column:1/-1}
#cvImportInfo[hidden],#cvImportExtract[hidden]{display:none!important}
#cvImportInfo:not([hidden]){background:#eff8f2;border:1px solid #c5dfcb;border-radius:10px;padding:11px}
#cvImportExtract{background:#f8fbf9;border:1px solid #cfe0d2;border-radius:10px;padding:12px}
#cvImportExtract summary{color:#0a5940;font-weight:800;cursor:pointer}
#cvImportText{min-height:155px;font-size:13px;white-space:pre-wrap}

/* A4 coordinates and fonts are shared with the server PDF renderer. */
.preview-document{min-width:0;margin:18px 0}.preview-document h3{font-size:18px}.composed-document{display:block;width:100%;max-width:595.28px;height:auto;background:white;box-shadow:0 2px 10px #15372b22;margin:14px auto}.preview-pages{display:block;overflow-x:auto;overscroll-behavior-x:contain;padding:5px}.preview-pages.preview-zoom .composed-document{width:595.28px;max-width:none}.preview-before-payment button{min-height:44px}#previewAccepted:disabled{opacity:.45}#previewError{color:#9b2919;margin:10px 0}#zoomPreview{margin-top:12px}.preview-document svg text{user-select:none}
@media print{.preview-pages,.preview-document,.composed-document{display:block!important}.preview-before-payment{display:block!important}.composed-document{width:180mm!important;max-width:none!important;break-after:page}}

/* Four short steps for employment documents; other document services keep their layout. */
.application-page .layout{grid-template-columns:minmax(0,1fr) 240px;gap:20px}
.application-page .intro{padding-bottom:24px}
.application-page .lead{max-width:760px}
.application-page .wizard{margin-top:0;padding:28px}
.application-hero-meta{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;margin-top:20px;font-size:14px;color:#365b4b}
.application-hero-meta .application-price{font-size:30px;color:#063f32}
.application-hero-meta .application-primary{margin-left:auto;text-decoration:none}
.application-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:24px 0 28px;padding:6px;border-radius:15px;background:#eff5f1}
.application-progress button{min-height:48px;padding:9px 5px;border:0;border-radius:10px;background:transparent;color:#466256;font-size:14px;font-weight:800;cursor:pointer}
.application-progress button[aria-current=step]{background:#063f32;color:white;box-shadow:0 3px 8px #063f3220}
.application-step[hidden],.application-advert[hidden],.application-controls button[hidden],.application-assist button[hidden],.application-page section[hidden],.wizard-consent[hidden]{display:none!important}
.application-step>h3{font-size:25px;margin-bottom:18px;outline:0}
.application-options{display:grid;gap:10px}
.application-option{display:flex;align-items:flex-start;gap:12px;border:2px solid #d9e5dc;border-radius:14px;background:white;padding:16px;cursor:pointer;min-height:76px}
.application-option:has(input:checked){border-color:#08744f;background:#edf8f1}
.application-option input{width:21px;height:21px;margin:2px 0 0;accent-color:#096647;flex:none}
.application-option strong,.application-option small{display:block}
.application-option strong{font-size:16px;color:#063f32}.application-option small{font-size:14px;color:#536b5f;font-weight:400;line-height:1.5}
.application-option:focus-within{outline:3px solid #d4ae3f;outline-offset:2px}
.application-advert{display:grid;gap:14px;margin-top:20px;padding:18px;border-radius:14px;background:#f7faf8;border:1px solid #dbe8e0}
.application-platforms{display:flex;gap:10px;flex-wrap:wrap}.application-platform{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #bdd4c6;border-radius:10px;background:#fff;text-decoration:none;font-weight:700;font-size:14px}
.application-controls{display:flex;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #dce6e1}
.application-primary,.application-secondary{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 18px;border-radius:12px;font:700 16px Arial,sans-serif;cursor:pointer}
.application-primary{background:#063f32;color:white;border:2px solid #063f32}.application-secondary{background:#edf5f0;color:#063f32;border:1px solid #b7d4c2}
.application-controls .application-primary{margin-left:auto;min-width:180px}
.application-status{color:#9b2919;font-size:14px;font-weight:700;min-height:20px}
.application-details>summary{cursor:pointer;font-weight:800;color:#063f32;min-height:44px;padding:10px 0}
.application-details>label,.application-details>section{margin-top:14px}
.application-page .application-details .panel{box-shadow:none;border:0;padding:16px 0}
.application-assist{background:#f1f7f3;border:1px solid #ccdfd2;border-radius:14px;padding:18px;margin:20px 0}
.application-assist button{margin:6px 6px 6px 0;max-width:100%;font-size:14px}
.application-style-choice{padding:12px 15px;background:#eff7f2;border:1px solid #cde1d3;border-radius:12px;font-weight:800;font-size:14px}
.application-page .buy-card{margin:20px 0 0;padding:20px}
.application-page .application-step .wizard-summary{margin-top:0}
.application-page #personnaliser{scroll-margin-top:15px}
.application-page .wizard-field input[type=file]{font-size:14px;overflow:hidden;max-width:100%}
@media(max-width:900px){.application-page .layout{grid-template-columns:minmax(0,1fr)}.application-page .layout>div:nth-child(2){display:grid;gap:16px}.application-page .layout>div:nth-child(2)>.panel{margin:0}}
@media(max-width:600px){.application-page .wizard{padding:18px}.application-progress{gap:3px;padding:4px;margin-top:18px}.application-progress button{font-size:12px;padding:8px 2px;min-height:48px}.application-option{padding:13px}.application-advert{padding:12px}.application-step>h3{font-size:22px}.application-hero-meta{gap:8px 14px}.application-hero-meta .application-primary{width:100%;margin:4px 0 0}.application-controls{gap:8px}.application-controls .application-primary{min-width:0;flex:1}.application-controls button{padding:12px;font-size:14px}.application-page h1{font-size:30px}.application-page .lead{font-size:16px}.application-assist{padding:13px}}
@media(max-width:360px){.application-progress button{font-size:11px}.application-page .wizard{padding:14px}.application-option small{font-size:13px}}

/* Platform search and imports remain reachable on narrow phones. */
.job-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.job-platform-card{gap:10px;min-width:0;color:#063f32;line-height:1.4}
.job-platform-card img{object-fit:contain;flex:none;width:32px;height:32px}
.job-platform-card span{min-width:0;overflow-wrap:anywhere}
.job-platform-card strong,.job-platform-card small{display:block}
.job-platform-card small{font-size:12px;font-weight:400;color:#52675d}
.job-actions{display:flex;gap:10px;flex-wrap:wrap;min-width:0}
.job-actions>*{max-width:100%;white-space:normal;text-align:center;text-decoration:none}
.job-actions [disabled]{opacity:.65;cursor:wait}
.job-actions [hidden],.job-profile [hidden],.job-platform-card img[hidden]{display:none!important}
.job-directory input,.job-profile button{max-width:100%}
.job-profile:empty{display:none}.job-profile{margin-bottom:16px}
.job-platform-card:focus-visible,.job-actions>*:focus-visible,.job-directory summary:focus-visible,.job-profile button:focus-visible{outline:3px solid #b48a24;outline-offset:3px}
@media(max-width:900px){.job-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.job-actions{flex-direction:column}.job-actions>*{width:100%;font-size:15px;padding:12px}.application-platforms{display:grid;grid-template-columns:1fr;width:100%}.job-directory-grid{grid-template-columns:1fr}.job-platform-card{width:100%;min-height:62px}.application-advert,.job-directory,.job-actions,.application-step,.wizard-fields,.wizard-field{min-width:0}.job-profile button{width:100%}}


