:root{--workspace-side:224px;--workspace-rail:248px}
.global-search{order:-1;width:min(31vw,420px);height:42px;display:flex;align-items:center;gap:9px;padding:0 14px;border:1px solid var(--ej-border);border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(16,19,26,.04)}.global-search[hidden]{display:none}.global-search span{font-size:19px;color:var(--ej-text-secondary)}.global-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ej-text);font-size:12px}.notification-button{position:relative;width:38px;height:38px;border:1px solid var(--ej-border);border-radius:50%;background:#fff;cursor:pointer}.notification-button:before{content:"";position:absolute;left:13px;top:10px;width:10px;height:12px;border:2px solid var(--ej-text);border-radius:8px 8px 5px 5px}.notification-button span{position:absolute;right:-3px;top:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #fff;border-radius:12px;background:var(--ej-coral);color:#fff;font-size:8px;font-weight:800}.account-button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--ej-text);cursor:pointer}.account-button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ej-text);color:#fff;font-weight:800}.account-button b{font-size:10px;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-screen{background:var(--ej-bg)}.product-workspace{display:grid;grid-template-columns:var(--workspace-side) minmax(0,1fr) var(--workspace-rail);min-height:calc(100vh - 76px);width:100%}.product-sidebar{position:sticky;top:76px;height:calc(100vh - 76px);display:flex;flex-direction:column;border-right:1px solid var(--ej-border);background:#fff;overflow:auto}.side-identity{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--ej-border)}.side-identity img{width:38px;height:38px;border-radius:11px;object-fit:cover}.side-identity div{min-width:0;display:grid}.side-identity b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-identity span{font-size:8px;color:var(--ej-text-secondary)}.side-promo{margin:14px;padding:20px 16px;min-height:186px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:18px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,122,47,.7),transparent 30%),linear-gradient(155deg,#10131a 15%,#283348)}.side-promo span,.rail-callout>span{font-size:7px;letter-spacing:.12em;font-weight:800;color:#ffc2a3}.side-promo h3{font-size:20px;line-height:1.15;margin:8px 0}.side-promo p{font-size:9px;line-height:1.5;color:#d7dce5;margin:0}.product-sidebar nav{display:grid;padding:0 10px;gap:3px}.product-sidebar nav button{display:flex;align-items:center;gap:10px;min-height:48px;padding:7px 10px;border:0;border-radius:11px;background:transparent;text-align:left;color:var(--ej-text);cursor:pointer}.product-sidebar nav button:hover,.product-sidebar nav button.active{background:#fff2ec}.product-sidebar nav button.active{color:#e9572f}.product-sidebar nav i{width:18px;height:18px;border:1.5px solid currentColor;border-radius:5px}.product-sidebar nav span{min-width:0;display:grid;gap:2px}.product-sidebar nav b{font-size:10px}.product-sidebar nav small{font-size:7px;color:var(--ej-text-secondary)}.product-sidebar nav em{margin-left:auto;min-width:20px;height:20px;display:grid;place-items:center;border-radius:10px;background:var(--ej-coral);color:#fff;font-size:8px;font-style:normal}.side-account-footer{margin-top:auto;padding:13px 15px 15px;border-top:1px solid var(--ej-border);background:#fff;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px}.side-account-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--ej-text);color:#fff;font-size:10px;font-weight:800}.side-account-copy{min-width:0;display:grid;gap:2px}.side-account-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.side-account-copy small{font-size:7px;color:var(--ej-text-secondary)}.side-signout{grid-column:1/-1;width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:3px;border:1px solid #f1c8c1;border-radius:10px;background:#fff7f5;color:#ad392d;font-size:9px;font-weight:800;cursor:pointer}.side-signout:hover{border-color:#eaa99f;background:#ffefeb}.side-signout span{font-size:15px;line-height:1}.workspace-content{min-width:0;background:linear-gradient(135deg,#fff 0,#f8f9fb 38%,#f5f7fb 100%)}.workspace-content>.dashboard-page,.workspace-content>.jobs-page,.workspace-content>.cv-preview-page{min-height:100%;padding-top:28px}.workspace-content .dashboard-wrap{width:calc(100% - 48px);max-width:none}.workspace-content .jobs-wrap,.workspace-content .jobs-hero{max-width:none;width:auto;margin-left:24px;margin-right:24px}.workspace-content .jobs-hero{border-radius:18px}.workspace-rail{padding:16px 14px;border-left:1px solid var(--ej-border);background:#fff;overflow:hidden}.rail-callout{min-height:245px;padding:22px 17px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:18px;color:#fff;background:radial-gradient(circle at 20% 10%,rgba(255,79,104,.55),transparent 32%),linear-gradient(150deg,#143d4b,#102a32)}.rail-callout h3{font-size:19px;line-height:1.18;margin:10px 0 17px}.rail-callout button,.rail-newsletter button{border:0;border-radius:10px;padding:11px;background:var(--ej-gradient);color:#fff;font-size:9px;font-weight:800;cursor:pointer}.workspace-rail>.ad-slot{margin:14px 0;width:100%}.workspace-rail .ad-slot img{max-height:110px}.rail-newsletter{margin-top:14px;padding:17px;border:1px solid #ffd9ca;border-radius:16px;background:#fff7f3}.rail-newsletter b{font-size:11px}.rail-newsletter p{font-size:8px;line-height:1.45;color:var(--ej-text-secondary)}.rail-newsletter input{width:100%;height:36px;padding:0 10px;border:1px solid var(--ej-border);border-radius:8px;font-size:9px}.rail-newsletter button{width:100%;margin-top:7px}
@media(max-width:1280px){:root{--workspace-side:190px;--workspace-rail:210px}.global-search{width:260px}.side-promo{min-height:150px}.workspace-rail{padding:12px 10px}}
@media(max-width:1020px){.product-workspace{grid-template-columns:72px minmax(0,1fr)}.workspace-rail{display:none}.product-sidebar{overflow:hidden}.side-identity{padding:12px 16px}.side-identity div,.side-promo,.side-account-copy,.side-signout b,.product-sidebar nav span,.product-sidebar nav em{display:none}.product-sidebar nav button{justify-content:center}.side-account-footer{grid-template-columns:1fr;padding:10px}.side-account-avatar{margin:auto}.side-signout{grid-column:1;width:38px;margin:3px auto 0}.global-search{display:none!important}.workspace-content .dashboard-wrap{width:calc(100% - 28px)}}
@media(max-width:720px){.product-workspace{display:block;padding-bottom:64px}.product-sidebar{position:fixed;z-index:45;left:8px;right:8px;bottom:8px;top:auto;width:auto;height:56px;border:1px solid var(--ej-border);border-radius:16px;box-shadow:0 8px 25px rgba(16,19,26,.12)}.product-sidebar>.side-identity,.product-sidebar>.side-promo,.product-sidebar>.side-account-footer{display:none}.product-sidebar nav{height:100%;grid-template-columns:repeat(4,1fr);padding:4px}.product-sidebar nav button{min-height:46px;padding:4px}.product-sidebar nav button:nth-child(n+5){display:none}.workspace-content>.dashboard-page,.workspace-content>.jobs-page,.workspace-content>.cv-preview-page{padding-top:12px}.workspace-content .dashboard-wrap,.workspace-content .jobs-wrap,.workspace-content .jobs-hero{width:auto;margin-left:12px;margin-right:12px}.account-button b,.notification-button{display:none}}

.workspace-content>.question-page,.workspace-content>.complete-page{min-height:100%;padding-top:28px;background:transparent}.workspace-content .question-wrap{width:calc(100% - 48px);max-width:1080px}
@media(max-width:720px){.workspace-content>.question-page,.workspace-content>.complete-page{padding-top:12px}.workspace-content .question-wrap{width:auto;margin-left:12px;margin-right:12px}}

/* Les formulaires gardent une seule navigation et un seul panneau de progression. */
.product-workspace.form-workspace{grid-template-columns:190px minmax(0,1fr)}
.form-workspace .workspace-rail,.form-workspace .side-promo{display:none}
.form-workspace .product-sidebar nav{padding-top:14px}
.form-workspace .guided-question-page{grid-template-columns:minmax(0,1fr)!important}
.form-workspace .journey-brand-rail{display:none!important}
.form-workspace .question-stage{padding-inline:clamp(22px,3vw,48px)}
@media(max-width:1020px){.product-workspace.form-workspace{grid-template-columns:72px minmax(0,1fr)}}
@media(max-width:720px){.product-workspace.form-workspace{display:block}.form-workspace .product-sidebar nav{padding-top:4px}}

/* Composition fidèle à la maquette de référence */
@media(min-width:1021px){
  :root{--workspace-side:270px;--workspace-rail:274px}
  .topbar{height:88px;padding-inline:32px;position:sticky;top:0;z-index:60}
  .product-workspace{min-height:calc(100vh - 88px)}
  .product-sidebar{top:88px;height:calc(100vh - 88px)}
  .side-identity{display:none}
  .side-promo{min-height:454px;margin:0;padding:28px 24px;border-radius:0;background-image:linear-gradient(180deg,rgba(12,20,30,.08),rgba(12,20,30,.82)),url("https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?auto=format&fit=crop&w=700&q=84");background-size:cover;background-position:center}
  .side-promo span{font-size:8px}.side-promo h3{font-size:27px}.side-promo p{font-size:11px}
  .product-sidebar nav{padding:14px 15px 18px}.product-sidebar nav button{min-height:52px}.product-sidebar nav b{font-size:11px}.product-sidebar nav small{font-size:8px}
  .side-account-footer{padding:14px 16px 16px}
  .workspace-rail{padding:0 14px 18px}.rail-callout{min-height:350px;margin:0 -14px 14px;border-radius:0;padding:28px 24px;background-image:linear-gradient(180deg,rgba(11,39,49,.08),rgba(11,39,49,.84)),url("https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=700&q=84");background-size:cover;background-position:center}.rail-callout h3{font-size:25px}.rail-callout button{font-size:10px;padding:13px}
  .product-workspace.form-workspace{grid-template-columns:220px minmax(0,1fr)}
  .form-workspace .side-promo{display:flex;min-height:250px}.form-workspace .side-promo h3{font-size:21px}.form-workspace .product-sidebar nav small{display:none}.form-workspace .workspace-rail{display:none}
}
.reference-dashboard-head{align-items:center}.reference-dashboard-head h2{font-size:clamp(30px,3vw,46px);margin:2px 0}.profile-completion{width:min(40%,330px);padding:17px 19px;border:1px solid var(--ej-border);border-radius:14px;background:#fff}.profile-completion>span{font-size:10px}.profile-completion>div{display:grid;grid-template-columns:1fr 30px;gap:10px;align-items:center;margin:10px 0}.profile-completion i{height:6px;border-radius:6px;background:#e9ecf0;overflow:hidden}.profile-completion em{display:block;height:100%;background:var(--ej-gradient)}.profile-completion b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#24a871;color:#fff}.profile-completion button{border:1px solid var(--ej-border);border-radius:8px;padding:8px 11px;background:#fff;font-size:9px;font-weight:800;cursor:pointer}.target-banner{display:flex;align-items:center;gap:14px;margin:14px 0;padding:16px 20px;border-radius:14px;background:linear-gradient(100deg,#fff0e8,#ffe9e7)}.target-banner>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--ej-gradient);color:#fff;font-size:24px}.target-banner div{flex:1}.target-banner h3{margin:0 0 4px;font-size:15px}.target-banner p{margin:0;color:var(--ej-text-secondary);font-size:9px}.target-banner button{border:0;border-radius:9px;padding:11px 15px;background:var(--ej-text);color:#fff;font-size:9px;font-weight:800;cursor:pointer}.dashboard-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 15px}.dashboard-kpis article{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px 15px;border-radius:12px;background:#fff4ed}.dashboard-kpis article:nth-child(2){background:#fff0f4}.dashboard-kpis article:nth-child(3){background:#edf5ff}.dashboard-kpis article:nth-child(4){background:#edf9f3}.dashboard-kpis b{font-size:22px}.dashboard-kpis span{font-size:9px;color:var(--ej-text-secondary)}
@media(max-width:760px){.profile-completion{width:100%}.reference-dashboard-head{align-items:stretch}.target-banner{align-items:flex-start;flex-wrap:wrap}.target-banner button{width:100%}.dashboard-kpis{grid-template-columns:1fr 1fr}}
.candidate-workspace:not(.form-workspace) .workspace-content>.dashboard-page .dashboard-grid{display:none}
.candidate-workspace:not(.form-workspace) .workspace-content>.dashboard-page .dashboard-wrap>.ad-slot{display:none}

/* Les colonnes suivent le document : une seule barre de défilement pour toute la page. */
@media(min-width:721px){
  .product-workspace{align-items:stretch}
  .product-sidebar{position:relative;top:auto;height:auto;min-height:100%;overflow:visible}
  .workspace-rail{align-self:stretch;min-height:100%;overflow:visible}
}

.rail-blog{display:grid;gap:0;margin-top:16px;padding:16px 4px 22px}.rail-blog>div{display:grid;gap:3px;margin:0 7px 8px}.rail-blog>div span{font-size:7px;letter-spacing:.14em;font-weight:800;color:var(--ej-coral)}.rail-blog>div b{font-size:14px}.rail-blog>button{display:flex;align-items:center;gap:9px;width:100%;padding:11px 7px;border:0;border-bottom:1px solid var(--ej-border);background:transparent;text-align:left;cursor:pointer}.rail-blog>button:hover{background:#fff7f3}.rail-blog button i{flex:0 0 34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#fff;font-size:13px;font-style:normal;font-weight:800}.rail-blog button>span{display:grid;gap:3px}.rail-blog button small{font-size:7px;color:var(--ej-text-secondary)}.rail-blog button b{font-size:9px;line-height:1.35}.rail-blog .rail-blog-all{justify-content:center;margin-top:8px;border:1px solid var(--ej-border);border-radius:9px;color:var(--ej-coral);font-size:8px;font-weight:800}.coral{background:linear-gradient(135deg,#ff713b,#ff5269)}.blue{background:linear-gradient(135deg,#236fba,#70b8ff)}.green{background:linear-gradient(135deg,#0d8060,#54c69b)}.amber{background:linear-gradient(135deg,#d38b19,#ffc35b)}.violet{background:linear-gradient(135deg,#6d48bd,#b785ef)}.navy{background:linear-gradient(135deg,#10131a,#28435d)}

.workspace-content>.blog-page{min-height:100%;padding:28px 24px 60px}.blog-wrap,.article-wrap{width:100%;max-width:1120px;margin:0 auto}.blog-hero{position:relative;padding:34px 38px;border-radius:22px;background:radial-gradient(circle at 90% 10%,rgba(255,91,74,.32),transparent 28%),linear-gradient(125deg,#10131a,#173b48);color:#fff;overflow:hidden}.blog-hero .back{margin-bottom:40px;color:#fff}.blog-hero>span,.blog-section-title span,.blog-newsletter span,.article-related>span{font-size:8px;letter-spacing:.14em;font-weight:800;color:#ff7544}.blog-hero h1{max-width:700px;margin:8px 0 10px;font-size:clamp(34px,4.3vw,62px);line-height:1.02}.blog-hero p{max-width:650px;margin:0;color:#dce4e7;font-size:12px;line-height:1.6}.blog-filters{display:flex;gap:7px;padding:18px 0;overflow:auto}.blog-filters button{white-space:nowrap;padding:9px 14px;border:1px solid var(--ej-border);border-radius:18px;background:#fff;font-size:9px;font-weight:700;cursor:pointer}.blog-filters button.active{border-color:#ff6544;background:#fff0e9;color:#e9552d}.blog-featured{display:grid;grid-template-columns:minmax(260px,42%) 1fr;min-height:285px;border:1px solid var(--ej-border);border-radius:20px;background:#fff;overflow:hidden;cursor:pointer}.blog-visual{display:flex;flex-direction:column;justify-content:space-between;padding:28px;color:#fff}.blog-visual span{font-size:9px;letter-spacing:.14em;font-weight:800}.blog-visual strong{font-size:25px;line-height:1.05}.blog-featured>div:last-child{align-self:center;padding:34px}.blog-featured>div:last-child>span{font-size:8px;color:#e9552d;font-weight:800}.blog-featured h2{margin:8px 0 10px;font-size:27px;line-height:1.12}.blog-featured p,.blog-grid p{color:var(--ej-text-secondary);font-size:10px;line-height:1.55}.blog-featured button,.blog-grid button{padding:0;border:0;background:transparent;color:#e9552d;font-size:9px;font-weight:800;cursor:pointer}.blog-section-title{display:flex;align-items:end;justify-content:space-between;margin:30px 0 13px}.blog-section-title h2{margin:5px 0 0;font-size:23px}.blog-section-title small{font-size:9px;color:var(--ej-text-secondary)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.blog-grid article{display:grid;grid-template-columns:70px 1fr;gap:13px;min-height:155px;padding:14px;border:1px solid var(--ej-border);border-radius:16px;background:#fff;cursor:pointer}.blog-card-visual{height:100%;min-height:125px;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:25px;font-weight:800}.blog-grid article>div:last-child{display:flex;flex-direction:column;align-items:flex-start}.blog-grid small{font-size:7px;color:var(--ej-text-secondary)}.blog-grid h3{margin:8px 0 4px;font-size:13px;line-height:1.25}.blog-grid p{margin:0 0 10px}.blog-grid button{margin-top:auto}.blog-newsletter{display:grid;grid-template-columns:1fr minmax(260px,38%);gap:30px;align-items:center;margin-top:30px;padding:26px 30px;border-radius:18px;background:#fff1ea}.blog-newsletter h2{margin:6px 0;font-size:22px}.blog-newsletter p{margin:0;font-size:9px;color:var(--ej-text-secondary)}.blog-newsletter form{display:flex;gap:7px}.blog-newsletter input{min-width:0;flex:1;height:42px;padding:0 12px;border:1px solid var(--ej-border);border-radius:9px}.blog-newsletter button{padding:0 17px;border:0;border-radius:9px;background:var(--ej-gradient);color:#fff;font-size:9px;font-weight:800}

.article-wrap>.back{margin-bottom:18px}.article-wrap>header{max-width:820px;margin:0 auto 22px;text-align:center}.article-wrap>header span{font-size:8px;color:#e9552d;font-weight:800}.article-wrap>header h1{margin:10px 0;font-size:clamp(32px,4vw,54px);line-height:1.06}.article-wrap>header p{font-size:12px;line-height:1.55;color:var(--ej-text-secondary)}.article-cover{height:260px;display:flex;align-items:end;justify-content:space-between;padding:30px;border-radius:20px;color:#fff}.article-cover span{font-size:12px;font-weight:800}.article-cover strong{font-size:34px}.article-copy{max-width:720px;margin:28px auto;font-size:13px;line-height:1.8}.article-copy h2{margin:28px 0 4px;font-size:22px}.article-copy aside{margin:24px 0;padding:18px;border-left:4px solid #ff6544;background:#fff1ea}.article-copy aside p{margin:4px 0 0}.article-copy>button{padding:12px 16px;border:0;border-radius:9px;background:#10131a;color:#fff;font-weight:800}.article-related{margin-top:40px}.article-related h2{margin:5px 0 14px}.article-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.article-related button{display:grid;gap:8px;padding:17px;border:1px solid var(--ej-border);border-radius:13px;background:#fff;text-align:left;cursor:pointer}.article-related small{color:#e9552d}.article-related b{line-height:1.35}.article-related button span{font-size:9px}
@media(max-width:1160px){.blog-grid{grid-template-columns:1fr 1fr}.app-nav #nav-blog{display:none}}
@media(max-width:720px){.workspace-content>.blog-page{padding:14px 12px 80px}.blog-hero{padding:24px 20px}.blog-hero .back{margin-bottom:24px}.blog-featured,.blog-newsletter{grid-template-columns:1fr}.blog-visual{min-height:180px}.blog-featured>div:last-child{padding:22px}.blog-grid{grid-template-columns:1fr}.article-related>div{grid-template-columns:1fr}.article-cover{height:190px}}