/* Documents et modèles juridiques — /documentations/
   Bibliothèque éditoriale. Feuille autonome : cette page ne charge pas style.css. */
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:600;font-display:swap;src:url(/documentations/polices/source-serif-4-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(/documentations/polices/source-sans-3-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(/documentations/polices/source-sans-3-latin-600-normal.woff2) format("woff2")}

:root{
  --fond:#F7F7F4;--carte:#FFFFFF;--encre:#171717;--second:#66645F;--trait:#E5E3DD;
  --accent:#173B35;--accent-fonce:#102F2A;--or:#A98B5B;--avis:#F1EFE8;
  --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --rayon:8px;--entete:72px;--barre-estimee:160px;--ecart:96px;--focus:0 0 0 2px var(--fond),0 0 0 4px var(--accent);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--entete) + var(--barre-estimee) + 12px)}
body.dn{margin:0;background:var(--fond);color:var(--encre);font:400 1.0625rem/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(.dn) img{max-width:100%;height:auto}
:where(.dn) a{color:inherit}
:where(.dn) :is(h1,h2,h3){font-family:var(--serif);font-weight:600;color:var(--encre);margin:0;letter-spacing:-.01em}
:where(.dn) p{margin:0}
:where(.dn) :is(ul,ol){margin:0;padding:0;list-style:none}
.dn [hidden]{display:none!important}
.dn :focus{outline:none}
.dn :focus-visible{outline:none;box-shadow:var(--focus);border-radius:4px}
.dn-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dn-largeur{width:100%;max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px)}
.dn-evitement{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 16px;background:var(--accent);color:#fff!important;border-radius:6px;text-decoration:none;font-weight:600}
.dn-evitement:focus{top:12px}

/* Boutons */
.dn-bouton{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 20px;border-radius:6px;border:1px solid transparent;font:600 .9375rem/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}
.dn-bouton-plein{background:var(--accent);color:#fff!important}
.dn-bouton-plein:hover{background:var(--accent-fonce)}
.dn-bouton-contour{background:transparent;border-color:var(--accent);color:var(--accent)}
.dn-bouton-contour:hover{background:var(--accent);color:#fff}
.dn-lien{color:var(--accent)!important;font-weight:600;text-underline-offset:3px}

/* En-tête */
.dn-entete{position:sticky;top:0;z-index:50;background:var(--fond);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}
.dn-entete.is-defile{border-bottom-color:var(--trait);box-shadow:0 1px 0 rgba(23,23,23,.02),0 6px 18px -14px rgba(23,23,23,.18)}
.dn-entete-barre{display:flex;align-items:center;gap:24px;min-height:var(--entete)}
.dn-marque{display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;min-height:44px}
.dn-marque img{width:40px;height:40px;flex-shrink:0}
.dn-marque strong{display:block;font:600 1.125rem/1.15 var(--serif);color:var(--encre)}
.dn-marque small{display:block;font-size:.78rem;line-height:1.3;color:var(--second);letter-spacing:.01em}
.dn-nav{margin-left:auto}
.dn-nav ul{display:flex;gap:4px}
.dn-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-size:.9375rem;color:var(--encre);text-decoration:none;position:relative}
.dn-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:9px;height:1px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.dn-nav a:hover::after,.dn-nav a.is-actif::after{transform:scaleX(1)}
.dn-nav a.is-actif{font-weight:600;color:var(--accent)}
.dn-entete-cta{flex-shrink:0}
.dn-menu{display:none;position:relative}
.dn-menu-bouton{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--trait);border-radius:6px;background:var(--carte);font-weight:600;font-size:.9375rem;cursor:pointer;list-style:none;user-select:none}
.dn-menu-bouton::-webkit-details-marker{display:none}
.dn-menu-icone{display:inline-grid;gap:5px;width:18px}
.dn-menu-icone i{display:block;height:1.5px;background:var(--encre);transition:transform .2s ease}
.dn-menu[open] .dn-menu-icone i:first-child{transform:translateY(3.25px) rotate(45deg)}
.dn-menu[open] .dn-menu-icone i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.dn-menu-panneau{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 32px));max-height:calc(100vh - var(--entete) - 24px);overflow:auto;padding:12px;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:0 18px 40px -24px rgba(23,23,23,.28)}
.dn-menu-panneau li a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;text-decoration:none;font-size:1rem}
.dn-menu-panneau li a:hover{background:var(--avis)}
.dn-menu-panneau li a[aria-current="page"]{font-weight:600;color:var(--accent);box-shadow:inset 2px 0 0 var(--or)}
.dn-menu-panneau .dn-bouton{display:flex;width:100%;margin-top:10px}

/* Héros */
.dn-hero{padding:40px 0 0}
.dn-fil ol{display:flex;flex-wrap:wrap;gap:6px;font-size:.875rem;color:var(--second)}
.dn-fil li+li::before{content:"/";margin-right:6px;color:#A9A69E}
.dn-fil a{color:var(--second);text-decoration:none}
.dn-fil a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.dn-surtitre{display:flex;align-items:center;gap:12px;margin-top:56px;font-size:.8125rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.dn-surtitre::before{content:"";width:28px;height:1px;background:var(--or)}
.dn-hero h1{margin-top:18px;max-width:20ch;font-size:clamp(2.25rem,1.4rem + 3.6vw,4rem);line-height:1.06;font-weight:600;letter-spacing:-.02em}
.dn-chapo{margin-top:22px;max-width:58ch;font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.6;color:var(--second)}
.dn-recherche{position:relative;margin-top:36px;max-width:720px}
.dn-recherche-icone{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--second);display:flex;pointer-events:none}
.dn-recherche input{width:100%;height:60px;padding:0 20px 0 52px;border:1px solid #D6D3CB;border-radius:var(--rayon);background:var(--carte);color:var(--encre);font:400 1.0625rem var(--sans);-webkit-appearance:none;appearance:none;transition:border-color .15s ease,box-shadow .15s ease}
.dn-recherche input::placeholder{color:#7A776F;opacity:1}
.dn-recherche input:hover{border-color:#BDB9AF}
.dn-recherche input:focus-visible,.dn-recherche input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(23,59,53,.14);border-radius:var(--rayon)}
.dn-recherche input::-webkit-search-cancel-button{cursor:pointer}
.dn-avis{display:flex;gap:16px;align-items:flex-start;margin-top:28px;max-width:880px;padding:20px 24px;background:var(--avis);border:1px solid var(--trait);border-radius:var(--rayon)}
.dn-avis-icone{display:flex;color:var(--accent);flex-shrink:0;margin-top:1px}
.dn-avis-titre{font:600 1rem/1.4 var(--sans);letter-spacing:0;color:var(--encre)}
.dn-avis p{margin-top:4px;font-size:.96875rem;line-height:1.55;color:#4A4843}

/* Bibliothèque */
.dn-bibliotheque{margin-top:var(--ecart)}
.dn-explorer{padding-bottom:28px;border-bottom:1px solid var(--trait)}
.dn-explorer-tete{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dn-explorer-titre{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.2}
.dn-compteur{font-size:.9375rem;color:var(--second)}
.dn-filtres{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.dn-filtres-wrap{margin-top:0}
.dn-filtres-hint{display:none}
.dn-filtre{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--trait);border-radius:6px;background:var(--carte);color:var(--encre);font:400 .9375rem/1 var(--sans);cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,color .15s ease}
.dn-filtre:hover{border-color:#BDB9AF}
.dn-filtre-coche{display:none;width:14px;height:14px;flex-shrink:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.dn-filtre[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.dn-filtre[aria-pressed="true"] .dn-filtre-coche{display:inline-block}
.dn-filtre-nb{font-size:.8125rem;color:var(--second);font-variant-numeric:tabular-nums}
.dn-filtre[aria-pressed="true"] .dn-filtre-nb{color:rgba(255,255,255,.82)}
.dn-note{margin-top:16px;font-size:.875rem;color:var(--second)}

/* Sommaire : accès direct aux rubriques (non collant) */
.dn-sommaire{margin-top:28px}
.dn-sommaire-titre{font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--second)}
.dn-sommaire ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 40px;margin-top:6px;counter-reset:dn-som}
.dn-sommaire li{counter-increment:dn-som;border-bottom:1px solid var(--trait)}
.dn-sommaire a{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 0;color:var(--encre);text-decoration:none;font-size:.96875rem;line-height:1.3}
.dn-sommaire a::before{content:counter(dn-som,decimal-leading-zero);flex-shrink:0;min-width:1.6em;font:600 .8125rem/1 var(--serif);color:#7A6235;font-variant-numeric:tabular-nums}
.dn-sommaire-nom{flex:1;min-width:0}
.dn-sommaire a:hover .dn-sommaire-nom{color:var(--accent);text-decoration:underline;text-decoration-color:rgba(23,59,53,.35);text-underline-offset:3px}
.dn-sommaire-nb{flex-shrink:0;min-width:2.25em;padding:2px 8px;border:1px solid var(--trait);border-radius:4px;background:var(--carte);font-size:.8125rem;text-align:center;color:var(--second);font-variant-numeric:tabular-nums}
.dn-sommaire li.is-vide a,.dn-sommaire li.is-masque a{color:var(--second)}
.dn-sommaire li.is-vide .dn-sommaire-nb{opacity:.6}
.dn-categorie-cote{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}
.dn-retour{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:.875rem;font-weight:600;color:var(--accent);text-decoration:none}
.dn-retour:hover{text-decoration:underline;text-underline-offset:3px}

.dn-categorie{margin-top:64px}
.dn-categorie-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:20px;margin-bottom:28px;border-bottom:1px solid var(--trait);position:relative}
.dn-categorie-tete::after{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:1px;background:var(--or)}
.dn-categorie-tete h2{font-size:clamp(1.5rem,1.25rem + .9vw,1.875rem);line-height:1.2}
.dn-categorie-tete p{margin-top:8px;max-width:60ch;color:var(--second)}
.dn-a-savoir{margin-top:12px;max-width:62ch;padding:12px 14px;background:var(--avis);border:1px solid var(--trait);border-left:3px solid var(--or);border-radius:6px;font-size:.9375rem;line-height:1.5;color:var(--second)}
.dn-a-savoir-label{display:inline-block;margin-right:6px;font-weight:600;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.dn-categorie-nb{flex-shrink:0;font-size:.875rem;color:var(--second);font-variant-numeric:tabular-nums;white-space:nowrap}
.dn-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dn-carte{display:flex;flex-direction:column;padding:28px 30px;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:0 1px 2px rgba(23,23,23,.03);transition:border-color .18s ease,box-shadow .18s ease}
.dn-carte:hover{border-color:rgba(23,59,53,.45);box-shadow:0 1px 2px rgba(23,23,23,.04),0 10px 24px -20px rgba(23,59,53,.35)}
.dn-carte-nouveau{border-color:rgba(169,139,91,.4)}
.dn-carte-tete{display:flex;align-items:center;gap:12px;font-size:.8125rem;color:var(--second)}
.dn-badge{display:inline-flex;align-items:center;height:24px;padding:0 8px;border:1px solid rgba(23,59,53,.35);border-radius:4px;font-weight:600;font-size:.75rem;letter-spacing:.08em;color:var(--accent)}
.dn-badge-nouveau{border-color:rgba(169,139,91,.55);background:rgba(169,139,91,.12);color:#7A6235;letter-spacing:.1em;text-transform:uppercase}
.dn-badge-officiel{background:var(--avis);color:var(--accent);border-color:#D9D4C8}

.dn-sous-groupe{margin:40px 0 18px;font-size:clamp(1.125rem,1rem + .4vw,1.35rem);line-height:1.25;color:var(--accent);font-weight:600;letter-spacing:-.01em}
.dn-sous-groupe:first-of-type{margin-top:8px}

.dn-badge-enligne{background:#EEF2F1;color:var(--accent);border-color:#C5D0CC}
.dn-badge-groupe{max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;letter-spacing:0;text-transform:none;font-size:.6875rem;border-color:#D9D4C8;color:var(--second);background:transparent}
.dn-badge-format{letter-spacing:.06em}

/* Filtres de type (Word / PDF / En ligne) */
.dn-formats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.dn-formats-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--second);margin-right:4px}
.dn-format{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid var(--trait);border-radius:999px;background:transparent;color:var(--encre);font:400 .8125rem/1 var(--sans);cursor:pointer;white-space:nowrap;transition:border-color .15s ease,background-color .15s ease,color .15s ease}
.dn-format:hover{border-color:#BDB9AF}
.dn-format[aria-pressed="true"]{background:var(--avis);border-color:rgba(23,59,53,.35);color:var(--accent);font-weight:600}
.dn-format .dn-filtre-nb{font-size:.75rem}

.dn-verif{margin-top:14px;font-size:.8125rem;line-height:1.45;color:var(--second)}
.dn-verif time{font-weight:600;color:var(--encre)}

/* Sommaire imbriqué (sous-groupes Formulaires) */
.dn-sommaire-liste>li{border-bottom:1px solid var(--trait)}
.dn-sommaire-sous{display:grid;gap:0;padding:0 0 8px 2.2em;border:0}
.dn-sommaire-sous li{border:0}
.dn-sommaire-sous a{min-height:36px;padding:2px 0;font-size:.875rem;color:var(--second)}
.dn-sommaire-sous a:hover{color:var(--accent)}
.dn-sommaire-sous-nom{flex:1;min-width:0}
.dn-sommaire-sous-nb{flex-shrink:0;font-size:.75rem;color:#A9A69E;font-variant-numeric:tabular-nums;min-width:1.5em;text-align:right}
.dn-sommaire-sous a::before{display:none}

/* Sous-blocs Formulaires officiels */
.dn-sous-bloc{margin:0}
.dn-sous-groupe{display:flex;align-items:baseline;justify-content:space-between;gap:12px;scroll-margin-top:calc(var(--entete) + var(--barre-estimee) + 12px)}
.dn-sous-groupe-ancre{color:inherit;text-decoration:none}
.dn-sous-groupe-ancre:hover{text-decoration:underline;text-underline-offset:3px}
.dn-sous-groupe-nb{flex-shrink:0;font:400 .8125rem/1 var(--sans);color:var(--second);font-variant-numeric:tabular-nums;padding:2px 8px;border:1px solid var(--trait);border-radius:4px;background:var(--carte)}


.dn-carte-cat{letter-spacing:.02em;margin-left:auto}
.dn-carte-titre{margin-top:16px;font-size:1.3125rem;line-height:1.3;text-wrap:balance}
.dn-carte-desc{margin-top:10px;color:var(--second);line-height:1.6}
.dn-carte-label{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:2px}
.dn-carte-version,.dn-carte-source,.dn-carte-verif,.dn-carte-associe{margin-top:12px;font-size:.875rem;line-height:1.45;color:var(--second)}
.dn-carte-verif{padding:10px 12px;background:var(--avis);border-radius:6px;border-left:3px solid var(--or)}

.dn-apercu{margin-top:12px;border-top:1px solid var(--trait);padding-top:10px}
.dn-apercu summary{cursor:pointer;font:600 .875rem/1.4 var(--sans);color:var(--accent);list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 0}
.dn-apercu summary::-webkit-details-marker{display:none}
.dn-apercu summary::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease;flex-shrink:0}
.dn-apercu[open] summary::before{transform:rotate(45deg)}
.dn-apercu summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
.dn-apercu p{margin:0 0 4px;font-size:.9375rem;line-height:1.55;color:var(--second)}
.dn-carte-meta{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:18px;font-size:.875rem;color:var(--second)}
.dn-carte-meta li+li::before{content:"·";margin:0 10px;color:#A9A69E}
.dn-carte{scroll-margin-top:calc(var(--entete) + var(--barre-estimee) + 12px)}
.dn-carte:target{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.dn-carte-action{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:auto;padding-top:22px}
.dn-copier{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--accent);font:600 .875rem/1.2 var(--sans);cursor:pointer;text-decoration:underline;text-decoration-color:rgba(23,59,53,.3);text-underline-offset:4px}
.dn-copier:hover{text-decoration-color:currentColor}
.dn-copier svg{flex-shrink:0}
.dn-copier.is-copie{color:var(--encre);text-decoration:none}
.dn-bouton-dl{background:var(--accent);color:#fff!important;padding:10px 20px 10px 18px}
.dn-bouton-dl:hover{background:var(--accent-fonce)}
.dn-ico-ok{display:none}
.dn-bouton-dl.is-lance{background:var(--accent-fonce)}
.dn-bouton-dl.is-lance .dn-ico{display:none}
.dn-bouton-dl.is-lance .dn-ico-ok{display:block}

.dn-prochainement{margin-top:64px;padding:24px 28px;border:1px solid var(--trait);border-radius:var(--rayon);background:transparent}
.dn-prochainement h2{font:600 1rem/1.4 var(--sans);letter-spacing:0;color:var(--encre)}
.dn-prochainement ul{display:grid;gap:10px;margin-top:12px}
.dn-prochainement li{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.9375rem;color:var(--second);scroll-margin-top:calc(var(--entete) + var(--barre-estimee) + 12px)}
.dn-prochainement li strong{color:var(--encre);font-weight:600}

.dn-vide{margin-top:48px;padding:40px 32px;text-align:center;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon)}
.dn-vide h2{font-size:1.375rem}
.dn-vide p{margin:10px auto 0;max-width:52ch;color:var(--second)}
.dn-vide-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 24px;margin-top:24px!important}

/* Appel à consultation */
.dn-cta{margin-top:var(--ecart)}
.dn-cta-bloc{position:relative;padding:clamp(40px,6vw,72px) clamp(24px,6vw,80px);background:var(--accent);color:#fff;border-radius:10px;overflow:hidden}
.dn-cta-bloc::before{content:"";position:absolute;left:clamp(24px,6vw,80px);top:0;width:56px;height:2px;background:var(--or)}
.dn-cta h2{max-width:22ch;color:#fff;font-size:clamp(1.75rem,1.3rem + 1.6vw,2.5rem);line-height:1.15}
.dn-cta-bloc>p{max-width:60ch;margin-top:18px;color:rgba(255,255,255,.86);font-size:1.0625rem}
.dn-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px!important}
.dn-bouton-clair{background:var(--fond);color:var(--accent)!important}
.dn-bouton-clair:hover{background:#fff}
.dn-bouton-contour-clair{border-color:rgba(255,255,255,.55);color:#fff!important}
.dn-bouton-contour-clair:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.dn-cta .dn-bouton:focus-visible{box-shadow:0 0 0 2px var(--accent),0 0 0 4px #fff}

/* Aller plus loin */
.dn-loin{margin-top:var(--ecart)}
.dn-loin>h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.2}
.dn-loin-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}
.dn-loin-carte{display:flex;flex-direction:column;height:100%;padding:26px 24px;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);text-decoration:none;transition:border-color .18s ease}
.dn-loin-carte:hover{border-color:rgba(23,59,53,.45)}
.dn-loin-genre{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.dn-loin-carte h3{margin-top:12px;font-size:1.25rem;line-height:1.25}
.dn-loin-carte p{margin-top:8px;font-size:.9375rem;line-height:1.55;color:var(--second)}
.dn-loin-lien{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:20px;font-weight:600;font-size:.9375rem;color:var(--accent)}
.dn-loin-lien svg{transition:transform .18s ease}
.dn-loin-carte:hover .dn-loin-lien svg{transform:translateX(3px)}

/* Pied de page */
.dn-pied{margin-top:var(--ecart);padding:56px 0 28px;background:var(--carte);border-top:1px solid var(--trait);font-size:.9375rem}
.dn-pied-grille{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.dn-marque-pied img{width:36px;height:36px}
.dn-pied address{margin-top:18px;font-style:normal;line-height:1.75;color:#4A4843}
.dn-pied address a{color:var(--accent);text-decoration:none}
.dn-pied address a:hover{text-decoration:underline;text-underline-offset:3px}
.dn-pied-groupe h2{font:600 .8125rem/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--encre)}
.dn-pied-groupe ul{margin-top:12px}
.dn-pied-groupe a{display:inline-flex;align-items:center;min-height:36px;color:#4A4843;text-decoration:none}
.dn-pied-groupe a:hover,.dn-pied-groupe a[aria-current="page"]{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.dn-pied-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:40px;padding-top:20px;border-top:1px solid var(--trait);font-size:.8125rem;color:var(--second)}
.dn-pied-bas a{color:var(--second);margin-left:20px;display:inline-flex;align-items:center;min-height:32px}
.dn-pied-bas a:first-child{margin-left:0}
.dn-pied-bas a:hover{color:var(--accent)}


/* Nouveautés (bandeau limité) */
.dn-nouveautes{margin-top:20px;padding:16px 18px;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);border-left:3px solid var(--or)}
.dn-nouveautes-titre{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.dn-nouveautes ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 20px;margin-top:10px}
.dn-nouveautes a{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;min-height:40px;padding:4px 0;text-decoration:none;color:var(--encre);font-size:.9375rem;line-height:1.35}
.dn-nouveautes a:hover .dn-nouveaute-titre{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.dn-nouveaute-badge{flex-shrink:0;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7A6235;background:rgba(169,139,91,.12);border:1px solid rgba(169,139,91,.4);border-radius:4px;padding:2px 6px}
.dn-nouveaute-titre{flex:1;min-width:12ch}
.dn-nouveaute-cat{flex-shrink:0;font-size:.75rem;color:var(--second)}
.dn-hint-etrangers{margin-top:10px;font-size:.875rem;color:var(--second)}
.dn-lien-filtre{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.dn-filtre[data-filtre="etrangers"]{border-color:rgba(169,139,91,.55)}
.dn-filtre[data-filtre="etrangers"][aria-pressed="true"]{border-color:var(--accent)}

/* Astuce d’usage (hero) */
.dn-hero-tip{margin-top:18px;max-width:720px;padding:12px 16px;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon)}
.dn-hero-tip summary{cursor:pointer;font:600 .9375rem/1.4 var(--sans);color:var(--accent);list-style:none;display:flex;align-items:center;gap:8px;min-height:44px}
.dn-hero-tip summary::-webkit-details-marker{display:none}
.dn-hero-tip summary::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease}
.dn-hero-tip[open] summary::before{transform:rotate(45deg)}
.dn-hero-tip ol{margin:8px 0 4px;padding-left:1.25rem;list-style:decimal;font-size:.9375rem;line-height:1.55;color:var(--second)}
.dn-hero-tip li{margin:4px 0}
.dn-hero-tip summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* Contraste badges */
.dn-badge{border-color:rgba(23,59,53,.5);color:var(--accent-fonce)}
.dn-badge-nouveau{border-color:#8A6F3A;background:#F7F0E3;color:#5C4A22}
.dn-badge-officiel{background:#E8EEEC;color:var(--accent-fonce);border-color:#B7C4BF}
.dn-badge-enligne{background:#E4EEEC;color:var(--accent-fonce);border-color:#A8C0B9}
.dn-format:focus-visible,.dn-filtre:focus-visible{box-shadow:var(--focus)}
.dn-lien-filtre:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}

/* Points de rupture : 1440 / 1024 / 768 / 360 */
@media (min-width:1440px){.dn-hero{padding-top:48px}}
@media (max-width:1219px){.dn-nav{display:none}.dn-menu{display:block}.dn-entete-cta{margin-left:auto}}
@media (max-width:1023px){
  .dn-loin-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dn-pied-grille{grid-template-columns:1fr 1fr}
  .dn-pied-cabinet{grid-column:1/-1}
}
@media (max-width:767px){
  :root{--ecart:64px;--entete:64px}
  body.dn{font-size:1rem}
  .dn-entete-barre{gap:12px}
  .dn-entete-cta{display:none}
  .dn-menu{margin-left:auto}
  .dn-marque small{display:none}
  .dn-marque img{width:36px;height:36px}
  .dn-hero{padding-top:20px}
  .dn-surtitre{margin-top:36px}
  .dn-recherche{margin-top:28px}
  .dn-recherche input{height:56px;font-size:1rem}
  .dn-avis{padding:18px;gap:12px}
  .dn-explorer{overflow-x:clip}
  .dn-filtres-wrap{margin-top:20px}
  .dn-filtres{display:flex;flex-wrap:nowrap;gap:8px;margin-top:0;overflow-x:auto;overscroll-behavior-x:contain;
    margin-inline:calc(-1 * clamp(20px,4vw,48px));padding:4px clamp(20px,4vw,48px) 8px;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .dn-filtres::-webkit-scrollbar{height:3px}
  .dn-filtres::-webkit-scrollbar-thumb{background:#C8C3B8;border-radius:2px}
  .dn-filtre{scroll-snap-align:start;flex:0 0 auto;padding:0 14px;font-size:.875rem}
  .dn-filtres-hint{display:block;margin:6px 0 0;font-size:.75rem;color:var(--second)}
  .dn-formats{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * clamp(20px,4vw,48px));padding-inline:clamp(20px,4vw,48px);-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .dn-formats-label{flex-shrink:0}
  .dn-format{flex:0 0 auto}
  .dn-sommaire-sous{padding-left:1.6em}
  .dn-badge-groupe{display:none}
  .dn-nouveautes ul{grid-template-columns:1fr}
  .dn-nouveautes{padding:14px}
  .dn-hint-etrangers{margin-top:8px}
  .dn-categorie{margin-top:48px}
  .dn-categorie-tete{flex-direction:column;align-items:flex-start;gap:8px}
  .dn-categorie-cote{flex-direction:row;align-items:center;gap:16px;width:100%;justify-content:space-between}
  .dn-sommaire ol{grid-template-columns:1fr}
  .dn-sommaire a{min-height:44px;padding:4px 0}
  .dn-grille{grid-template-columns:1fr;gap:16px}
  .dn-carte{padding:24px}
  .dn-carte-titre{font-size:1.1875rem}
  .dn-bouton-dl{width:100%}
  .dn-prochainement{padding:20px}
  .dn-vide{padding:32px 20px}
  .dn-cta-actions .dn-bouton{width:100%}
  .dn-loin-grille{grid-template-columns:1fr;gap:12px}
  .dn-pied{padding-top:44px}
  .dn-pied-grille{grid-template-columns:1fr 1fr;gap:28px 20px}
  .dn-pied-groupe a{min-height:32px;font-size:.9375rem}
  .dn-pied-bas{flex-direction:column}
}
@media (max-width:374px){
  .dn-marque strong{font-size:1rem}
  .dn-carte{padding:20px}
}
@media (prefers-reduced-motion:reduce){
  .dn *,.dn *::before,.dn *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media print{
  .dn-entete,.dn-recherche,.dn-explorer,.dn-retour,.dn-cta,.dn-loin,.dn-pied-groupe,.dn-carte-action,.dn-evitement,.dn-fil,.dn-pied-bas a{display:none!important}
  body.dn{background:#fff;color:#000;font-size:11pt}
  .dn-hero,.dn-bibliotheque{padding:0!important}
  .dn-grille{display:block}
  .dn-carte{break-inside:avoid;margin:0 0 10pt;padding:10pt 0;border:0;border-bottom:1px solid #ccc;border-radius:0;box-shadow:none}
  .dn-categorie{margin-top:18pt;break-before:auto}
  .dn-categorie-tete{break-after:avoid}
  .dn-apercu summary{min-height:0;padding:0}
  .dn-apercu summary::before{display:none}
  .dn-carte-titre::after{content:"avocat-gasimov.fr/documentations/fichiers/" attr(data-fichier);display:block;margin-top:2pt;font:400 8.5pt/1.3 var(--sans);color:#555}
}


/* ——— v15 : barre sticky recherche + filtres ——— */
.dn-barre{
  position:sticky;top:var(--entete);z-index:40;
  margin:0 calc(-1 * clamp(20px,4vw,48px));
  padding:14px clamp(20px,4vw,48px) 16px;
  background:rgba(247,247,244,.92);
  backdrop-filter:saturate(1.1) blur(10px);
  -webkit-backdrop-filter:saturate(1.1) blur(10px);
  border-bottom:1px solid transparent;
  transition:border-color .2s ease,box-shadow .2s ease;
}
.dn-barre.is-defile{
  border-bottom-color:var(--trait);
  box-shadow:0 8px 24px -20px rgba(23,23,23,.28);
}
.dn-barre-inner{display:flex;flex-direction:column;gap:12px}
.dn-recherche-barre{margin-top:0;max-width:none}
.dn-recherche-barre input{height:52px;border-radius:8px;border-color:#D6D3CB;box-shadow:0 1px 2px rgba(23,23,23,.03)}
.dn-barre .dn-explorer-tete{margin:2px 0 0}
.dn-barre .dn-filtres{margin-top:0}
.dn-barre .dn-formats{margin-top:4px}
.dn-bibliotheque{margin-top:48px}
.dn-explorer{padding-bottom:28px;border-bottom:1px solid var(--trait);margin-top:8px}

/* Héros v15 — hiérarchie plus nette */
.dn-hero{padding:36px 0 8px;position:relative}
.dn-hero .dn-largeur{position:relative}
.dn-hero::after{
  content:"";display:block;width:min(120px,30%);height:2px;margin:36px auto 0;
  background:linear-gradient(90deg,transparent,var(--or),transparent);opacity:.7;
}
.dn-surtitre{margin-top:48px}
.dn-hero h1{margin-top:16px;max-width:18ch}
.dn-chapo{margin-top:18px;max-width:54ch}
.dn-avis{margin-top:28px;border-left:3px solid var(--or)}
.dn-hero-tip{margin-top:16px;max-width:720px}

/* Cartes v15 — rythme et actions */
.dn-carte{padding:26px 28px;gap:0}
.dn-carte-tete{flex-wrap:wrap;row-gap:8px}
.dn-carte-titre{margin-top:14px;font-size:1.25rem}
.dn-carte-desc{margin-top:8px;font-size:.96875rem}
.dn-carte-action{gap:10px 18px;padding-top:20px;border-top:1px solid var(--trait);margin-top:20px}
.dn-carte:focus-within{border-color:rgba(23,59,53,.5);box-shadow:0 0 0 1px rgba(23,59,53,.2)}
.dn-bouton-dl{min-height:44px}
.dn-copier{min-height:44px;padding:0 8px}

/* Sommaire raffiné */
.dn-sommaire{margin-top:32px;padding:20px 22px;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon)}
.dn-sommaire-titre{color:var(--accent)}
.dn-sommaire ol{margin-top:10px}
.dn-nouveautes{margin-top:24px}

/* CTA raffiné */
.dn-cta-bloc{box-shadow:0 18px 48px -28px rgba(23,59,53,.55)}
.dn-cta-bloc::after{
  content:"";position:absolute;right:-40px;bottom:-40px;width:180px;height:180px;
  border:1px solid rgba(169,139,91,.28);border-radius:50%;pointer-events:none;
}

/* Portails utiles */
.dn-portails{margin-top:40px;padding-top:8px}
.dn-portails-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--trait);position:relative}
.dn-portails-tete::after{content:"";position:absolute;left:0;bottom:-1px;width:48px;height:1px;background:var(--or)}
.dn-portails-surtitre{font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.dn-portails-tete h2{margin-top:8px;font-size:clamp(1.375rem,1.15rem + .7vw,1.75rem);line-height:1.2}
.dn-portails-intro{margin-top:8px;max-width:62ch;color:var(--second);font-size:.96875rem;line-height:1.55}
.dn-portails-nb{flex-shrink:0;font-size:.875rem;color:var(--second);font-variant-numeric:tabular-nums;white-space:nowrap}
.dn-portails-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dn-portail{margin:0}
.dn-portail-lien{
  display:flex;align-items:flex-start;gap:14px;height:100%;min-height:96px;
  padding:16px 16px 16px 14px;background:var(--carte);border:1px solid var(--trait);
  border-radius:var(--rayon);text-decoration:none;color:inherit;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.dn-portail-lien:hover{
  border-color:rgba(23,59,53,.4);
  box-shadow:0 10px 24px -20px rgba(23,59,53,.35);
}
.dn-portail-lien:focus-visible{box-shadow:var(--focus)}
.dn-portail-mono{
  flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:8px;
  background:var(--avis);border:1px solid #D9D4C8;
  font:600 .8125rem/1 var(--serif);letter-spacing:.04em;color:var(--accent);
}
.dn-portail-corps{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.dn-portail-nom{font:600 1rem/1.3 var(--sans);color:var(--encre)}
.dn-portail-but{font-size:.875rem;line-height:1.45;color:var(--second)}
.dn-portail-cat{margin-top:4px;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#7A6235}
.dn-portail-ext{flex-shrink:0;color:var(--or);margin-top:4px;opacity:.85}
.dn-portail-lien:hover .dn-portail-ext{opacity:1;color:var(--accent)}

@media (max-width:1023px){
  .dn-portails-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .dn-barre{padding:10px clamp(20px,4vw,48px) 12px;gap:8px}
  .dn-recherche-barre input{height:48px;font-size:1rem}
  .dn-barre .dn-explorer-tete{flex-direction:column;align-items:flex-start;gap:4px}
  .dn-portails{margin-top:32px}
  .dn-portails-tete{flex-direction:column;align-items:flex-start;gap:8px}
  .dn-portails-grille{grid-template-columns:1fr;gap:10px}
  .dn-portail-lien{min-height:88px;padding:14px}
  .dn-portail-mono{width:44px;height:44px}
  .dn-hero::after{margin-top:28px}
  .dn-carte-action{flex-direction:column;align-items:stretch}
  .dn-copier{justify-content:center;width:100%;border:1px solid var(--trait);border-radius:6px;text-decoration:none;background:var(--carte)}
  .dn-sommaire{padding:16px}
}
@media (max-width:374px){
  .dn-portail-cat{display:none}
}
@media (prefers-reduced-motion:reduce){
  .dn-barre{backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media print{
  .dn-barre,.dn-portails{display:none!important}
}


/* ——— v16 : portails filtres, scroll-margin, polish ——— */
.dn-categorie,
.dn-portails,
#dn-sommaire,
#dn-nouveautes,
#bibliotheque{
  scroll-margin-top:calc(var(--entete) + var(--barre-estimee) + 12px);
}
.dn-portails-filtres{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;
}
.dn-portail-filtre{
  display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;
  border:1px solid var(--trait);border-radius:999px;background:var(--carte);
  color:var(--encre);font:400 .8125rem/1 var(--sans);cursor:pointer;white-space:nowrap;
  transition:border-color .15s ease,background-color .15s ease,color .15s ease;
}
.dn-portail-filtre:hover{border-color:#BDB9AF}
.dn-portail-filtre[aria-pressed="true"]{
  background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;
}
.dn-portail-filtre[aria-pressed="true"] .dn-filtre-nb{color:rgba(255,255,255,.82)}
.dn-portail-filtre:focus-visible{box-shadow:var(--focus)}
.dn-portails-vide{
  margin:8px 0 0;padding:20px 18px;text-align:center;background:var(--avis);
  border:1px dashed #D6D3CB;border-radius:var(--rayon);color:var(--second);font-size:.9375rem;
}
.dn-portail{
  opacity:0;transform:translateY(6px);
  animation:dn-portail-in .35s ease forwards;
  animation-delay:calc(var(--dn-i, 0) * 1ms);
}
@keyframes dn-portail-in{to{opacity:1;transform:none}}
.dn-portail-lien{
  position:relative;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.dn-portail-lien:hover{
  transform:translateY(-2px);
  border-color:rgba(23,59,53,.45);
  box-shadow:0 12px 28px -22px rgba(23,59,53,.45);
}
.dn-portail-lien:active{transform:translateY(0)}
.dn-portail-mono{
  transition:background-color .18s ease,border-color .18s ease,color .18s ease;
}
.dn-portail-lien:hover .dn-portail-mono{
  background:#E8EEEC;border-color:#B7C4BF;color:var(--accent-fonce);
}
@media (prefers-reduced-motion:reduce){
  .dn-portail{opacity:1;transform:none;animation:none}
  .dn-portail-lien:hover{transform:none}
}
@media (max-width:767px){
  :root{--barre-estimee:200px}
  .dn-portails-filtres{
    flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;
    margin-inline:calc(-1 * clamp(20px,4vw,48px));
    padding:4px clamp(20px,4vw,48px) 8px;
    -webkit-overflow-scrolling:touch;scrollbar-width:thin;
  }
  .dn-portail-filtre{flex:0 0 auto;min-height:44px}
}
@media print{
  .dn-portails-filtres,.dn-barre,.dn-evitement,.dn-menu,.dn-entete-cta{display:none!important}
  .dn-portail{opacity:1;transform:none;animation:none;break-inside:avoid}
  .dn-portails-grille{display:block}
  .dn-portail-lien{border:0;border-bottom:1px solid #ccc;border-radius:0;box-shadow:none;padding:8pt 0;min-height:0}
  .dn-portail-mono,.dn-portail-ext{display:none}
  .dn-portail-nom::after{content:" — " attr(href); /* fallback */ }
  .dn-portail-lien[href]::after{content:"\A" attr(href);white-space:pre;display:block;font:400 8pt/1.3 var(--sans);color:#555;margin-top:2pt}
}


/* ——— hub v1 : actions, suggestions, badges cabinet ——— */
.dn-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.dn-action{
  display:inline-flex;align-items:center;min-height:40px;padding:0 14px;
  border:1px solid var(--trait);border-radius:999px;background:var(--carte);
  font:600 .8125rem/1 var(--sans);color:var(--accent);text-decoration:none;
  transition:border-color .15s ease,background-color .15s ease;
}
.dn-action:hover{border-color:rgba(23,59,53,.4);background:#EEF2F1}
.dn-action:focus-visible{box-shadow:var(--focus)}
.dn-exemples{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0;font-size:.8125rem;color:var(--second)}
.dn-exemples::before{content:"Exemples :";font-weight:600;letter-spacing:.02em;margin-right:2px}
.dn-exemple{
  display:inline-flex;align-items:center;min-height:32px;padding:0 10px;
  border:1px solid var(--trait);border-radius:999px;background:transparent;
  font:400 .8125rem/1 var(--sans);color:var(--encre);cursor:pointer;
}
.dn-exemple:hover{border-color:var(--or);color:var(--accent)}
.dn-exemple:focus-visible{box-shadow:var(--focus)}
.dn-recents{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 0;font-size:.8125rem;color:var(--second)}
.dn-recents::before{content:"Récents :";font-weight:600;margin-right:2px}
.dn-recent{
  display:inline-flex;align-items:center;min-height:32px;padding:0 10px;
  border:0;border-radius:999px;background:var(--avis);font:400 .8125rem/1 var(--sans);
  color:var(--accent);cursor:pointer;text-decoration:underline;text-underline-offset:2px;
}
.dn-recherche-barre{position:relative}
.dn-suggestions{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:45;
  max-height:min(320px,50vh);overflow:auto;margin:0;padding:6px;
  background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);
  box-shadow:0 16px 40px -24px rgba(23,23,23,.35);
}
.dn-suggestion{
  display:block;width:100%;text-align:left;padding:10px 12px;min-height:44px;
  border:0;border-radius:6px;background:transparent;font:400 .9375rem/1.35 var(--sans);
  color:var(--encre);cursor:pointer;
}
.dn-suggestion:hover,.dn-suggestion.is-actif{background:var(--avis)}
.dn-suggestion-meta{display:block;font-size:.75rem;color:var(--second);margin-top:2px}
.dn-badge-cabinet{
  border-color:#D9D4C8;background:var(--avis);color:#4A4843;letter-spacing:.04em;
}
.dn-carte.is-cible{
  border-color:var(--accent);
  box-shadow:0 0 0 1px var(--accent),0 12px 28px -22px rgba(23,59,53,.4);
}
@media (max-width:767px){
  .dn-actions{gap:8px}
  .dn-action{min-height:44px;font-size:.8125rem}
  .dn-exemples{margin-top:10px}
  .dn-exemple,.dn-recent{min-height:36px}
}
@media print{
  .dn-actions,.dn-exemples,.dn-recents,.dn-suggestions{display:none!important}
}


/* ——— filtres compacts v1 ——— */
.dn-barre{
  padding:10px clamp(20px,4vw,48px) 12px;
}
.dn-barre-inner{gap:8px}
.dn-recherche-barre input{height:44px;font-size:1rem}
.dn-exemples-pli{margin:0}
.dn-exemples-resume{
  display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0;
  font:600 .75rem/1.2 var(--sans);letter-spacing:.04em;text-transform:uppercase;
  color:var(--second);cursor:pointer;list-style:none;user-select:none;
}
.dn-exemples-resume::-webkit-details-marker{display:none}
.dn-exemples-resume::before{
  content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg);transition:transform .15s ease;
}
.dn-exemples-pli[open] .dn-exemples-resume::before{transform:rotate(45deg)}
.dn-exemples-resume:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}
.dn-exemples-pli .dn-exemples{
  display:flex;flex-wrap:nowrap;gap:6px;margin:6px 0 0;overflow-x:auto;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;
  padding-bottom:2px;
}
.dn-exemples-pli .dn-exemples::before{display:none}
.dn-exemple{min-height:28px;padding:0 10px;font-size:.75rem;flex:0 0 auto}
.dn-recents{margin:4px 0 0}
.dn-recent{min-height:28px;font-size:.75rem}

.dn-explorer-tete{
  display:flex;align-items:center;justify-content:space-between;gap:12px 16px;
  flex-wrap:nowrap;margin:0!important;
}
.dn-explorer-titre-ligne{
  display:flex;align-items:baseline;gap:10px;min-width:0;flex:1 1 auto;
}
.dn-explorer-titre{
  font-size:1rem!important;line-height:1.2;font-family:var(--sans)!important;
  font-weight:600;letter-spacing:0;white-space:nowrap;
}
.dn-compteur{font-size:.8125rem;color:var(--second);white-space:nowrap}
.dn-barre .dn-formats{
  display:inline-flex;flex-wrap:nowrap;align-items:center;gap:0;margin:0!important;
  padding:2px;background:var(--avis);border:1px solid var(--trait);border-radius:999px;
  flex:0 0 auto;
}
.dn-barre .dn-formats-label{
  position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.dn-barre .dn-format{
  min-height:30px;padding:0 10px;border:0;border-radius:999px;background:transparent;
  font-size:.75rem;gap:4px;
}
.dn-barre .dn-format[aria-pressed="true"]{
  background:var(--carte);box-shadow:0 1px 2px rgba(23,23,23,.08);
  border-color:transparent;color:var(--accent);font-weight:600;
}
.dn-barre .dn-format .dn-filtre-nb{font-size:.6875rem}

.dn-filtres-wrap{margin:0!important}
.dn-barre .dn-filtres,
.dn-filtres{
  display:flex!important;flex-wrap:nowrap!important;gap:6px;margin:0!important;
  overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;padding:2px 0 4px;
  /* bleed for edge scroll without page overflow */
  margin-inline:calc(-1 * clamp(20px,4vw,48px))!important;
  padding-inline:clamp(20px,4vw,48px);
}
.dn-filtres::-webkit-scrollbar{height:3px}
.dn-filtres::-webkit-scrollbar-thumb{background:#C8C3B8;border-radius:2px}
.dn-filtre{
  flex:0 0 auto;min-height:34px;padding:0 12px;font-size:.8125rem;gap:6px;
}
.dn-filtres-hint{display:none!important}

@media (max-width:767px){
  .dn-barre{padding:8px clamp(16px,4vw,48px) 10px}
  .dn-barre-inner{gap:6px}
  .dn-recherche-barre input{height:44px}
  .dn-explorer-tete{
    flex-wrap:wrap;align-items:center;gap:8px;
  }
  .dn-explorer-titre-ligne{width:100%;justify-content:space-between}
  .dn-barre .dn-formats{width:100%;justify-content:stretch}
  .dn-barre .dn-format{flex:1 1 0;justify-content:center;min-height:36px;padding:0 6px}
  .dn-filtre{min-height:36px;padding:0 12px}
  .dn-barre .dn-explorer-tete{flex-direction:row!important}
}
@media (max-width:390px){
  .dn-explorer-titre{font-size:.9375rem!important}
  .dn-compteur{font-size:.75rem}
}


/* ——— hero compact + modes Documents/Liens ——— */
.dn-hero{padding:20px 0 0!important}
.dn-hero::after{margin-top:20px!important;opacity:.55}
.dn-hero-compact .dn-surtitre{margin-top:20px!important;font-size:.75rem;letter-spacing:.12em}
.dn-hero-compact h1{
  margin-top:8px!important;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem)!important;
  line-height:1.15;max-width:22ch;
}
.dn-hero-compact .dn-chapo{margin-top:8px!important;font-size:.96875rem!important;max-width:48ch;line-height:1.45}
.dn-hero-compact .dn-actions{margin-top:12px;gap:6px}
.dn-hero-compact .dn-action{min-height:36px;padding:0 12px;font-size:.8125rem}
.dn-hero-info{margin-top:12px;max-width:640px;border:1px solid var(--trait);border-radius:var(--rayon);background:var(--carte)}
.dn-hero-info summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;
  min-height:40px;padding:0 14px;font:600 .8125rem/1.3 var(--sans);color:var(--accent);
}
.dn-hero-info summary::-webkit-details-marker{display:none}
.dn-hero-info summary::before{
  content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(-45deg);transition:transform .15s ease;flex-shrink:0;
}
.dn-hero-info[open] summary::before{transform:rotate(45deg)}
.dn-hero-info summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dn-hero-info-avis,.dn-hero-info ol{margin:0;padding:0 14px 12px;font-size:.875rem;line-height:1.5;color:var(--second)}
.dn-hero-info ol{padding-left:1.75rem;list-style:decimal}
.dn-hero-info li{margin:4px 0}
.dn-fil{font-size:.8125rem}
.dn-bibliotheque{margin-top:28px!important}

.dn-modes{
  display:inline-flex;gap:0;padding:3px;background:var(--avis);border:1px solid var(--trait);
  border-radius:999px;align-self:flex-start;
}
.dn-mode{
  min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;
  font:600 .8125rem/1 var(--sans);color:var(--second);cursor:pointer;
}
.dn-mode[aria-selected="true"]{
  background:var(--carte);color:var(--accent);box-shadow:0 1px 2px rgba(23,23,23,.08);
}
.dn-mode:focus-visible{box-shadow:var(--focus)}
.dn-barre-inner{gap:8px}
.dn-panneau-liens{margin-top:20px}
.dn-liens-intro{margin:0 0 16px;font-size:.9375rem;color:var(--second);max-width:62ch;line-height:1.5}
.dn-liens-demarches{margin-top:28px;padding-top:20px;border-top:1px solid var(--trait)}
.dn-liens-demarches-titre{font-size:1.125rem;margin:0 0 6px;color:var(--accent)}
.dn-liens-demarches-note{margin:0 0 16px;font-size:.875rem;color:var(--second)}
.dn-resultats-liens .dn-categorie{margin-top:32px}
.dn-resultats-liens .dn-sous-bloc .dn-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
body.dn-mode-liens .dn-explorer-tete .dn-formats .dn-format:not(.dn-format-lien):not([data-format=""]){display:none}
body.dn-mode-liens .dn-format-lien{display:inline-flex!important}
body.dn-mode-docs .dn-format-lien{display:none!important}
body.dn-mode-liens #dn-nouveautes,
body.dn-mode-liens #dn-sommaire,
body.dn-mode-liens .dn-hint-etrangers,
body.dn-mode-liens .dn-note,
body.dn-mode-liens #dn-verif{display:none}
@media (max-width:767px){
  .dn-hero{padding-top:12px!important}
  .dn-hero-compact .dn-surtitre{margin-top:16px!important}
  .dn-hero-compact h1{font-size:1.5rem!important}
  .dn-modes{width:100%;display:flex}
  .dn-mode{flex:1 1 0;justify-content:center;display:inline-flex;align-items:center;min-height:40px}
  .dn-resultats-liens .dn-sous-bloc .dn-grille{grid-template-columns:1fr}
  .dn-bibliotheque{margin-top:20px!important}
}
@media print{
  .dn-modes,.dn-hero-info{display:none!important}
}

.dn-carte-usage{margin-top:12px;padding:10px 12px;background:var(--avis);border-radius:6px;font-size:.875rem;line-height:1.45;color:var(--second)}
.dn-carte-usage li+li{margin-top:6px}
.dn-carte-associes{margin-top:10px;font-size:.875rem;line-height:1.45;color:var(--second)}

/* ——— hero ultra-compact pass 2 ——— */
.dn-hero{padding:12px 0 0!important}
.dn-hero::after{display:none!important}
.dn-fil{margin:0!important}
.dn-hero-compact .dn-surtitre{margin-top:10px!important;gap:8px}
.dn-hero-compact .dn-surtitre::before{width:18px}
.dn-hero-compact h1{margin-top:6px!important;font-size:clamp(1.375rem,1.15rem + 1vw,1.875rem)!important;letter-spacing:-.015em}
.dn-hero-compact .dn-chapo{margin-top:6px!important;font-size:.875rem!important;line-height:1.4;color:var(--second)}
.dn-hero-compact .dn-actions{margin-top:10px}
.dn-hero-info{margin-top:10px}
.dn-hero-info summary{min-height:36px;padding:0 12px;font-size:.75rem}
.dn-bibliotheque{margin-top:18px!important}
.dn-barre{padding:8px clamp(20px,4vw,48px) 10px!important}
.dn-modes{margin-bottom:0}
.dn-exemples-resume{min-height:24px;font-size:.6875rem}
@media (max-width:767px){
  .dn-hero{padding-top:8px!important}
  .dn-hero-compact .dn-surtitre{margin-top:8px!important}
  .dn-hero-compact h1{font-size:1.3125rem!important}
  .dn-bibliotheque{margin-top:14px!important}
}