/* Dugardin — univers « le combiné » : pages claires, pièces sombres d'instrument, couleurs vives réservées aux témoins. */
:root{
  --dg-fond:#F4F5F7; --dg-blanc:#FFFFFF; --dg-gris:#E9ECF1; --dg-encre:#0F1318; --dg-doux:#566070; --dg-trait:#DCE0E7; --dg-nuit:#12161C; --dg-nuit2:#1B2129; --dg-lien:#1D4ED8;
  --dg-rouge:#E5262B; --dg-ambre:#FF9500; --dg-vert:#16A34A; --dg-bleu:#2563EB; --dg-ambre-pale:#FFF1D6;
  --dg-titre:"Bricolage Grotesk","Bricolage Grotesk-fallback","Trebuchet MS",sans-serif;
  --dg-r:18px; --dg-large:1180px;
}
/* ── le thème, remis au pas ── */
.dg #page{max-width:none;width:100%;padding:0;margin:0}
.dg .site-content{padding:0;display:block}
.dg #primary{width:100%;margin:0;padding:0;float:none}
.dg .site-main{margin:0}
.dg-site{background:var(--dg-fond)}
.dg-site .site-header{background:var(--dg-blanc);border-bottom:1px solid var(--dg-trait)}
.dg-site .main-navigation,.dg-site .main-navigation ul ul{background:transparent}
.dg-site .main-navigation .main-nav ul li a{color:var(--dg-encre);font-weight:600;padding-left:14px;padding-right:14px}
.dg-site .main-navigation .main-nav ul li:hover>a,.dg-site .main-navigation .main-nav ul li.current-menu-item>a,.dg-site .main-navigation .main-nav ul li.current-menu-ancestor>a{color:var(--dg-encre);box-shadow:inset 0 -3px 0 var(--dg-ambre)}
.dg-site .menu-bar-items .gp-icon{color:var(--dg-encre)}
.dg-site .site-footer{margin:0}
.dg-p{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none}
.dg-in{max-width:var(--dg-large);margin:0 auto;padding-inline:clamp(16px,3vw,28px)}

/* ── logo ── */
.dg-logo{font:800 28px/1 var(--dg-titre);letter-spacing:-.03em;color:var(--dg-encre);text-decoration:none;display:inline-flex;align-items:baseline}
.dg-logo:hover{color:var(--dg-encre)}
.dg-logo-i{position:relative}
.dg-logo-i i{position:absolute;left:50%;top:-.02em;width:.26em;height:.26em;margin-left:-.13em;border-radius:50%;background:var(--dg-ambre);box-shadow:0 0 0 .07em rgba(255,149,0,.25),0 0 .5em rgba(255,149,0,.8)}
.dg-logo--clair,.dg-logo--clair:hover{color:#fff}

/* ── boutons ── */
.dg-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--dg-encre);color:#fff;font-weight:700;font-size:16px;line-height:1;padding:15px 22px;text-decoration:none;transition:transform .15s,box-shadow .2s}
.dg-btn:hover,.dg-btn:focus{color:#fff;background:var(--dg-encre);transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(15,19,24,.6)}
.dg-btn--clair,.dg-btn--clair:hover,.dg-btn--clair:focus{background:#fff;color:var(--dg-encre)}
.dg-btn--ambre,.dg-btn--ambre:hover,.dg-btn--ambre:focus{background:var(--dg-ambre);color:#1A1200}
.dg-btn--menu{padding:11px 18px;font-size:15px;margin-left:10px;white-space:nowrap}
.dg-suite{margin:28px 0 0}

/* ── sections ── */
.dg-s{padding-block:clamp(40px,6vw,76px)}
.dg-s--blanc{background:var(--dg-blanc)}
.dg-s--fond{background:var(--dg-fond)}
.dg-s--gris{background:var(--dg-gris)}
.dg-s--ambre{background:var(--dg-ambre);color:#1A1200}
.dg-s--nuit{background:var(--dg-nuit);color:#E8ECF1;background-image:radial-gradient(90% 120% at 85% 0%,#232B36 0%,transparent 60%)}
.dg-s--tete,.dg-s--hero{background:radial-gradient(120% 90% at 85% 0%,#FFFFFF 0%,var(--dg-fond) 55%,#E7EAEF 100%);padding-block:clamp(18px,3vw,30px) clamp(36px,5vw,64px)}
.dg-h1{font:800 clamp(30px,3.9vw,50px)/1.04 var(--dg-titre);letter-spacing:-.025em;margin:0;text-wrap:balance;color:var(--dg-encre)}
.dg-h1--hero{font-size:clamp(34px,4.5vw,60px)}
.dg-h1--code{font-size:clamp(23px,2.5vw,31px);line-height:1.12;letter-spacing:-.015em}
.dg-h2{font:800 clamp(25px,2.8vw,36px)/1.08 var(--dg-titre);letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance;color:inherit}
.dg-sous{font-size:18px;line-height:1.5;max-width:68ch;margin:0 0 28px;opacity:.86}
.dg-h2+*:not(.dg-sous){margin-top:24px}
.dg-s h3{font:700 19px/1.2 var(--dg-titre);margin:0 0 10px;color:inherit}
.dg-chapo{font-size:clamp(17px,1.5vw,20px);line-height:1.5;color:var(--dg-doux);max-width:56ch;margin:0}
.dg-prose{font-size:17px;line-height:1.65;max-width:72ch}
.dg-prose p{margin:0 0 1em}
.dg-prose a,.dg-faq a,.dg-etapes a,.dg-cause-d a:not(.dg-code){color:var(--dg-lien);text-decoration:none;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--dg-lien) 35%,transparent)}
.dg-s--nuit .dg-prose a,.dg-s--nuit .dg-etapes a,.dg-s--nuit .dg-cause-d a:not(.dg-code){color:#9DB8FF}
.dg-prose--page{margin:0 auto}
.dg-prose--page h2{font:800 26px/1.15 var(--dg-titre);margin:1.6em 0 .5em;letter-spacing:-.015em}
.dg-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,44px);align-items:start}
.dg-2col--large{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
@media(max-width:860px){.dg-2col,.dg-2col--large{grid-template-columns:1fr}}

/* ── fil d'ariane ── */
.dg-fil ol{list-style:none;margin:0 0 clamp(18px,3vw,34px);padding:0;display:flex;flex-wrap:wrap;gap:4px 0;font-size:14px;color:var(--dg-doux)}
.dg-fil li{display:flex;align-items:center}
.dg-fil li+li::before{content:"";width:6px;height:6px;border:solid var(--dg-doux);border-width:1.5px 1.5px 0 0;transform:rotate(45deg);margin:0 10px 0 6px;opacity:.6}
.dg-fil a{color:var(--dg-doux);text-decoration:none}
.dg-fil a:hover{color:var(--dg-encre)}
.dg-fil [aria-current]{color:var(--dg-encre);font-weight:700}

/* ── tête de fiche ── */
.dg-tete{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(22px,4vw,56px);align-items:center}
.dg-tete--seul{grid-template-columns:minmax(0,1fr)}
.dg-tete-g{display:flex;flex-direction:column;gap:18px;min-width:0}
.dg-tete-d{min-width:0}
@media(max-width:860px){.dg-tete{grid-template-columns:1fr}}
.dg-codeg{font:800 clamp(62px,9vw,124px)/.84 var(--dg-titre);letter-spacing:-.045em;margin:0 0 -4px;color:var(--dg-encre);font-variant-numeric:tabular-nums}
.dg-portee{display:flex;gap:8px;flex-wrap:wrap;margin:0;font-size:13.5px;font-weight:600}
.dg-portee span{background:var(--dg-blanc);box-shadow:inset 0 0 0 1px var(--dg-trait);border-radius:999px;padding:5px 12px}
.dg-portee span:empty{display:none}
.dg-libelle{margin:0}
.dg-libelle span{display:inline-block;background:var(--dg-nuit);color:var(--dg-ambre);font:700 clamp(17px,1.8vw,22px)/1.25 var(--dg-titre);border-radius:12px;padding:12px 18px;box-shadow:inset 0 0 0 2px #2C3440;text-shadow:0 0 12px rgba(255,149,0,.55)}
.dg-faits{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;margin:0}
.dg-faits>div{background:var(--dg-blanc);border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1px var(--dg-trait);min-width:0}
.dg-faits dt{font-size:12.5px;color:var(--dg-doux);margin:0 0 2px}
.dg-faits dd{margin:0;font:700 16px/1.25 var(--dg-titre)}
.dg-sign{display:flex;align-items:center;gap:12px;margin:4px 0 0;font-size:13.5px;line-height:1.35;color:var(--dg-doux)}
.dg-sign-av{border-radius:50%;width:44px;height:44px;object-fit:cover}
.dg-sign a{color:var(--dg-encre);font-weight:700;text-decoration:none}

/* ── l'afficheur ── */
.dg-aff{position:relative;background:linear-gradient(180deg,#2A3038 0%,#14181D 46%,#090B0D 100%);border-radius:34px;padding:clamp(22px,3vw,34px);color:#E8ECF1;box-shadow:inset 0 0 0 2px #3A414B,inset 0 0 0 9px #0B0D10,inset 0 0 0 10px #2A3038,0 26px 40px -22px rgba(15,19,24,.6);overflow:hidden;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.dg-aff-vitre{position:absolute;inset:0 0 45% 0;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,0));pointer-events:none}
.dg-aff-tem{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;color:var(--c);margin:6px 0 10px}
.dg-aff-p{width:clamp(64px,8vw,92px);height:auto;aspect-ratio:1;filter:drop-shadow(0 0 10px var(--c)) drop-shadow(0 0 2px var(--c))}
.dg-aff-tem .dg-aff-p:nth-child(n+3){display:none}
.dg-aff-tem:has(.dg-aff-p:nth-child(2)) .dg-aff-p{width:clamp(52px,6vw,70px)}
@media(prefers-reduced-motion:no-preference){.dg-aff-p{animation:dg-bat 2.4s ease-in-out infinite}}
@keyframes dg-bat{50%{opacity:.6}}
.dg-aff-q{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A94A2}
.dg-aff-r{margin:0;font:800 clamp(24px,2.7vw,33px)/1.08 var(--dg-titre);letter-spacing:-.02em;color:var(--c);text-shadow:0 0 18px color-mix(in srgb,var(--c) 45%,transparent);text-wrap:balance}
.dg-aff-t{margin:4px 0 0;font-size:15.5px;line-height:1.5;color:#C5CDD8;max-width:38ch}
.dg-aff-ech{display:grid;grid-template-columns:repeat(3,44px);gap:6px;margin-top:14px}
.dg-aff-ech i{height:6px;border-radius:3px;background:#2B323B}
.dg-aff-ech i:nth-child(1).on{background:var(--dg-vert);box-shadow:0 0 10px var(--dg-vert)}
.dg-aff-ech i:nth-child(2).on{background:var(--dg-ambre);box-shadow:0 0 10px var(--dg-ambre)}
.dg-aff-ech i:nth-child(3).on{background:var(--dg-rouge);box-shadow:0 0 10px var(--dg-rouge)}

/* ── onglets sans script ── */
.dg-ong{display:flex;flex-wrap:wrap;gap:8px}
.dg-ong>input{position:absolute;opacity:0;pointer-events:none}
.dg-ong>label{order:1;cursor:pointer;border-radius:999px;padding:9px 16px;font-weight:700;font-size:15px;background:var(--dg-blanc);box-shadow:inset 0 0 0 1px var(--dg-trait);color:var(--dg-encre)}
.dg-ong>input:checked+label{background:var(--dg-encre);color:#fff;box-shadow:none}
.dg-ong>input:focus-visible+label{outline:3px solid var(--dg-lien);outline-offset:2px}
.dg-ong-p{order:2;flex:1 0 100%;display:none;margin-top:12px}
.dg-ong>input:nth-of-type(1):checked~.dg-ong-p:nth-of-type(1),.dg-ong>input:nth-of-type(2):checked~.dg-ong-p:nth-of-type(2),.dg-ong>input:nth-of-type(3):checked~.dg-ong-p:nth-of-type(3),.dg-ong>input:nth-of-type(4):checked~.dg-ong-p:nth-of-type(4),.dg-ong>input:nth-of-type(5):checked~.dg-ong-p:nth-of-type(5),.dg-ong>input:nth-of-type(6):checked~.dg-ong-p:nth-of-type(6),.dg-ong>input:nth-of-type(7):checked~.dg-ong-p:nth-of-type(7),.dg-ong>input:nth-of-type(8):checked~.dg-ong-p:nth-of-type(8){display:block}
.dg-s--gris .dg-ong-p{background:var(--dg-blanc);border-radius:var(--dg-r);padding:clamp(18px,2.4vw,28px)}
.dg-ong-p>p{font-size:17px;line-height:1.6;max-width:74ch;margin:0 0 14px}

/* ── causes ── */
.dg-causes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dg-causes details{background:var(--dg-fond);border-radius:16px;overflow:hidden}
.dg-s--nuit .dg-causes details{background:var(--dg-nuit2);box-shadow:inset 0 0 0 1px #2B333D}
.dg-causes summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:14px 18px}
.dg-causes summary::-webkit-details-marker{display:none}
.dg-rang{grid-row:span 2;width:36px;height:36px;border-radius:50%;background:var(--dg-encre);color:#fff;display:grid;place-items:center;font:800 16px var(--dg-titre)}
.dg-s--nuit .dg-rang{background:#E8ECF1;color:var(--dg-nuit)}
.dg-causes li:first-child .dg-rang{background:var(--dg-ambre);color:#1A1200}
.dg-cause-n{font:700 17.5px/1.25 var(--dg-titre)}
.dg-cout{font-weight:700;font-size:14.5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.dg-barre{grid-column:2/4;height:6px;border-radius:3px;background:color-mix(in srgb,currentColor 12%,transparent);position:relative}
.dg-barre i{position:absolute;top:0;bottom:0;border-radius:3px;background:var(--dg-ambre)}
.dg-cause-d{padding:0 18px 16px 68px;font-size:16px;line-height:1.6}
.dg-cause-d p{margin:0 0 10px}
@media(max-width:560px){.dg-cause-d{padding-left:18px}.dg-causes summary{grid-template-columns:36px minmax(0,1fr)}.dg-cout{grid-column:2}.dg-barre{grid-column:1/3}}
.dg-enc{background:var(--dg-ambre-pale);border-radius:var(--dg-r);padding:22px;color:#1A1200}
.dg-s--nuit .dg-enc{background:var(--dg-nuit2);color:#E8ECF1;box-shadow:inset 0 0 0 1px #2B333D}
.dg-liste{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;font-size:16px;line-height:1.5}
.dg-liste li{padding-left:22px;position:relative}
.dg-liste li::before{content:"";position:absolute;left:0;top:.5em;width:9px;height:9px;border-radius:50%;background:var(--dg-ambre)}
.dg-liste--coche li::before{background:none;width:11px;height:6px;border:solid currentColor;border-width:0 0 2.5px 2.5px;transform:rotate(-45deg);border-radius:0;top:.42em}

/* ── étapes ── */
.dg-etapes{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.dg-etapes--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:860px){.dg-etapes--2{grid-template-columns:1fr}}
.dg-etapes li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;background:var(--dg-fond);border-radius:16px;padding:18px}
.dg-s--gris .dg-etapes li,.dg-ong-p .dg-etapes li{background:var(--dg-fond)}
.dg-s--nuit .dg-etapes li{background:var(--dg-nuit2);box-shadow:inset 0 0 0 1px #2B333D}
.dg-etape-n{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font:800 19px var(--dg-titre);background:conic-gradient(var(--dg-ambre) calc(var(--p,100)*1%),transparent 0);color:var(--dg-encre);position:relative;isolation:isolate}
.dg-etape-n::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--dg-blanc);z-index:-1}
.dg-s--nuit .dg-etape-n{color:#fff}.dg-s--nuit .dg-etape-n::before{background:var(--dg-nuit)}
.dg-etapes--puce .dg-etape-n{font-size:0;background:var(--dg-ambre)}.dg-etapes--puce .dg-etape-n::before{inset:14px;background:var(--dg-encre)}
.dg-etapes h3{font:700 18px/1.25 var(--dg-titre);margin:0 0 6px}
.dg-etapes p{margin:0;font-size:16px;line-height:1.58}
.dg-mesure{margin-top:10px!important;font-weight:700;font-size:14.5px!important;display:inline-block;background:var(--dg-nuit);color:var(--dg-ambre);border-radius:8px;padding:6px 10px;font-variant-numeric:tabular-nums}
.dg-s--nuit .dg-mesure{background:#000}
.dg-outils{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px;font-size:15px}
.dg-outils span{border:1px solid #3A434F;border-radius:999px;padding:5px 12px}

/* ── codes, témoins, liens ── */
.dg-codes{display:flex;flex-wrap:wrap;gap:6px}
.dg-code{display:inline-block;font:800 14.5px/1 var(--dg-titre);letter-spacing:.01em;border-radius:8px;padding:7px 10px;background:var(--dg-encre);color:#fff;text-decoration:none;box-shadow:none!important;font-variant-numeric:tabular-nums}
a.dg-code:hover{background:var(--dg-ambre);color:#1A1200}
.dg-code--off{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,currentColor 35%,transparent)!important}
.dg-s--nuit a.dg-code{background:#E8ECF1;color:var(--dg-nuit)}
.dg-voisins{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dg-voisins li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;align-items:baseline;font-size:16px;line-height:1.45}
.dg-tems{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.dg-tem{display:flex;gap:14px;align-items:center;background:var(--dg-fond);border-radius:16px;padding:12px 14px;color:inherit;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .25s}
.dg-s--fond .dg-tem,.dg-s--gris .dg-tem{background:var(--dg-blanc)}
.dg-s--nuit .dg-tem{background:var(--dg-nuit2);box-shadow:inset 0 0 0 1px #2B333D;color:#E8ECF1}
a.dg-tem:hover{transform:translateY(-2px);box-shadow:0 14px 24px -16px rgba(15,19,24,.5);color:inherit}
.dg-tem-p{width:54px;height:54px;border-radius:14px;background:var(--dg-nuit);color:var(--c);display:grid;place-items:center;flex:none;box-shadow:inset 0 0 0 1px #2C3440}
.dg-tem-p .dg-p{width:34px;height:34px;filter:drop-shadow(0 0 5px var(--c))}
.dg-tem-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.dg-tem-t b{font:700 16.5px/1.2 var(--dg-titre)}
.dg-tem-t small{font-size:13.5px;line-height:1.4;opacity:.8}
a.dg-tem .dg-tem-t b::after{content:" →";color:var(--dg-ambre)}
.dg-tem[hidden]{display:none}
.dg-tri{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.dg-tri button{border:0;border-radius:999px;padding:9px 16px;font-weight:700;font-size:15px;background:var(--dg-fond);color:var(--dg-encre);display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.dg-tri button i{width:11px;height:11px;border-radius:50%;background:var(--c)}
.dg-tri button[aria-pressed="true"]{background:var(--dg-encre);color:#fff}
.dg-liens{display:grid;gap:10px;margin-top:18px}
.dg-liens--2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.dg-liens--3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.dg-lien{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--dg-fond);border-radius:16px;padding:14px 18px;color:var(--dg-encre);text-decoration:none;transition:transform .15s}
.dg-s--fond .dg-lien,.dg-s--gris .dg-lien,.dg-s--ambre .dg-lien{background:var(--dg-blanc)}
.dg-s--nuit .dg-lien{background:var(--dg-nuit2);color:#E8ECF1;box-shadow:inset 0 0 0 1px #2B333D}
.dg-lien:hover{transform:translateX(3px);color:var(--dg-encre)}
.dg-s--nuit .dg-lien:hover{color:#fff}
.dg-lien span{display:flex;flex-direction:column;gap:2px;min-width:0}
.dg-lien small{font-size:12.5px;opacity:.7;font-weight:600}
.dg-lien b{font:700 17px/1.25 var(--dg-titre)}
.dg-lien em{font-style:normal;font-size:14px;opacity:.8;line-height:1.4}
.dg-lien .dg-p{width:22px;height:22px;stroke-width:4;color:var(--dg-ambre)}
.dg-listecodes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:8px}
.dg-listecodes--1{grid-template-columns:1fr}
.dg-listecodes a{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:baseline;background:var(--dg-fond);border-radius:12px;padding:11px 14px;color:var(--dg-encre);text-decoration:none}
.dg-s--nuit .dg-listecodes a{background:var(--dg-nuit2);color:#E8ECF1;box-shadow:inset 0 0 0 1px #2B333D}
.dg-listecodes a:hover{box-shadow:inset 0 0 0 2px var(--dg-ambre)}
.dg-listecodes b{font:800 18px/1 var(--dg-titre);font-variant-numeric:tabular-nums}
.dg-listecodes span{font-size:15px;line-height:1.35}
.dg-fams{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.dg-fams>*{background:var(--dg-fond);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;color:var(--dg-encre);text-decoration:none}
.dg-fams a{box-shadow:inset 0 0 0 2px var(--dg-encre)}
.dg-fams a:hover{background:var(--dg-ambre-pale);color:var(--dg-encre)}
.dg-fams b{font:800 21px/1 var(--dg-titre)}
.dg-fams span{font-size:14.5px;line-height:1.4;color:var(--dg-doux)}

/* ── questions ── */
.dg-faq{display:grid;gap:8px;max-width:900px}
.dg-faq details{background:var(--dg-blanc);border-radius:14px;box-shadow:inset 0 0 0 1px var(--dg-trait)}
.dg-faq summary{cursor:pointer;list-style:none;padding:16px 50px 16px 18px;font:700 17.5px/1.3 var(--dg-titre);position:relative}
.dg-faq summary::-webkit-details-marker{display:none}
.dg-faq summary::after{content:"";position:absolute;right:20px;top:50%;width:10px;height:10px;border:solid var(--dg-encre);border-width:0 2.5px 2.5px 0;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.dg-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.dg-faq p{margin:0;padding:0 18px 18px;font-size:16.5px;line-height:1.6;max-width:76ch}
.dg-ct{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.dg-ct p{font-size:18px;line-height:1.55;max-width:66ch;margin:0}
.dg-ct-g{font:800 clamp(90px,14vw,190px)/.8 var(--dg-titre)!important;letter-spacing:-.06em;margin:0;opacity:.16}
@media(max-width:700px){.dg-ct{grid-template-columns:1fr}.dg-ct-g{display:none}}

/* ── recherche ── */
.dg-rech{position:relative;display:flex;align-items:center;gap:10px;background:var(--dg-blanc);border-radius:999px;padding:7px 7px 7px 20px;box-shadow:0 0 0 1px var(--dg-trait),0 14px 34px -14px rgba(15,19,24,.35);max-width:540px}
.dg-rech>.dg-p{width:22px;height:22px;color:var(--dg-doux);stroke-width:4}
.dg-rech input[type=search]{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:17px;font-weight:500;color:var(--dg-encre);padding:11px 0;box-shadow:none;appearance:none}
.dg-rech input::-webkit-search-cancel-button{display:none}
.dg-rech button{border:0;border-radius:999px;background:var(--dg-encre);color:#fff;font-weight:700;font-size:16px;padding:13px 22px;cursor:pointer}
.dg-rech:focus-within{box-shadow:0 0 0 2px var(--dg-encre),0 14px 34px -14px rgba(15,19,24,.35)}
.dg-rech-res{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--dg-blanc);border-radius:18px;box-shadow:0 0 0 1px var(--dg-trait),0 24px 44px -18px rgba(15,19,24,.45);padding:8px;z-index:60;max-height:min(62vh,460px);overflow:auto}
.dg-rech-res a,.dg-rech-res p{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:9px 10px;border-radius:12px;color:var(--dg-encre);text-decoration:none;margin:0}
.dg-rech-res a:hover,.dg-rech-res a.sel{background:var(--dg-fond)}
.dg-rech-res .ic{width:44px;height:44px;border-radius:12px;background:var(--dg-nuit);color:var(--c,#C5CDD8);display:grid;place-items:center;font:800 12px var(--dg-titre)}
.dg-rech-res .ic .dg-p{width:28px;height:28px}
.dg-rech-res b{display:block;font:700 16px/1.2 var(--dg-titre)}
.dg-rech-res small{display:block;font-size:13.5px;color:var(--dg-doux);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dg-ov{border:0;border-radius:24px;padding:clamp(22px,4vw,40px);width:min(680px,calc(100vw - 24px));background:var(--dg-fond);color:var(--dg-encre);overflow:visible;margin-top:10vh}
.dg-ov::backdrop{background:rgba(9,11,13,.72);backdrop-filter:blur(4px)}
.dg-ov-t{font:800 24px/1.1 var(--dg-titre);margin:0 0 16px}
.dg-ov-x{position:absolute;right:14px;top:14px;border:0;background:transparent;padding:8px;cursor:pointer;color:var(--dg-encre)}
.dg-ov-x .dg-p{width:22px;height:22px;stroke-width:4}
.dg-rech--ov{max-width:none}

/* ── accueil ── */
.dg-hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(18px,3vw,44px);align-items:center;padding-top:clamp(10px,2vw,28px)}
@media(max-width:900px){.dg-hero{grid-template-columns:1fr}}
.dg-hero-t{display:flex;flex-direction:column;gap:22px;min-width:0}
.dg-hero-c{min-width:0}
.dg-hero-p{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0;font-size:14.5px;color:var(--dg-doux)}
.dg-hero-p a{border:1px solid var(--dg-trait);background:var(--dg-blanc);border-radius:999px;padding:6px 13px;color:var(--dg-encre);font-weight:600;text-decoration:none}
.dg-hero-p a:hover{border-color:var(--dg-encre)}
.dg-comb-s{width:100%;height:auto;display:block;filter:drop-shadow(0 26px 30px rgba(15,19,24,.28))}
.dg-comb-s .aig{transition:transform 1.1s cubic-bezier(.3,1.25,.4,1)}
.dg-comb-s .tem{cursor:pointer;color:#7D8794}
.dg-comb-s .tem.on{color:var(--c)}
.dg-comb-s .tem.on use{filter:url(#lueur)}
.dg-comb-s .tem .fondt{fill:#0D1014;stroke:#272D35;stroke-width:1.5;transition:stroke .2s}
.dg-comb-s .tem:hover .fondt{stroke:#6B7684}
.dg-comb-s .tem.on .fondt{stroke:var(--c)}
@media(prefers-reduced-motion:no-preference){.dg-comb-s .tem.on use{animation:dg-bat 1.6s ease-in-out infinite}}
.dg-comb-r{display:none;gap:8px;overflow-x:auto;padding:6px 2px 8px}
.dg-comb-r button{flex:none;width:52px;height:52px;border-radius:14px;border:0;background:var(--dg-nuit);color:#59626E;display:grid;place-items:center;padding:0}
.dg-comb-r button .dg-p{width:30px;height:30px}
.dg-comb-r button[aria-pressed="true"]{color:var(--c);box-shadow:0 0 0 2px var(--c)}
@media(max-width:700px){.dg-comb-r{display:flex}}
.dg-comb-l{background:var(--dg-blanc);border-radius:16px;padding:14px 18px;box-shadow:0 0 0 1px var(--dg-trait);display:flex;gap:14px;align-items:center;margin-top:14px;--c:var(--dg-ambre)}
.dg-comb-lp{width:46px;height:46px;border-radius:12px;background:var(--dg-nuit);color:var(--c);display:grid;place-items:center;flex:none}
.dg-comb-lp .dg-p{width:30px;height:30px}
.dg-comb-l b{font:700 17px var(--dg-titre);display:block}
.dg-comb-l span{font-size:14.5px;color:var(--dg-doux)}
.dg-comb-l a{margin-left:auto;font-weight:700;color:var(--dg-lien);text-decoration:none;white-space:nowrap}
.dg-comb-l a[hidden]{display:none}
.dg-feux{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:800px){.dg-feux{grid-template-columns:1fr}}
.dg-feux>div{background:var(--dg-blanc);border-radius:var(--dg-r);padding:24px;border-top:6px solid var(--c)}
.dg-feu{width:78px;height:78px;border-radius:22px;background:var(--dg-nuit);color:var(--c);display:grid;place-items:center;margin-bottom:16px}
.dg-feu .dg-p{width:50px;height:50px;filter:drop-shadow(0 0 8px var(--c))}
.dg-feux h3{font:800 23px/1.1 var(--dg-titre);margin:0 0 8px}
.dg-feux p{margin:0;font-size:16px;line-height:1.55}
.dg-marques{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.dg-marque{background:var(--dg-fond);border-radius:var(--dg-r);padding:18px 20px}
.dg-marque-n{font:800 22px/1.1 var(--dg-titre);color:var(--dg-encre);text-decoration:none;display:block;margin-bottom:8px}
.dg-marque ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.dg-marque li a{display:inline-block;background:var(--dg-blanc);border-radius:999px;padding:5px 12px;font-size:14.5px;font-weight:600;color:var(--dg-encre);text-decoration:none;box-shadow:inset 0 0 0 1px var(--dg-trait)}
.dg-marque li a:hover{box-shadow:inset 0 0 0 2px var(--dg-encre)}
.dg-auteur{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center}
.dg-auteur-av{width:clamp(120px,18vw,220px);height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px #2A323C}
@media(max-width:640px){.dg-auteur{grid-template-columns:1fr}}
.dg-regle{display:grid;gap:10px}
.dg-regle div{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:14px;align-items:center;background:var(--dg-nuit);color:#E8ECF1;border-radius:16px;padding:16px 20px}
.dg-regle div::before{content:"";grid-row:span 2;width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}
.dg-regle b{font:800 20px/1.1 var(--dg-titre)}
.dg-regle span{font-size:15px;color:#C5CDD8}
.dg-selm{background:var(--dg-nuit);color:#E8ECF1;border-radius:26px;padding:24px}
.dg-selm>p{font:800 21px var(--dg-titre);margin:0 0 14px}
.dg-selm ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dg-selm a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;background:var(--dg-nuit2);border-radius:12px;padding:13px 16px;color:#fff;text-decoration:none;font:700 17px var(--dg-titre);box-shadow:inset 0 0 0 1px #2B333D}
.dg-selm a:hover{box-shadow:inset 0 0 0 2px var(--dg-ambre)}
.dg-selm small{font:500 13px/1 inherit;color:#9AA4B1;font-family:inherit}

/* ── décodeur ── */
.dg-dec{background:linear-gradient(180deg,#2A3038 0%,#14181D 46%,#090B0D 100%);border-radius:30px;padding:clamp(20px,3vw,30px);color:#E8ECF1;box-shadow:inset 0 0 0 2px #3A414B,0 26px 40px -22px rgba(15,19,24,.6)}
.dg-dec label{display:block;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A94A2;margin-bottom:10px}
.dg-dec-l{position:relative;max-width:360px}
.dg-dec input{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:text}
.dg-dec-c{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.dg-dec-c span{aspect-ratio:1/1.15;border-radius:12px;background:#070D18;box-shadow:inset 0 0 0 2px #2C3A52;display:grid;place-items:center;font:800 clamp(26px,4vw,40px)/1 var(--dg-titre);color:var(--dg-ambre);text-shadow:0 0 14px rgba(255,149,0,.6)}
.dg-dec-l:focus-within .dg-dec-c span{box-shadow:inset 0 0 0 2px var(--dg-ambre)}
.dg-dec-c span.vide{color:#39465C;text-shadow:none}
.dg-dec-r{margin:18px 0 0;display:grid;gap:8px}
.dg-dec-r div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:baseline}
.dg-dec-r dt{font:800 19px var(--dg-titre);color:var(--dg-ambre)}
.dg-dec-r dd{margin:0;font-size:15.5px;line-height:1.45;color:#C5CDD8}
.dg-dec-f{margin:16px 0 0;min-height:24px;font-size:15.5px}
.dg-dec-f a{color:#fff;font-weight:700;text-decoration:none;background:var(--dg-ambre);color:#1A1200;border-radius:999px;padding:9px 16px;display:inline-block}

/* ── habitacle, tableaux, figures ── */
.dg-habw{background:var(--dg-blanc);border-radius:26px;padding:20px;box-shadow:inset 0 0 0 1px var(--dg-trait)}
.dg-habw p{margin:12px 4px 2px;font-size:15.5px;line-height:1.5}
.dg-habw a{color:var(--dg-lien);font-weight:700;text-decoration:none}
.dg-hab{width:100%;height:auto;display:block}
.dg-hab .t{fill:#F4F5F7;stroke:var(--dg-encre);stroke-width:2.5;stroke-linejoin:round}
.dg-hab .pb{fill:#DCE0E7;stroke:var(--dg-encre);stroke-width:2.5;stroke-linejoin:round}
.dg-hab .si{fill:#DCE0E7;stroke:var(--dg-encre);stroke-width:2}
.dg-hab .vo{fill:none;stroke:var(--dg-encre);stroke-width:5}
.dg-hab .mo{fill:var(--dg-encre)}
.dg-hab .pe{stroke:var(--dg-encre);stroke-width:5;stroke-linecap:round}
.dg-hab .re{fill:var(--dg-ambre);stroke:var(--dg-encre);stroke-width:2.5}
.dg-hab .on{fill:none;stroke:var(--dg-ambre);stroke-width:3}
@media(prefers-reduced-motion:no-preference){.dg-hab .on{animation:dg-onde 1.6s ease-out infinite;transform-box:fill-box;transform-origin:center}}
@keyframes dg-onde{from{transform:scale(.5);opacity:1}to{transform:scale(2.6);opacity:0}}
.dg-tabw{overflow-x:auto}
.dg-tab{width:100%;border-collapse:collapse;font-size:15.5px;min-width:620px;border:0}
.dg-tab th,.dg-tab td{text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--dg-trait);vertical-align:top}
.dg-tab thead th{font-size:13px;color:var(--dg-doux);font-weight:600}
.dg-tab tbody th{font:700 16.5px var(--dg-titre);white-space:nowrap}
.dg-fig{margin:0}
.dg-fig img{width:100%;height:auto;border-radius:26px;display:block;aspect-ratio:1;object-fit:cover}

/* ── pied de page ── */
.dg-pied{background:var(--dg-nuit);color:#C5CDD8;padding:clamp(36px,5vw,60px) 0 22px;font-size:15px}
.dg-pied-h{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:clamp(18px,3vw,36px)}
@media(max-width:980px){.dg-pied-h{grid-template-columns:repeat(2,minmax(0,1fr))}.dg-pied-m{grid-column:1/-1}}
.dg-pied-m p{margin:14px 0 0;max-width:34ch;line-height:1.5}
.dg-pied-c p{font:700 15px var(--dg-titre);color:#fff;margin:0 0 12px}
.dg-pied-c ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dg-pied a{color:#C5CDD8;text-decoration:none}
.dg-pied a:hover{color:var(--dg-ambre)}
.dg-pied .dg-pied-tout{color:#fff;font-weight:700}
.dg-pied-b{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid #2A323C;margin-top:34px;padding-top:18px;font-size:14px}
.dg-pied-b nav{display:flex;gap:18px;flex-wrap:wrap}

/* ── retouches après capture (06/10) ── */
.dg-main>.dg-s{margin:0}
.dg .site-main>*{margin-bottom:0}
@media(max-width:768px){.dg-btn--menu{display:none}}
.dg-site .main-navigation .main-nav ul li.dg-cta-mobile{display:none}
@media(max-width:768px){.dg-site .main-navigation .main-nav ul li.dg-cta-mobile{display:block;padding:10px 14px}
  .dg-site .main-navigation .main-nav ul li.dg-cta-mobile a{background:var(--dg-encre);color:#fff;border-radius:999px;text-align:center;box-shadow:none;line-height:1;padding:15px 20px}}
@media(max-width:860px){.dg-tete{display:flex;flex-direction:column;gap:18px}.dg-tete-g{display:contents}.dg-tete-d{order:1}
  .dg-tete-g>.dg-faits,.dg-tete-g>.dg-portee,.dg-tete-g>.dg-rech{order:2}.dg-tete-g>.dg-sign{order:3}}
.dg-s--texte{padding-block:clamp(26px,3.6vw,44px)}
.dg-s--texte .dg-prose h2{margin-top:0}
.dg-etapes--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.dg-etapes--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.dg-etapes--3{grid-template-columns:1fr}}
.dg-etapes--3 li{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:16px}
.dg-etapes--3 .dg-etape-n{width:38px;height:38px;font-size:17px}
.dg-pas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dg-pas details{background:var(--dg-fond);border-radius:16px}
.dg-s--nuit .dg-pas details{background:var(--dg-nuit2);box-shadow:inset 0 0 0 1px #2B333D}
.dg-pas summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) 14px;gap:14px;align-items:center;padding:13px 18px}
.dg-pas summary::-webkit-details-marker{display:none}
.dg-pas summary::after{content:"";width:9px;height:9px;border:solid currentColor;border-width:0 2.5px 2.5px 0;transform:rotate(45deg);opacity:.6;transition:transform .2s}
.dg-pas details[open] summary::after{transform:rotate(-135deg)}
.dg-pas .dg-etape-n{width:40px;height:40px;font-size:17px}
.dg-pas-t{font:700 17.5px/1.25 var(--dg-titre)}
.dg-pas-d{padding:0 18px 16px 72px;font-size:16px;line-height:1.6}
.dg-pas-d p{margin:0}
@media(max-width:560px){.dg-pas-d{padding-left:18px}}
.dg-enc h3+*{margin-bottom:18px}
.dg-enc>*:last-child{margin-bottom:0}
.dg-valeurs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dg-valeurs li{background:#000;color:var(--dg-ambre);border-radius:8px;padding:8px 11px;font-weight:700;font-size:14.5px;line-height:1.35;font-variant-numeric:tabular-nums}

/* ── pages « situation » : la réponse d'abord, puis le récit ── */
.dg-rep{background:var(--dg-ambre-pale);border-radius:var(--dg-r);padding:18px 22px;color:#1A1200;max-width:62ch}
.dg-rep-k{font:800 13px/1 var(--dg-titre);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;color:#7A5200}
.dg-rep p:last-child{margin:0;font-size:18px;line-height:1.55}
.dg-prose--recit{font-size:18px;line-height:1.7;max-width:70ch}
.dg-prose--recit+.dg-etapes,.dg-prose--recit+.dg-causes,.dg-prose--recit+.dg-liste{margin-top:22px}
.dg-etapes+.dg-prose--recit,.dg-causes+.dg-prose--recit{margin-top:22px}
.dgt-situation .dg-h1{font-size:clamp(28px,3.4vw,44px)}
.dg-tete-g>*,.dg-tete>*{min-width:0;max-width:100%}

/* ═════════════════ modèle « article » (06/10) : en-tête, colonne de lecture, rail fixe ═════════════════ */
.da{background:var(--dg-blanc)}
.da-tete{background:linear-gradient(180deg,#FFFFFF 0%,var(--dg-fond) 100%);border-bottom:1px solid var(--dg-trait);padding-block:clamp(16px,2.4vw,26px) clamp(28px,4vw,52px)}
.da-tete-g{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(22px,4vw,64px);align-items:center}
.da-tete-t{display:flex;flex-direction:column;gap:18px;min-width:0}
.da-h1{font:800 clamp(30px,3.7vw,50px)/1.05 var(--dg-titre);letter-spacing:-.028em;margin:0;text-wrap:balance;color:var(--dg-encre)}
.da-chapo{font-size:clamp(18px,1.55vw,21px);line-height:1.55;color:#2B333D;margin:0;max-width:58ch}
.da-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin:4px 0 0;font-size:14px;color:var(--dg-doux)}
.da-meta-av{width:44px;height:44px;border-radius:50%;object-fit:cover;margin-right:-6px}
.da-meta a{color:var(--dg-encre);font-weight:700;text-decoration:none}
.da-meta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#B4BBC6;margin-right:18px;vertical-align:middle}
.da-tete-i{min-width:0}
.da-fig{margin:0}
.da-fig svg{display:block;width:100%;height:auto;font-family:inherit}
.da-fig figcaption{font-size:14px;line-height:1.45;color:var(--dg-doux);margin-top:10px;text-align:center}
.da-tete-i .da-fig svg{filter:drop-shadow(0 28px 34px rgba(15,19,24,.26))}
.da-tete-i .da-fig figcaption{margin-top:16px}
@media(prefers-reduced-motion:no-preference){.da-clignote .da-ecran-i{animation:da-cli 1.2s steps(2,jump-none) infinite}.da-pulse{animation:dg-onde 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}.da-pulse--2{animation-delay:.5s}}
@keyframes da-cli{50%{opacity:.18}}
/* corps */
.da-corps{display:grid;grid-template-columns:minmax(0,1fr) 324px;gap:clamp(28px,5vw,72px);align-items:start;padding-block:clamp(26px,3.6vw,48px) clamp(40px,6vw,84px)}
.da-col{min-width:0;max-width:740px}
.da-rail{position:sticky;top:20px;align-self:start}
.da-rail-in{display:flex;flex-direction:column;gap:16px}
.da-verdict{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;background:linear-gradient(180deg,#2A3038 0%,#14181D 50%,#090B0D 100%);color:#E8ECF1;border-radius:22px;padding:20px;box-shadow:inset 0 0 0 1.5px #3A414B,0 18px 30px -18px rgba(15,19,24,.55)}
.da-verdict>.dg-p{width:54px;height:54px;color:var(--c);filter:drop-shadow(0 0 9px var(--c))}
.da-verdict p{margin:0}
.da-verdict-q{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A94A2}
.da-verdict-r{font:800 21px/1.12 var(--dg-titre);color:var(--c);margin:3px 0 5px!important;text-wrap:balance}
.da-verdict-t{font-size:14px;line-height:1.45;color:#C5CDD8}
.da-som{background:var(--dg-fond);border-radius:22px;padding:20px 20px 16px}
.da-som>p{font:800 15px var(--dg-titre);margin:0 0 10px}
.da-som ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.da-som a{display:block;padding:7px 0 7px 14px;border-left:2px solid var(--dg-trait);font-size:14.5px;line-height:1.35;color:var(--dg-doux);text-decoration:none}
.da-som a:hover{color:var(--dg-encre)}
.da-som a.ici{color:var(--dg-encre);font-weight:700;border-left-color:var(--dg-ambre)}
@media(max-width:980px){.da-tete-g{grid-template-columns:1fr}.da-tete-i{max-width:440px}.da-corps{grid-template-columns:1fr}.da-rail{position:static;order:-1}.da-col{max-width:none}.da-som{display:none}}
/* en bref */
.da-bref{background:var(--dg-fond);border-radius:24px;padding:clamp(20px,2.6vw,30px);margin-bottom:8px}
.da-bref-k{font:800 15px/1 var(--dg-titre)!important;letter-spacing:.02em;margin:0 0 14px!important;display:flex;align-items:center;gap:10px;color:var(--dg-encre)}
.da-bref-k::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--dg-ambre);box-shadow:0 0 0 4px rgba(255,149,0,.22)}
.da-bref ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.da-bref li{position:relative;padding-left:30px;font-size:17.5px;line-height:1.5;font-weight:500}
.da-bref li::before{content:"";position:absolute;left:3px;top:.42em;width:13px;height:7px;border:solid var(--dg-encre);border-width:0 0 2.6px 2.6px;transform:rotate(-45deg)}
.da-fiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:20px 0 0}
.da-fiche>div{background:var(--dg-blanc);border-radius:14px;padding:11px 14px}
.da-fiche dt{font-size:12.5px;color:var(--dg-doux);margin:0 0 2px}
.da-fiche dd{margin:0;font:700 16px/1.25 var(--dg-titre)}
/* 5 ou 6 repères : trois par ligne (3+2 ou 3+3), jamais un repère seul sur sa ligne */
@media(min-width:700px){.da-fiche:has(>div:nth-child(5)){grid-template-columns:repeat(6,1fr)}.da-fiche:has(>div:nth-child(5))>div{grid-column:span 2}.da-fiche:has(>div:nth-child(5):last-child)>div:nth-child(n+4){grid-column:span 3}}
@media(max-width:699px){.da-fiche{grid-template-columns:1fr 1fr}.da-fiche>div:nth-child(odd):last-child{grid-column:1/-1}}
/* sections */
.da-sec{margin-top:clamp(36px,4.4vw,56px);scroll-margin-top:24px}
.da-sec>h2{font:800 clamp(24px,2.5vw,32px)/1.12 var(--dg-titre);letter-spacing:-.02em;margin:0 0 18px;text-wrap:balance;color:var(--dg-encre)}
.da-sec>p{font-size:18px;line-height:1.72;margin:0 0 18px;color:#1D242C}
.da-sec>*:last-child{margin-bottom:0}
.da-sec h3{font:700 19px/1.25 var(--dg-titre);margin:0 0 6px}
.da-liste{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:10px;font-size:18px;line-height:1.6}
.da-liste li{position:relative;padding-left:26px}
.da-liste li::before{content:"";position:absolute;left:4px;top:.62em;width:9px;height:9px;border-radius:50%;background:var(--dg-ambre)}
/* étapes en frise */
.da-etapes{list-style:none;margin:6px 0 24px;padding:0;counter-reset:e}
.da-etapes li{position:relative;padding:0 0 26px 62px;counter-increment:e}
.da-etapes li::before{content:counter(e);position:absolute;left:0;top:-4px;width:42px;height:42px;border-radius:50%;background:var(--dg-nuit);color:var(--dg-ambre);display:grid;place-items:center;font:800 18px var(--dg-titre);box-shadow:0 0 0 5px var(--dg-blanc)}
.da-etapes li::after{content:"";position:absolute;left:20px;top:42px;bottom:0;width:2px;background:var(--dg-trait)}
.da-etapes li:last-child{padding-bottom:0}.da-etapes li:last-child::after{display:none}
.da-etapes h3{font:700 20px/1.25 var(--dg-titre);margin:0 0 6px;padding-top:4px}
.da-etapes p{margin:0;font-size:17.5px;line-height:1.65;color:#1D242C}
/* tableau */
.da-tabw{overflow-x:auto;margin:6px 0 24px;border-radius:18px;box-shadow:0 0 0 1px var(--dg-trait)}
.da-tab{width:100%;border-collapse:collapse;border:0;margin:0;font-size:16px;line-height:1.45;min-width:520px}
.da-tab th,.da-tab td{padding:14px 16px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid var(--dg-trait)}
.da-tab thead th{background:var(--dg-nuit);color:#fff;font:700 14.5px var(--dg-titre);letter-spacing:.01em;border-bottom:0}
.da-tab tbody th{font:700 16px/1.4 var(--dg-titre);width:34%}
.da-tab tbody tr:nth-child(even){background:var(--dg-fond)}
.da-tab tbody tr:last-child>*{border-bottom:0}
/* encadrés */
.da-enc{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;border-radius:20px;padding:20px 22px;margin:6px 0 24px}
.da-enc p{margin:0;font-size:17px;line-height:1.6}
.da-enc-k{font:800 14px/1 var(--dg-titre)!important;letter-spacing:.02em;margin:2px 0 8px!important}
.da-enc--conseil{background:var(--dg-ambre-pale);color:#2A1D00}
.da-enc-av{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff}
.da-enc--attention{background:#FDECEC;color:#3A0B0C}
.da-enc--attention>.dg-p{width:40px;height:40px;color:var(--dg-rouge)}
.da-enc--savoir{background:var(--dg-fond);grid-template-columns:1fr;border-left:0}
.da-sec .da-fig{margin:10px 0 26px;background:var(--dg-fond);border-radius:22px;padding:clamp(16px,2.4vw,28px)}
.da-sec .da-fig--ecran{background:transparent;padding:0;max-width:440px}
.da-sec .dg-causes{margin:6px 0 24px}
.da-sec .dg-faq{max-width:none}
.da-lies{display:grid;gap:28px}
.da-lies h3{font:800 20px var(--dg-titre);margin:0 0 14px}
.da-auteur{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;margin-top:clamp(36px,4.4vw,56px);padding:22px;border-radius:22px;box-shadow:inset 0 0 0 1px var(--dg-trait)}
.da-auteur-av{width:84px;height:84px;border-radius:50%;object-fit:cover}
.da-auteur p{margin:0 0 6px;font-size:15.5px;line-height:1.5;color:var(--dg-doux)}
.da-auteur-n{font:800 19px var(--dg-titre)!important;color:var(--dg-encre)!important}
.da-auteur a{font-weight:700;color:var(--dg-lien);text-decoration:none;font-size:15px}
/* schéma du circuit d'air */
.da-air text{font:700 13.5px var(--dg-titre);fill:var(--dg-encre)}
.da-air .da-pt{font:500 11.5px inherit;fill:var(--dg-doux)}
.da-air .da-leg{font:600 12px inherit;fill:var(--dg-doux)}
.da-org rect,.da-org circle{fill:#fff;stroke:#AEB6C2;stroke-width:2}
.da-org .da-axe{stroke:#AEB6C2;stroke-width:6;stroke-linecap:round}
.da-org--on rect,.da-org--on circle{fill:var(--dg-ambre-pale);stroke:var(--dg-ambre);stroke-width:3.5}
.da-org--on text{fill:#5A3A00}
.da-org--note text{font-size:13px;fill:#B86A00}
.da-tu{fill:none;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.da-tu--frais{stroke:#9CC2FF}.da-tu--comp{stroke:#2563EB}.da-tu--ech{stroke:#B9B4A6}.da-tu--egr{stroke:#B9B4A6;stroke-width:6;stroke-dasharray:2 11}
.da-tu--on{stroke:var(--dg-ambre)}
.da-fil{fill:none;stroke:#59626E;stroke-width:2;stroke-dasharray:4 5}

.da-voir{display:grid;gap:12px}.da-voir h3{margin-bottom:2px}.da-voir .dg-liens{margin-top:0}
.da-air .da-axe{stroke:#AEB6C2;stroke-width:7;stroke-linecap:round;fill:none}
.da-air text{font-size:14.5px}
.da-air .da-leg--on{fill:#B86A00;font-weight:800}
.da-sec .da-fig--manette{padding-block:clamp(14px,2vw,22px) clamp(10px,1.6vw,16px)}
@media(max-width:600px){.da-tab{min-width:0;font-size:14.5px}.da-tab th,.da-tab td{padding:11px 10px}.da-tab tbody th{width:auto;font-size:14.5px}
  .da-sec .da-fig--air,.da-sec .da-fig--manette{overflow-x:auto;padding:14px}.da-fig--air svg{min-width:600px}.da-fig--manette svg{min-width:470px}.da-fig--air figcaption,.da-fig--manette figcaption{position:sticky;left:0}}

/* ═════════ 06/10 soir : plus de bandes — sections à plat hors accueil ═════════ */
.dg-s--plat{background:var(--dg-blanc);padding-block:clamp(22px,3vw,40px)}
.dg-s--plat+.dg-s--plat{padding-top:0}
.dg-s--plat .dg-tem,.dg-s--plat .dg-lien{background:var(--dg-fond)}
.dg-s--plat .dg-btn--clair,.dg-s--fond .dg-btn--clair,.dg-s--blanc .dg-btn--clair{background:var(--dg-nuit);color:#fff}
.dg-main>.dg-s--plat:last-child{padding-bottom:clamp(40px,6vw,84px)}
/* ═════════ cocons : cartes de maillage, sommaire de la page mère, modèles d'une marque ═════════ */
.da-tete-g--seul{grid-template-columns:minmax(0,820px)}
.da-portee{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.da-portee span{font:700 13px/1 var(--dg-titre);padding:8px 12px;border-radius:99px;background:var(--dg-blanc);box-shadow:inset 0 0 0 1px var(--dg-trait);color:var(--dg-doux)}
.da-portee span:first-child{background:var(--dg-nuit);color:var(--dg-ambre);box-shadow:none}
.da-portee span:empty{display:none}
.da-cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px}
.da-carte{display:flex;flex-direction:column;gap:5px;min-width:0;padding:16px 44px 16px 18px;border-radius:18px;background:var(--dg-fond);color:var(--dg-encre);text-decoration:none;position:relative;transition:background .15s,box-shadow .15s}
.da-carte::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;border:solid var(--dg-doux);border-width:2.4px 2.4px 0 0;transform:translateY(-50%) rotate(45deg);transition:right .15s,border-color .15s}
.da-carte:hover,.da-carte:focus-visible{background:var(--dg-blanc);box-shadow:inset 0 0 0 2px var(--dg-encre);color:var(--dg-encre)}
.da-carte:hover::after{right:16px;border-color:var(--dg-encre)}
.da-carte b{font:700 17px/1.28 var(--dg-titre);text-wrap:balance}
.da-carte span{font-size:14.5px;line-height:1.45;color:var(--dg-doux);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.da-maille{padding-top:clamp(28px,3.4vw,40px);border-top:1px solid var(--dg-trait)}
.da-maille+.da-maille{border-top:0;padding-top:0}
.da-maille>h2{font-size:clamp(21px,2.1vw,26px)}
.da-tout{margin:16px 0 0!important;font-size:16px!important}
.da-tout a{font-weight:700;color:var(--dg-lien);text-decoration:none;border-bottom:2px solid currentColor}
.da-cocon>h3{font:800 14px/1 var(--dg-titre);letter-spacing:.08em;text-transform:uppercase;color:var(--dg-doux);margin:26px 0 12px;display:flex;align-items:center;gap:10px}
.da-cocon>h3::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dg-ambre)}
.da-cocon>h2+h3{margin-top:6px}
.da-mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px}
.da-mod{background:var(--dg-fond);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:4px;min-width:0}
.da-mod-n{font:800 22px/1.15 var(--dg-titre);color:var(--dg-encre);text-decoration:none}
.da-mod-n:hover{text-decoration:underline;text-underline-offset:4px}
.da-mod small{font-size:13.5px;color:var(--dg-doux)}
.da-mod ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:0}
.da-mod li{border-top:1px solid var(--dg-trait)}
.da-mod li a{display:block;padding:9px 0;font-size:15.5px;line-height:1.35;color:var(--dg-encre);text-decoration:none}
.da-mod li a:hover{color:var(--dg-lien)}
.da-mod-t{margin-top:10px;font:700 14.5px var(--dg-titre);color:var(--dg-lien);text-decoration:none}
.da-fig--lecteur svg text{font-family:var(--dg-titre)}
.da-tete-i .da-fig--lecteur{max-width:460px;margin-inline:auto}

.da-cartes--dense{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px}
.da-cartes--dense .da-carte{padding:12px 34px 12px 14px;border-radius:14px}
.da-cartes--dense .da-carte b{font-size:15px;font-weight:600}
.da-cartes--dense .da-carte::after{right:14px;width:7px;height:7px}

.da-corps--seul{grid-template-columns:minmax(0,1fr)}
.da-404 .dg-rech{max-width:560px}