/* G. Documents propriétaires à faire glisser, téléphone seulement (18/10).
   Pour retirer : supprimer ce fichier, interactif-g-documents.js et leurs deux lignes dans index.html :
   les onglets de mobile.js reprennent alors la main. Armé par le script (classe docs-carousel sur html). */
.docs-dots{display:none}
@media(max-width:759px){
 .docs-carousel .docs-v3 .mobile-document-tabs{display:none!important}
 .docs-carousel .docs-v3 .document-cards{display:flex;gap:12px;margin-inline:-16px;padding:4px 16px 8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}
 .docs-carousel .docs-v3 .document-cards::-webkit-scrollbar{display:none}
 /* Les deux cartes visibles, même si mobile.js a posé hidden sur l'une */
 .docs-carousel .docs-v3 .document-cards>.doc-card,.docs-carousel .docs-v3 .document-cards>.doc-card[hidden]{display:flex!important;flex:0 0 85%;min-width:0;scroll-snap-align:start}
 /* Sans les onglets, c'est l'étiquette qui dit de quoi il s'agit */
 .docs-carousel.mobile-documents-ready .docs-v3 .doc-tag,.docs-carousel .docs-v3 .doc-tag{display:inline-block;align-self:flex-start}
 .docs-carousel .docs-v3 .doc-card:hover{transform:none}
 .docs-carousel .docs-dots{display:flex;justify-content:center;gap:4px;margin:10px 0 0}
 .docs-dots button{display:grid;place-items:center;width:44px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
 .docs-dots button:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--line);transition:background-color .3s,width .3s}
 .docs-dots button[aria-current="true"]:before{width:22px;border-radius:99px;background:var(--forest)}
 .docs-dots button:focus-visible{outline:2px solid var(--terra);outline-offset:-4px;border-radius:8px}
}
@media(max-width:759px) and (prefers-reduced-motion:reduce){.docs-dots button:before{transition:none}}