.def .def-hero{position:relative;z-index:2;padding:128px 0 18px}
.def-wrap{max-width:960px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.def-panneau{position:relative;background:rgba(7,17,29,.74);border:1px solid rgba(255,255,255,.1);border-radius:28px;
  padding:clamp(22px,3.2vw,42px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.7);margin:0 0 18px}
.def-corps{position:relative;z-index:2;padding:0 0 30px}
.def footer{position:relative;z-index:2}

.def-fil{margin:0 0 16px;font-family:var(--font-ui);font-size:14px;font-weight:700}
.def-fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center}
.def-fil li{color:rgba(255,255,255,.62)}
.def-fil li+li::before{content:"›";margin:0 9px;color:rgba(255,255,255,.4)}
.def-fil a{color:var(--cr-gold-100);text-decoration:underline;text-underline-offset:3px}
.def-hero h1{font-family:var(--font-display);font-style:italic;font-weight:800;font-size:clamp(34px,5.2vw,66px);line-height:1.1;
  letter-spacing:-.02em;margin:14px 0 0;padding-bottom:.12em;color:#fff;text-wrap:balance;font-variant-numeric:lining-nums}
.def-hero h1 em{font-style:italic;background:linear-gradient(92deg,var(--cr-gold-200),var(--cr-gold));-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;padding-right:.06em}
.def-reponse{max-width:66ch;margin:26px 0 0;font-size:clamp(16.5px,1.4vw,19.5px);line-height:1.62;color:rgba(255,255,255,.9);
  padding:0 0 0 18px;border-left:3px solid var(--cr-gold)}
.def-maj{margin:18px 0 0;font-family:var(--font-ui);font-size:13.5px;font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.58)}

.def-panneau h2{font-family:var(--font-display);font-style:italic;font-weight:700;font-size:clamp(26px,3.4vw,42px);line-height:1.06;
  letter-spacing:-.016em;margin:12px 0 14px;color:#fff;font-variant-numeric:lining-nums}
.def-panneau h2 em{font-style:italic;color:var(--mz-green-200)}
.def-panneau h3{font-family:var(--font-body);font-weight:800;font-size:clamp(16.5px,1.5vw,19px);line-height:1.3;margin:0 0 6px;color:#fff}
.def-panneau p,.def-panneau li{font-size:clamp(15.5px,1.15vw,17px);line-height:1.66;color:rgba(255,255,255,.84)}
.def-panneau p{margin:0 0 14px;max-width:72ch}
.def-panneau strong{color:#fff}
sub,sup{font-size:.72em;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em} sub{bottom:-.22em}
.def-figure{margin:0 0 18px}
.def-figure img{display:block;width:100%;height:auto;border-radius:18px;background:#06120a}
.def-figure figcaption{margin:12px 2px 0;font-size:13.5px;color:rgba(255,255,255,.62)}

.def-etapes{list-style:none;margin:18px 0 0;padding:0;counter-reset:e}
.def-etapes li{counter-increment:e;display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px clamp(12px,2vw,26px);
  padding:18px 0;border-top:1px solid rgba(255,255,255,.11);position:relative}
.def-etapes li::before{content:counter(e,decimal-leading-zero);font-family:var(--font-condensed);font-size:15px;letter-spacing:.06em;
  color:var(--mz-green-200);padding-top:3px;grid-row:span 2}
.def-etapes li::after{content:"";position:absolute;left:0;top:-1px;height:1px;width:0;background:linear-gradient(90deg,var(--mz-leaf),transparent);transition:width .75s var(--e)}
.def-etapes li:hover::after{width:100%}
.def-etapes p{margin:0}

.def-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}
.def-carte{padding:clamp(18px,2vw,24px);border-radius:var(--r-lg);background:var(--glass);border:1px solid var(--glass-br);position:relative;overflow:hidden}
.def-carte .k{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-body);font-weight:800;font-size:11px;letter-spacing:.22em;
  text-transform:uppercase;color:var(--gf-blue-200);margin-bottom:10px}
.def-carte .k::before{content:"";width:9px;height:9px;border-radius:2px;background:currentColor;transform:rotate(45deg)}
.def-carte h3{margin-bottom:8px}
.def-carte p{margin:0;font-size:15px!important}

.def-tableau{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0 10px;border-radius:var(--r-lg);border:1px solid var(--glass-br);background:var(--glass)}
.def-tableau table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px;line-height:1.48}
.def-tableau caption{text-align:left;padding:14px 16px 4px;font-family:var(--font-condensed);font-size:12.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--cr-gold)}
.def-tableau th,.def-tableau td{padding:11px 16px;text-align:left;vertical-align:top;border-top:1px solid rgba(255,255,255,.11);color:rgba(255,255,255,.86)}
.def-tableau thead th{font-family:var(--font-ui);font-weight:800;font-size:15px}
.def-tableau tbody th{font-family:var(--font-condensed);font-weight:400;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.62);white-space:nowrap}
.def-tableau .c-org{color:#E0A96B}.def-tableau .c-amm{color:var(--gf-blue-300)}.def-tableau .c-nit{color:var(--gf-red-300)}
.visuel-masque{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.def-encadre{margin:20px 0 4px;padding:16px 20px;border-radius:16px;border:1px dashed rgba(232,180,90,.6);background:rgba(232,180,90,.08)}
.def-encadre p{margin:0!important}
.def-suite{margin:8px 0 0}

.def-video{margin:16px 0 6px;border-radius:18px;overflow:hidden;border:1px solid var(--glass-br);background:#000}
.def-video video{display:block;width:100%;height:auto}
.def .qs{border-top:1px solid rgba(255,255,255,.11)}
.def details .a{font-size:clamp(15px,1.1vw,16.5px);line-height:1.68;color:rgba(255,255,255,.8);margin:0 0 20px;max-width:74ch}

.def-appel h2 em{color:var(--cr-gold-100)}
.def-appel .acts{margin-top:18px}

.def-sources ul{margin:6px 0 0;padding:0 0 0 20px}
.def-sources ul>li{margin:0 0 10px;font-size:15px!important;line-height:1.56;color:rgba(255,255,255,.78)}
.def-sources ul>li strong{color:#fff}
.def-auteur{font-size:14.5px!important;color:rgba(255,255,255,.7)!important;margin:0!important}
.def-auteur strong{color:var(--cr-gold-100)}

@media (max-width:1080px){.def .def-hero{padding-top:84px}}
@media (max-width:760px){
  .def-fil li[aria-current]{display:none}
  .def-fil li:first-child::before{content:"← ";color:var(--cr-gold-100)}
  .def-cartes{grid-template-columns:1fr}
  .def-etapes li{grid-template-columns:38px minmax(0,1fr)}
  .def-panneau{border-radius:22px}
  .def-tableau{overflow:visible;border:0;background:none}
  .def-tableau table,.def-tableau tbody,.def-tableau tr,.def-tableau th,.def-tableau td{display:block;width:100%}
  .def-tableau table{min-width:0}
  .def-tableau caption{display:block;padding:0 0 10px}
  .def-tableau thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .def-tableau tr{border:1px solid var(--glass-br);border-radius:16px;margin:0 0 10px;padding:6px 0 8px;background:var(--glass)}
  .def-tableau tbody th{border:0;padding:10px 16px 4px;color:var(--cr-gold);white-space:normal}
  .def-tableau td{border:0;padding:4px 16px}
  .def-tableau td::before{content:attr(data-forme) "\00a0: ";font-weight:800}
  .def-tableau td.f-org::before{color:#E0A96B}.def-tableau td.f-amm::before{color:var(--gf-blue-300)}.def-tableau td.f-nit::before{color:var(--gf-red-300)}
}
