/* Composant « isolements » extrait du systeme de design Decical. */
.dnta-pre{font-size:15px;line-height:1.6;color:var(--encre2);max-width:76ch;
 padding:16px 0 4px}
.dnta .sect{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
 text-transform:uppercase;color:var(--olive);padding:30px 0 12px;
 border-bottom:2px solid var(--encre)}
.dnta .sect:first-child{padding-top:0}
.dnta .l{display:grid;grid-template-columns:96px minmax(0,1fr) 180px;gap:22px;
 align-items:center;padding:15px 0;border-bottom:1px solid var(--trait)}
.dnta .v{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--encre);
 letter-spacing:-.01em}
.dnta .d{font-size:14.5px;line-height:1.5;color:var(--encre2)}
.dnta .j{height:10px;border-radius:var(--r-pill);background:var(--trait);
 position:relative;overflow:hidden}
.dnta .j i{position:absolute;inset:0 auto 0 0;border-radius:var(--r-pill);
 background:linear-gradient(to right,var(--olive),var(--lime))}
.dnta-leg{font-family:var(--mono);font-size:10px;letter-spacing:.1em;
 text-transform:uppercase;color:var(--gris);margin-top:18px}
@media(max-width:720px){

 .dnta .l{grid-template-columns:76px minmax(0,1fr);gap:14px}

 .dnta .j{display:none}}