/* ============================================================
   ENVOL SECURITY — ESPACE EMPLOI V20
   Mise en page sous le HERO uniquement.
   IMPORTANT : aucune règle .career-hero / .hero-* / .career-header ici.
   ============================================================ */

.emploi-search,
.emploi-offers,
.emploi-talent,
.emploi-footer{font-family:Inter,"Segoe UI",Arial,sans-serif}

.emploi-search{
  width:min(1450px,88.5vw);margin:-23px auto 0;position:relative;z-index:25;
  min-height:88px;padding:11px 15px 12px;
  display:grid;grid-template-columns:290px 1fr 1fr 1fr 190px 125px;gap:17px;align-items:end;
  background:rgba(3,17,29,.96);border:1px solid rgba(14,145,220,.55);border-radius:6px;
  box-shadow:0 16px 44px rgba(0,0,0,.48);backdrop-filter:blur(12px)
}
.emploi-search__lead{align-self:center;display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}
.search-icon{width:31px;height:31px;color:#11a6ff;display:grid;place-items:center}
.search-icon svg,.emploi-search__submit svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.emploi-search__lead strong{display:block;font-size:11.5px;letter-spacing:.015em}
.emploi-search__lead small{display:block;margin-top:4px;color:#75a0bd;font-size:8.5px}
.emploi-search label{font-size:9px;font-weight:800;color:#f8fbfd}
.emploi-search select{width:100%;height:39px;margin-top:5px;padding:0 12px;background:#06131f;color:#fff;border:1px solid #284c66;border-radius:4px;outline:none;font-size:10px}
.emploi-search select:focus{border-color:#159ce8;box-shadow:0 0 0 2px rgba(7,143,255,.1)}
.emploi-search__submit{height:39px;border:0;border-radius:4px;background:#078fff;color:#fff;font-weight:900;font-size:10.5px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.emploi-search__submit:hover{filter:brightness(1.08)}
.emploi-search__reset{height:39px;border:0;background:transparent;color:#12a7ff;font-size:8.5px;cursor:pointer;white-space:nowrap}

.emploi-offers{width:min(1450px,88.5vw);margin:0 auto;padding:18px 0 9px}
.emploi-titlebar{display:flex;align-items:end;justify-content:space-between;margin-bottom:8px}
.emploi-titlebar p{margin:0 0 4px;color:#12a7ff;font-size:8.5px;letter-spacing:.18em;font-weight:700;display:flex;align-items:center;gap:10px}
.emploi-titlebar p span{display:inline-block;width:30px;height:2px;background:#15a8ff}
.emploi-titlebar h2{margin:0;font-size:22px;line-height:1.05;letter-spacing:-.02em}
.emploi-titlebar>a{margin-bottom:3px;color:#12a7ff;font-size:8.5px}
.emploi-titlebar>a b{font-size:12px;margin-left:8px}

.emploi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}
.emploi-card{min-height:188px;padding:12px 13px 11px;display:flex;flex-direction:column;background:linear-gradient(145deg,#061724,#03101a);border:1px solid rgba(14,145,220,.5);border-radius:6px;box-shadow:inset 0 1px rgba(255,255,255,.015);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.emploi-card:hover{transform:translateY(-2px);border-color:#159ce8;box-shadow:0 10px 30px rgba(0,103,180,.12)}
.card-top{display:flex;justify-content:space-between;align-items:start;gap:8px}
.card-top em{font-style:normal;width:max-content;padding:4px 7px;background:#075fa9;border-radius:3px;font-size:6.8px;font-weight:900;letter-spacing:.015em}
.bookmark{font-size:18px;line-height:15px;color:#e6f5ff}.people-icon{font-size:26px;line-height:20px;color:#0da1ff}
.emploi-card h3{margin:9px 0 5px;font-size:12.6px;line-height:1.15;letter-spacing:-.01em}
.card-meta{margin:0 0 7px;display:flex;flex-wrap:wrap;gap:5px 9px;color:#b7d8ec;font-size:7.1px;line-height:1.25}
.card-meta span:first-child{color:#23a9f3}
.card-copy{margin:0 0 9px;color:#d7e2e9;font-size:8.4px;line-height:1.4}
.card-link{margin-top:auto;min-height:29px;border:1px solid #0d91e7;border-radius:3px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:7.4px;font-weight:900;letter-spacing:.02em}
.card-link:hover{background:#078fff}.card-link b{font-size:11px}
.emploi-card--matching{background:radial-gradient(circle at 92% 12%,rgba(0,145,255,.17),transparent 34%),linear-gradient(145deg,#061724,#03101a)}
.emploi-card.hidden{display:none}.emploi-offers .empty{text-align:center;color:#8fa5b5;font-size:10px;padding:17px}

.emploi-talent{margin-top:8px;min-height:75px;padding:0 5vw;display:grid;grid-template-columns:1.6fr repeat(4,1fr) 185px;gap:17px;align-items:center;background:linear-gradient(90deg,#071929 0%,#061725 45%,#04111c 100%);border-top:1px solid rgba(14,145,220,.55);border-bottom:1px solid rgba(14,145,220,.55);position:relative;overflow:hidden}
.emploi-talent:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 120%,rgba(0,125,220,.15),transparent 28%);pointer-events:none}
.emploi-talent>*{position:relative;z-index:1}
.emploi-talent__intro small,.emploi-talent__intro strong{display:block}.emploi-talent__intro small{font-size:10.5px;font-weight:900}.emploi-talent__intro strong{margin-top:3px;color:#16a5ff;font-size:13px}
.emploi-talent__item{display:flex;gap:8px;align-items:center}.emploi-talent__item>span{font-size:28px;color:#0da1ff}.emploi-talent__item p{margin:0;font-size:7.4px;font-weight:800}.emploi-talent__item small{display:block;margin-top:3px;font-size:7px;color:#d2dde5}
.emploi-talent>a{justify-self:end;min-width:176px;padding:12px 15px;background:#078fff;border-radius:4px;text-align:center;font-size:9px;font-weight:900}.emploi-talent>a b{margin-left:10px;font-size:12px}
.anchor-target{position:absolute;transform:translateY(-90px)}

.emploi-footer{padding:0 4.6vw 9px;background:#01070b;border-top:1px solid rgba(255,255,255,.02)}
.emploi-footer__main{min-height:58px;display:grid;grid-template-columns:160px 1fr 155px 245px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}
.emploi-footer__logo img{width:108px;display:block}.emploi-footer__main nav{display:flex;justify-content:center;align-items:center;gap:19px;font-size:7.7px}.emploi-footer__main nav i{width:1px;height:12px;background:#0c6699}.emploi-footer__main nav .active{color:#13a7ff}
.emploi-social{display:flex;justify-content:center;gap:15px;font-size:12px;font-weight:900}.emploi-footer__main>p{text-align:right;margin:0;padding-left:18px;border-left:1px solid #0d527a;font-size:7.1px;line-height:1.35;letter-spacing:.08em}
.emploi-footer__legal{min-height:34px;display:grid;grid-template-columns:1fr 1.25fr 1.1fr;align-items:center;gap:15px;color:#9ba8b2;font-size:6.5px}.emploi-footer__legal>span:nth-child(2){text-align:center}.emploi-footer__legal>span:last-child{display:flex;justify-content:flex-end;align-items:center;gap:9px}.emploi-footer__legal i{width:1px;height:10px;background:#0c6699}.emploi-footer__notice{margin:0;text-align:center;color:#64747f;font-size:6.2px;line-height:1.3}

@media(max-width:1200px){
 .emploi-search{width:94vw;grid-template-columns:1fr 1fr 1fr}.emploi-search__lead{grid-column:1/-1}.emploi-search__reset{justify-self:start}
 .emploi-offers{width:92vw}.emploi-grid{grid-template-columns:repeat(2,1fr)}
 .emploi-talent{grid-template-columns:1fr 1fr 1fr}.emploi-talent__intro{grid-column:1/-1}.emploi-talent>a{justify-self:stretch}
 .emploi-footer__main{grid-template-columns:130px 1fr 190px}.emploi-social{display:none}
}
@media(max-width:700px){
 .emploi-search{width:auto;margin:-16px 14px 0;grid-template-columns:1fr;padding:13px}.emploi-search__lead{grid-column:auto}.emploi-search__reset{height:auto;padding:7px 0}
 .emploi-offers{width:auto;margin:0 16px;padding-top:24px}.emploi-grid{grid-template-columns:1fr}.emploi-titlebar h2{font-size:20px}.emploi-titlebar>a{display:none}
 .emploi-talent{grid-template-columns:1fr;padding:18px}.emploi-talent__intro{grid-column:auto}.emploi-talent>a{justify-self:stretch}
 .emploi-footer{padding:15px 18px 10px}.emploi-footer__main,.emploi-footer__legal{grid-template-columns:1fr;text-align:center;gap:12px}.emploi-footer__logo img{margin:auto}.emploi-footer__main nav{flex-wrap:wrap}.emploi-footer__main>p{text-align:center;border:0;padding:0}.emploi-footer__legal>span:nth-child(2){text-align:center}.emploi-footer__legal>span:last-child{justify-content:center}.emploi-footer__notice{margin-top:8px}
}

.emploi-card--matching .card-top em{color:#69c8ff}.emploi-card--matching .people-icon{color:#20a7ff}.emploi-card--matching .card-link{margin-top:auto}


/* ============================================================
   V22.3.1 — PORTAIL EMPLOI / DOUBLE PORTE D'ENTREE
   ============================================================ */
.emploi-gateway{width:min(1450px,91vw);margin:-34px auto 0;position:relative;z-index:25;padding:24px 0 12px;font-family:Inter,"Segoe UI",Arial,sans-serif}
.gateway-heading{text-align:center;margin:0 auto 18px}.gateway-heading p{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 0 6px;color:#14a8ff;font-size:9px;font-weight:900;letter-spacing:.16em}.gateway-heading p span{width:28px;height:2px;background:#14a8ff}.gateway-heading h2{margin:0;font-size:25px;letter-spacing:-.025em}.gateway-heading h2 strong{color:#129eff}.gateway-heading small{display:block;margin-top:7px;color:#91aec1;font-size:9px}
.gateway-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gateway-card{position:relative;min-height:250px;overflow:hidden;display:grid;grid-template-columns:72px minmax(260px,1fr) 38%;gap:12px;padding:24px;background:linear-gradient(135deg,rgba(5,25,41,.98),rgba(2,13,23,.98));border:1px solid rgba(16,156,238,.72);border-radius:9px;box-shadow:0 18px 48px rgba(0,0,0,.28)}.gateway-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(2,8,14,.12));pointer-events:none}.gateway-icon{position:relative;z-index:2;color:#0fa4ff;font-size:55px;line-height:1;font-weight:200}.gateway-copy{position:relative;z-index:3}.gateway-copy em{font-style:normal;color:#13a7ff;font-size:9px;font-weight:900;letter-spacing:.14em}.gateway-copy h3{margin:10px 0 10px;font-size:25px;line-height:1.04;letter-spacing:-.025em}.gateway-copy p{max-width:390px;margin:0 0 17px;color:#c2d5e1;font-size:10px;line-height:1.55}.gateway-copy a{display:inline-flex;align-items:center;justify-content:space-between;min-width:205px;padding:12px 15px;background:#0798ff;border-radius:5px;font-size:9px;font-weight:900;box-shadow:0 7px 20px rgba(0,133,230,.2)}.gateway-copy a:hover{filter:brightness(1.1)}.gateway-copy a b{font-size:14px}
.gateway-visual{position:absolute;z-index:1;right:0;top:0;width:38%;height:100%;border-left:1px solid rgba(18,153,230,.22)}.gateway-visual--agent{background:linear-gradient(90deg,rgba(3,16,27,.2),rgba(3,16,27,.08)),url('../images/offres/hero-securite-privee.jpg') center/cover no-repeat}.gateway-visual--agent span{position:absolute;right:17px;bottom:18px;max-width:130px;text-align:right;font-size:9px;font-style:italic;font-weight:900;line-height:1.35}.gateway-visual--cv{display:flex;align-items:center;justify-content:center;gap:15px;background:radial-gradient(circle at 60% 40%,rgba(8,144,240,.23),transparent 50%),linear-gradient(145deg,#071b2c,#020c15)}.cv-sheet{width:74px;height:92px;border:1px solid #2daef7;border-radius:8px;background:linear-gradient(145deg,#dbeaf3,#8fb7cf);color:#06213a;display:grid;place-items:center;position:relative;transform:rotate(-5deg);box-shadow:0 14px 35px rgba(0,0,0,.35)}.cv-sheet b{font-size:25px}.cv-sheet i{position:absolute;right:-8px;bottom:-8px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0798ff;color:#fff;font-style:normal}.gateway-visual--cv ul{list-style:none;margin:0;padding:0}.gateway-visual--cv li{margin:8px 0;padding:7px 9px;border:1px solid rgba(18,164,255,.3);border-radius:4px;background:rgba(4,20,33,.7);font-size:8px;color:#cce5f4}.gateway-visual--cv li:before{content:"✓";color:#1ab0ff;margin-right:7px;font-weight:900}
.gateway-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:13px;padding:13px 18px;border-top:1px solid rgba(17,143,214,.28);border-bottom:1px solid rgba(17,143,214,.28);color:#a9c5d7}.gateway-trust span{display:flex;align-items:center;gap:9px;font-size:17px;color:#0fa4ff}.gateway-trust b{font-size:8.5px;color:#bcd1df;font-weight:600}
.emploi-offers{padding-top:20px}.emploi-titlebar h2{font-size:26px}.emploi-card--matching{display:none!important}.emploi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.emploi-card{min-height:205px}.card-link{min-height:34px;font-size:8px}.card-link:before{content:"✦";color:#22b0ff}
@media(max-width:1200px){.gateway-grid{grid-template-columns:1fr}.gateway-card{grid-template-columns:60px 1fr 34%}.gateway-trust{grid-template-columns:1fr 1fr}.emploi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.emploi-gateway{width:auto;margin:-20px 15px 0}.gateway-heading h2{font-size:22px}.gateway-card{display:block;padding:20px;min-height:330px}.gateway-icon{font-size:42px}.gateway-copy h3{font-size:23px}.gateway-copy{position:relative;z-index:4}.gateway-visual{width:100%;height:44%;top:auto;bottom:0;opacity:.4;border:0}.gateway-copy p{max-width:100%}.gateway-trust{grid-template-columns:1fr}.emploi-grid{grid-template-columns:1fr}}


/* V22.3.2.2 — Actions explicites sur les cartes d'offres */
.card-actions{margin-top:auto;display:grid;grid-template-columns:1fr;gap:7px}
.card-actions .card-link{margin-top:0;min-height:31px;padding:0 9px}
.card-link--detail{background:transparent;color:#fff;border-color:rgba(31,169,246,.72)}
.card-link--detail:hover{background:rgba(9,129,198,.14)}
.card-link--match{background:#078fff;color:#fff;border-color:#078fff}
.card-link--match:hover{filter:brightness(1.08)}
.card-actions .card-link:before{content:none!important}
@media(min-width:1350px){.emploi-card{min-height:230px}}

/* ============================================================
   V22.4.4 — LISIBILITÉ PORTAIL EMPLOI / DESKTOP
   Agrandissement ciblé des textes sans modifier la structure.
   ============================================================ */
@media (min-width:1201px){
  .gateway-heading p{font-size:11px}
  .gateway-heading h2{font-size:31px}
  .gateway-heading small{font-size:11px;line-height:1.45}

  .gateway-copy em{font-size:11px}
  .gateway-copy h3{font-size:31px;line-height:1.08}
  .gateway-copy p{font-size:12.5px;line-height:1.58}
  .gateway-copy a{font-size:11px;min-width:225px;padding:14px 17px}
  .gateway-visual--agent span{font-size:11px;max-width:155px}
  .gateway-visual--cv li{font-size:10px;padding:8px 10px}
  .gateway-trust b{font-size:10.5px;line-height:1.35}

  .emploi-titlebar p{font-size:10.5px}
  .emploi-titlebar h2{font-size:32px}
  .emploi-titlebar>a{font-size:10.5px}

  .emploi-card{min-height:250px;padding:16px 17px 15px}
  .card-top em{font-size:8.5px;padding:5px 8px}
  .emploi-card h3{font-size:16px;line-height:1.2;margin:11px 0 7px}
  .card-meta{font-size:9.3px;gap:7px 11px;margin-bottom:9px}
  .card-copy{font-size:10.5px;line-height:1.5;margin-bottom:12px}
  .card-actions{gap:9px}
  .card-actions .card-link{min-height:38px;font-size:9.8px;padding:0 11px}

  .emploi-talent__intro small{font-size:12px}
  .emploi-talent__intro strong{font-size:15px}
  .emploi-talent__item p{font-size:9.5px}
  .emploi-talent__item small{font-size:8.8px}
  .emploi-talent>a{font-size:10.5px;padding:13px 16px}

  .emploi-footer__main nav{font-size:9px}
  .emploi-footer__main>p{font-size:8.5px}
  .emploi-footer__legal{font-size:7.7px}
  .emploi-footer__notice{font-size:7.4px}
}

/* ============================================================
   V22.4.5 — COULEURS PAR FAMILLE SUR LE PORTAIL EMPLOI
   Administration = orange / Sécurité privée = bleu / Incendie = rouge
   ============================================================ */
.emploi-card.family-private{border-color:rgba(24,168,255,.72);background:linear-gradient(145deg,#071b2b,#03101a)}
.emploi-card.family-private .card-top em{background:#075fa9;color:#fff}
.emploi-card.family-private .card-link--detail{border-color:rgba(24,168,255,.8)}
.emploi-card.family-private .card-link--match{background:#078fff;border-color:#078fff}
.emploi-card.family-private:hover{border-color:#24b4ff;box-shadow:0 12px 34px rgba(7,143,255,.16)}

.emploi-card.family-fire{border-color:rgba(255,60,72,.72);background:linear-gradient(145deg,#241014,#0f0709)}
.emploi-card.family-fire .card-top em{background:#a81d28;color:#fff}
.emploi-card.family-fire .card-meta span:first-child{color:#ff737c}
.emploi-card.family-fire .card-link--detail{border-color:rgba(255,75,86,.85);color:#fff}
.emploi-card.family-fire .card-link--detail:hover{background:rgba(255,60,72,.12)}
.emploi-card.family-fire .card-link--match{background:#e52f3b;border-color:#e52f3b}
.emploi-card.family-fire:hover{border-color:#ff5963;box-shadow:0 12px 34px rgba(255,60,72,.14)}

.emploi-card.family-admin{border-color:rgba(255,156,47,.78);background:linear-gradient(145deg,#26170a,#100b06)}
.emploi-card.family-admin .card-top em{background:#b46612;color:#fff}
.emploi-card.family-admin .card-meta span:first-child{color:#ffb45f}
.emploi-card.family-admin .card-link--detail{border-color:rgba(255,166,67,.9);color:#fff}
.emploi-card.family-admin .card-link--detail:hover{background:rgba(255,156,47,.12)}
.emploi-card.family-admin .card-link--match{background:#f08a1c;border-color:#f08a1c;color:#fff}
.emploi-card.family-admin:hover{border-color:#ffad53;box-shadow:0 12px 34px rgba(255,156,47,.16)}

/* ============================================================
   V22.4.6 — LISIBILITÉ RENFORCÉE PORTAIL EMPLOI / DESKTOP
   Les textes des opportunités et du bas de page restent lisibles en 1080p/1440p.
   ============================================================ */
@media (min-width:1201px){
  .gateway-heading p{font-size:13px}
  .gateway-heading small{font-size:13px;line-height:1.55}
  .gateway-copy em{font-size:12.5px}
  .gateway-copy p{font-size:14px;line-height:1.62}
  .gateway-copy a{font-size:12.5px}
  .gateway-visual--agent span{font-size:12.5px}
  .gateway-visual--cv li{font-size:11.5px}
  .gateway-trust b{font-size:12px}

  .emploi-titlebar p{font-size:12px}
  .emploi-titlebar h2{font-size:36px}
  .emploi-titlebar>a{font-size:12px}

  .emploi-card{min-height:285px;padding:19px 20px 18px}
  .card-top em{font-size:10.5px;padding:6px 10px}
  .emploi-card h3{font-size:19px;line-height:1.22;margin:13px 0 9px}
  .card-meta{font-size:11.5px;gap:9px 13px;margin-bottom:11px}
  .card-copy{font-size:12.5px;line-height:1.58;margin-bottom:14px}
  .card-actions{gap:10px}
  .card-actions .card-link{min-height:43px;font-size:11.5px;padding:0 13px}

  .emploi-talent__intro small{font-size:13px}
  .emploi-talent__intro strong{font-size:17px}
  .emploi-talent__item p{font-size:11px}
  .emploi-talent__item small{font-size:10px}
  .emploi-talent>a{font-size:12px;padding:14px 18px}

  .emploi-footer__main nav{font-size:10.5px}
  .emploi-footer__main>p{font-size:10px}
  .emploi-footer__legal{font-size:9px}
  .emploi-footer__notice{font-size:8.7px}
}

/* ============================================================
   V22.4.7 — CORRECTIF TYPOGRAPHIE CARTES D'OFFRES
   Retour des boutons et éléments secondaires à leur gabarit V22.4.5.
   Seule la description des offres est réellement agrandie.
   ============================================================ */
@media (min-width:1201px){
  .gateway-heading p{font-size:12px}
  .gateway-heading small{font-size:12px;line-height:1.5}
  .gateway-copy em{font-size:11px}
  .gateway-copy p{font-size:12.5px;line-height:1.58}
  .gateway-copy a{font-size:11px}
  .gateway-visual--agent span{font-size:11px}
  .gateway-visual--cv li{font-size:10px}
  .gateway-trust b{font-size:10.5px}

  .emploi-titlebar p{font-size:10.5px}
  .emploi-titlebar h2{font-size:32px}
  .emploi-titlebar>a{font-size:10.5px}

  .emploi-card{min-height:250px;padding:16px 17px 15px}
  .card-top em{font-size:8.5px;padding:5px 8px}
  .emploi-card h3{font-size:16px;line-height:1.2;margin:11px 0 7px}
  .card-meta{font-size:9.3px;gap:7px 11px;margin-bottom:9px}

  /* Élément demandé : description réellement plus lisible */
  .card-copy{font-size:14px;line-height:1.58;margin-bottom:14px}

  .card-actions{gap:9px}
  .card-actions .card-link{min-height:38px;font-size:9.8px;padding:0 11px}

  .emploi-talent__intro small{font-size:12px}
  .emploi-talent__intro strong{font-size:15px}
  .emploi-talent__item p{font-size:9.5px}
  .emploi-talent__item small{font-size:8.8px}
  .emploi-talent>a{font-size:10.5px;padding:13px 16px}

  .emploi-footer__main nav{font-size:9px}
  .emploi-footer__main>p{font-size:8.5px}
  .emploi-footer__legal{font-size:7.7px}
  .emploi-footer__notice{font-size:7.5px}
}

/* V23.6 — ENVOL LEARN */
.gateway-grid{grid-template-columns:repeat(3,1fr)}
.gateway-card--learn{border-color:rgba(38,217,107,.72);background:linear-gradient(135deg,rgba(5,32,21,.98),rgba(2,16,12,.98))}
.gateway-card--learn .gateway-icon,.gateway-card--learn .gateway-copy em{color:#38e879}.gateway-card--learn .gateway-copy a{background:#20b85a}.gateway-visual--learn{background:linear-gradient(90deg,rgba(2,16,12,.1),rgba(2,16,12,.08)),url('../images/offres/hero-envol-learn.png') center/cover no-repeat;border-left-color:rgba(38,217,107,.25)}
.learn-portal{width:min(1450px,91vw);margin:28px auto 0}.learn-hero{min-height:420px;position:relative;overflow:hidden;border:1px solid rgba(38,217,107,.55);border-radius:10px;background:url('../images/offres/hero-envol-learn.png') center/cover no-repeat}.learn-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,8,.96) 0%,rgba(1,10,8,.78) 38%,rgba(1,10,8,.16) 72%,rgba(1,10,8,.08) 100%)}.learn-copy{position:relative;z-index:2;width:min(610px,58%);padding:62px 52px}.learn-copy>p:first-child{color:#3ce97d;font-size:11px;font-weight:900;letter-spacing:.18em}.learn-copy>p:first-child span{display:inline-block;width:30px;height:2px;background:#3ce97d;vertical-align:middle;margin-right:9px}.learn-copy h2{font-size:38px;line-height:1.05;margin:15px 0;color:#fff}.learn-copy h2 strong{color:#3ce97d}.learn-lead{color:#c7d8cf;font-size:13px;line-height:1.65;max-width:560px}.learn-copy a{display:inline-flex;gap:30px;align-items:center;margin-top:15px;padding:14px 18px;border-radius:5px;background:#20b85a;color:#fff;font-size:10px;font-weight:900}.learn-path{display:grid;grid-template-columns:1fr auto 1.7fr auto 1fr;align-items:center;gap:20px;padding:17px 28px;border:1px solid rgba(38,217,107,.3);border-top:0;background:#03130d;border-radius:0 0 9px 9px}.learn-path span{font-size:10px;font-weight:850;letter-spacing:.08em;color:#d8e9df}.learn-path b{color:#3ce97d;margin-right:9px}.learn-path i{color:#3ce97d;font-style:normal}.learn-offers{padding-top:28px}.learn-offers .emploi-titlebar p,.learn-offers .emploi-titlebar h2 strong{color:#3ce97d}.emploi-card.family-learn{border-color:rgba(38,217,107,.72);background:linear-gradient(145deg,#071f14,#030e09)}.emploi-card.family-learn .card-top em{background:#137d3c;color:#fff}.emploi-card.family-learn .card-meta span:first-child{color:#69ef98}.emploi-card.family-learn .card-link--detail{border-color:rgba(38,217,107,.85)}.emploi-card.family-learn .card-link--match{background:#20b85a;border-color:#20b85a}.emploi-card.family-learn:hover{border-color:#56ef8c;box-shadow:0 12px 34px rgba(38,217,107,.14)}
@media(max-width:1200px){.gateway-grid{grid-template-columns:1fr}.learn-copy{width:70%}}
@media(max-width:700px){.learn-hero{min-height:500px;background-position:62% center}.learn-overlay{background:rgba(1,10,8,.76)}.learn-copy{width:auto;padding:40px 25px}.learn-copy h2{font-size:30px}.learn-path{grid-template-columns:1fr;gap:8px}.learn-path i{display:none}}

/* V23.6.2 — Portail emploi / ENVOL LEARN */
.learn-disclaimer{padding:11px 28px 14px;border:1px solid rgba(38,217,107,.3);border-top:0;background:#03130d;color:#86a998;font-size:10px;line-height:1.55;text-align:center}.learn-section-intro{display:block;max-width:760px;margin-top:8px;color:#8eae9d;font-size:11px;line-height:1.55}.learn-offers .emploi-titlebar{align-items:flex-end}.learn-offers .empty{border-color:rgba(38,217,107,.28);color:#8eae9d}.gateway-card--learn .gateway-copy h3{color:#fff}.gateway-card--learn .gateway-copy h3::after{content:"";display:block;width:42px;height:2px;margin-top:12px;background:#38e879}.hero-points span:last-child b{color:#38e879}@media(max-width:700px){.learn-disclaimer{padding:12px 18px;text-align:left}.learn-section-intro{font-size:10px}}


/* V23.6.3 — Nettoyage du choix des parcours sur le portail emploi */
@media (min-width:1201px){
  .emploi-gateway{width:min(1450px,91vw)}
  .gateway-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .gateway-card{
    min-height:322px;
    display:grid;
    grid-template-columns:52px minmax(0,1fr);
    align-items:start;
    gap:18px;
    padding:28px 26px;
    isolation:isolate;
  }
  .gateway-card:after{
    z-index:0;
    background:linear-gradient(90deg,rgba(3,16,27,.99) 0%,rgba(3,16,27,.94) 53%,rgba(3,16,27,.62) 76%,rgba(3,16,27,.28) 100%);
  }
  .gateway-card--learn:after{
    background:linear-gradient(90deg,rgba(3,24,15,.99) 0%,rgba(3,24,15,.95) 53%,rgba(3,24,15,.66) 76%,rgba(3,24,15,.30) 100%);
  }
  .gateway-icon{font-size:44px;margin-top:4px}
  .gateway-copy{min-width:0;max-width:330px}
  .gateway-copy h3{font-size:27px;line-height:1.06;margin:12px 0 14px}
  .gateway-copy p{max-width:315px;font-size:12.5px;line-height:1.6;margin-bottom:20px}
  .gateway-copy a{min-width:0;width:auto;max-width:100%;padding:13px 15px;gap:22px;white-space:nowrap}
  .gateway-visual{
    z-index:-1;
    width:48%;
    height:100%;
    border-left:0;
    opacity:.52;
    pointer-events:none;
  }
  .gateway-visual--agent{background-position:58% center}
  .gateway-visual--agent span{display:none}
  .gateway-visual--cv{opacity:.36;transform:scale(.92);transform-origin:right center;background:transparent}
  .gateway-visual--cv .cv-sheet{width:70px;height:88px}
  .gateway-visual--cv ul{display:none}
  .gateway-visual--learn{background-position:62% center;opacity:.58}
  .gateway-trust{margin-top:14px;padding-top:15px}
}

@media (min-width:1201px) and (max-width:1500px){
  .gateway-card{min-height:340px;padding:25px 22px;grid-template-columns:44px minmax(0,1fr);gap:14px}
  .gateway-icon{font-size:38px}
  .gateway-copy h3{font-size:24px}
  .gateway-copy p{font-size:11.8px}
  .gateway-copy a{font-size:10px;padding:12px 13px}
}