/* PRIMOE — gabarit des guides (pilote : /actualites/moex-opc-amo-qui-fait-quoi ; version 3 du 13/11/2026). Classes « gd- ».
   Prolonge assets/page.css (classes « pg- ») pour la lecture longue, sans composant nouveau hors le sommaire.
   L'ouverture est celle des pages mission, réduite à deux éléments : à gauche, sur le marine, le repère du parcours, le titre,
   le chapô, le bouton et la signature ; à droite, un seul panneau sur l'aplat du parcours : la réponse courte.
   Le corps : le sommaire à gauche (il reste en place et marque la partie en cours), le texte au centre, la marge à droite,
   où chaque partie renvoie par une rangée à la mission ou au texte de loi dont elle parle.
   Chargée AVANT page.css (le socle pose ses feuilles en fin de <head>) : chaque sélecteur commence donc par « .gd ».
   Un seul mouvement : le panneau de la réponse se pose, une fois. Sans JavaScript et en mouvement réduit, tout est visible
   et à sa place ; le sommaire reste ouvert. */

.gd{--lec:clamp(1.125rem,1.36vw,1.25rem);--r:clamp(44px,7.5vh,88px);--som:minmax(0,3fr) minmax(0,9fr);background:var(--papier)}
.gd .nw{white-space:nowrap}
.gd .gd-k,.gd .gd-vois-h{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}

/* ---------- 1. ouverture : le titre à gauche sur le marine, la réponse courte à droite sur l'aplat du parcours ----------
   La grille est celle de /moex (42 / 29 / 29) : le titre occupe la même colonne, le panneau prend la place de l'image et des rangées. */
.gd .pg-hero{min-height:max(580px,80svh)}
.gd .pg-hero-t{grid-column:1}
.gd .gd-bref{grid-column:2/-1}
.gd .pg-hero.sb .pg-hero-t{grid-column:1/-1}
.gd .pg-h1{font-size:clamp(2.2rem,3.6vw,3.75rem);line-height:1.01}
.gd .pg-h1 .nw{color:inherit;white-space:nowrap}
.gd .pg-crumb li[aria-current]{color:rgba(255,255,255,.78)}
.gd .gd-min{font-size:1rem;color:rgba(255,255,255,.86)}
.gd .gd-bref{display:flex;flex-direction:column;background:var(--c);color:var(--ink);--f2:rgba(15,36,56,.3)}
html[data-sc-p="val"] .gd .gd-bref{background:var(--pierre);box-shadow:inset 0 3px 0 var(--c)}
.gd .gd-bref-h{padding:clamp(20px,3.4vh,34px) clamp(24px,3.2vw,60px) clamp(13px,2vh,20px) clamp(26px,2.8vw,44px);border-bottom:1px solid var(--f2);
  font-size:.72rem;font-weight:600;letter-spacing:.18em;line-height:1.5;text-transform:uppercase}
.gd .gd-bref-t{margin:auto 0;padding:clamp(24px,4vh,44px) clamp(24px,3.2vw,60px) clamp(24px,4vh,44px) clamp(26px,2.8vw,44px);max-width:29em;
  font-size:clamp(1.3rem,2.02vw,1.875rem);line-height:1.3;letter-spacing:-.024em;text-wrap:pretty}
.gd .gd-bref-t strong{font-weight:600}
.gd .gd-lire{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;column-gap:18px;min-height:72px;
  padding:10px clamp(24px,3.2vw,60px) 10px clamp(26px,2.8vw,44px);border-top:1px solid var(--f2);color:var(--ink);text-decoration:none;
  font-size:clamp(1.0625rem,1.22vw,1.1875rem);font-weight:500;letter-spacing:-.015em;line-height:1.25;transition:background-color .35s ease,color .35s ease}
.gd .gd-lire::before{content:"";position:absolute;left:0;top:50%;width:6px;height:52%;translate:0 -50%;background:var(--ink);transition:background-color .35s ease}
.gd .gd-lire:hover,.gd .gd-lire:focus-visible{background:var(--ink);color:#fff;outline:0}
.gd .gd-lire:hover::before,.gd .gd-lire:focus-visible::before{background:var(--c)}
.gd .gd-lire:hover .pg-go,.gd .gd-lire:focus-visible .pg-go{translate:0 5px}
.gd .gd-lire:focus-visible{box-shadow:inset 0 0 0 3px var(--c)}

/* ---------- 2. le corps : sommaire, texte, marge ---------- */
.gd .gd-body{padding:var(--r) 0 clamp(64px,11vh,132px)}
.gd .gd-cols{display:grid;grid-template-columns:var(--som);column-gap:var(--col);align-items:start}
.gd .gd-som{position:sticky;top:92px;max-height:calc(100svh - 116px);overflow-y:auto;overscroll-behavior:contain}
.gd .gd-som summary{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--ink);list-style:none}
.gd .gd-som summary::-webkit-details-marker{display:none}
.gd .gd-som-i{display:none;position:relative;width:20px;height:20px}
.gd .gd-som-i::before,.gd .gd-som-i::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px solid currentColor;transition:rotate .35s var(--eo)}
.gd .gd-som-i::after{rotate:90deg}
.gd .gd-som details[open] .gd-som-i::after{rotate:0deg}
.gd .gd-som a{position:relative;display:block;padding:14px 12px 14px 18px;border-bottom:1px solid var(--f);
  font-size:.9375rem;line-height:1.32;letter-spacing:-.005em;color:var(--mut);text-decoration:none;text-wrap:pretty;transition:background-color .3s ease,color .3s ease}
.gd .gd-som a::before{content:"";position:absolute;left:0;top:50%;width:6px;height:56%;translate:0 -50%;background:transparent;transition:background-color .3s ease}
.gd .gd-som a:hover,.gd .gd-som a:focus-visible{background:var(--c);color:var(--ink)}
.gd .gd-som a[aria-current]{color:var(--ink)}
.gd .gd-som a[aria-current]::before{background:var(--ink)}
.gd .gd-som a:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--ink)}

.gd .gd-col{min-width:0;padding-left:var(--col);border-left:1px solid var(--f)}
.gd .gd-art{scroll-margin-top:84px}
/* une partie = une grille : le texte à gauche, la marge à droite ; l'intertitre et le tableau prennent les deux */
.gd .gd-sec{display:grid;grid-template-columns:minmax(0,1fr) clamp(196px,17.5vw,252px);column-gap:var(--col);align-items:start}
.gd .gd-sec>*{grid-column:1;min-width:0}
.gd .gd-sec>*+*{margin-top:1.1em}
.gd .gd-sec>h2,.gd .gd-sec>.gd-tbl{grid-column:1/-1}
.gd .gd-sec+.gd-sec{margin-top:var(--r)}
.gd .gd-sec>p,.gd .gd-sec>ul,.gd .gd-sec>ol{max-width:34em;font-size:var(--lec);line-height:1.6;color:var(--ink)}
.gd .gd-sec>p.gd-ld{max-width:none;font-size:clamp(1.3rem,1.9vw,1.75rem);line-height:1.34;letter-spacing:-.018em}
.gd .gd-pre>p.gd-ld{grid-column:1/-1;max-width:30em}
.gd .gd-sec strong{font-weight:600}
.gd .gd-sec p a,.gd .gd-sec li a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,currentColor 50%,transparent);transition:text-decoration-color .25s ease,background-color .25s ease}
.gd .gd-sec p a:hover,.gd .gd-sec li a:hover{text-decoration-color:currentColor}
.gd .gd-sec a[id]{scroll-margin-top:40vh}
.gd .gd-sec a[id]:target{background:var(--c)}
/* les intertitres : une question, franche, sous un filet plein */
.gd .gd-sec>h2{padding:clamp(18px,2.8vh,28px) 12% 0 0;border-top:1px solid var(--ink);
  font-size:clamp(1.8rem,3.3vw,3.125rem);font-weight:500;letter-spacing:-.04em;line-height:1.02;text-wrap:balance;scroll-margin-top:84px}
.gd .gd-sec>h2+*{margin-top:clamp(24px,4vh,44px)}
.gd .gd-sec>h3{margin-top:clamp(32px,5vh,48px);font-size:clamp(1.25rem,1.75vw,1.625rem);font-weight:500;letter-spacing:-.025em;line-height:1.14;text-wrap:balance;scroll-margin-top:84px}
/* « En résumé » : la réponse autonome de la partie, dans un encadré à la couleur du parcours */
.gd .gd-sec>p.gd-res{position:relative;margin-top:1.5em;padding:clamp(18px,2.6vh,26px) clamp(18px,2vw,30px) clamp(18px,2.6vh,26px) clamp(24px,2.4vw,36px);background:var(--c);
  font-size:clamp(1.125rem,1.45vw,1.3125rem);font-weight:500;line-height:1.42;letter-spacing:-.012em}
.gd .gd-sec>p.gd-res::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--ink)}
html[data-sc-p="val"] .gd .gd-sec>p.gd-res{background:var(--pierre)}
/* la liste à filets */
.gd .gd-sec>ul,.gd .gd-sec>ol{border-top:1px solid var(--f)}
.gd .gd-sec>ul>li,.gd .gd-sec>ol>li{padding:clamp(14px,2.2vh,20px) 0;border-bottom:1px solid var(--f)}
/* la marge : en regard de la partie, la page mission dont elle parle, le texte de loi qu'elle cite, le contact */
.gd .gd-marge{grid-column:2;grid-row:2/span 12;margin-top:clamp(24px,4vh,44px);border-bottom:1px solid var(--f)}
.gd .gd-mg{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;column-gap:10px;padding:14px 8px 14px 16px;border-top:1px solid var(--f);text-decoration:none;
  transition:background-color .3s ease}
.gd .gd-mg:first-child{border-top-color:var(--ink)}
.gd .gd-mg::before{content:"";position:absolute;left:0;top:50%;width:6px;height:52%;translate:0 -50%;background:var(--c);transition:background-color .3s ease}
.gd .gd-mg small{grid-column:1;font-size:.6875rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.gd .gd-mg .t{grid-column:1;margin-top:3px;font-size:1rem;font-weight:500;letter-spacing:-.012em;line-height:1.25}
.gd .gd-mg .pg-go{grid-column:2;grid-row:1/span 2;font-size:1.0625rem}
.gd .gd-mg:hover,.gd .gd-mg:focus-visible{background:var(--c)}
.gd .gd-mg:hover::before,.gd .gd-mg:focus-visible::before{background:var(--ink)}

/* ---------- pièces des guides repris de leur page d'origine (source: html) : le parcours de méthode, les questions, la liste numérotée ---------- */
.gd .gd-sec>p.table-hint{display:none}
.gd .gd-sec>.method-flow{grid-column:1/-1;margin-top:clamp(28px,4.6vh,48px);border-top:1px solid var(--ink);border-bottom:1px solid var(--f)}
.gd .method-flow .flow-title{padding:14px 0 12px;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.gd .method-flow ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--f)}
.gd .method-flow li{position:relative;padding:16px 16px 18px 18px;font-size:clamp(1.0625rem,1.3vw,1.1875rem);font-weight:500;letter-spacing:-.015em;line-height:1.22}
.gd .method-flow li::before{content:"";position:absolute;left:0;top:18px;width:6px;height:calc(100% - 38px);min-height:22px;background:var(--c)}
.gd .method-flow .step-number{display:block;margin-bottom:6px;font-size:.6875rem;font-weight:600;letter-spacing:.16em;color:var(--mut)}
.gd .gd-sec>ol{list-style:none;counter-reset:gdo}
.gd .gd-sec>ol>li{position:relative;padding-left:2.6em;counter-increment:gdo}
.gd .gd-sec>ol>li::before{content:counter(gdo);position:absolute;left:0;top:clamp(12px,2vh,18px);font-size:1.25em;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.gd .gd-sec>details.faq-item{border-top:1px solid var(--f)}
.gd .gd-sec>details.faq-item+details.faq-item{margin-top:0}
.gd .gd-sec>details.faq-item:last-of-type{border-bottom:1px solid var(--f)}
.gd .faq-item summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 22px;align-items:center;column-gap:20px;min-height:68px;padding:14px 6px 14px 20px;cursor:pointer;list-style:none;
  font-size:clamp(1.125rem,1.45vw,1.3125rem);font-weight:500;letter-spacing:-.02em;line-height:1.22;transition:background-color .35s ease}
.gd .faq-item summary::-webkit-details-marker{display:none}
.gd .faq-item summary::before{content:"";position:absolute;left:0;top:50%;width:6px;height:46%;translate:0 -50%;background:var(--c);transition:background-color .35s ease}
.gd .faq-item summary::after{content:"+";justify-self:end;font-size:1.6rem;font-weight:400;line-height:1}
.gd .faq-item[open] summary::after{content:"–"}
.gd .faq-item summary:hover,.gd .faq-item summary:focus-visible{background:var(--c);outline:0}
.gd .faq-item summary:hover::before,.gd .faq-item summary:focus-visible::before{background:var(--ink)}
.gd .faq-item summary:focus-visible{box-shadow:inset 0 0 0 2px var(--ink)}
.gd .faq-item>div{padding:4px 6px 22px 20px}
.gd .faq-item>div p{max-width:34em;font-size:var(--lec);line-height:1.6}
.gd .faq-item>div p+p{margin-top:1em}
.gd .gd-sec>h2+h3{margin-top:clamp(24px,4vh,44px)}

/* le tableau : toute la largeur de la colonne, défilable quand l'écran est étroit */
.gd .gd-tbl{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gd .gd-tbl:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.gd .gd-tbl table{width:100%;border-collapse:collapse;text-align:left}
.gd .gd-tbl th,.gd .gd-tbl td{padding:clamp(14px,2.2vh,20px) var(--col) clamp(14px,2.2vh,20px) 0;vertical-align:top;border-top:1px solid var(--f)}
.gd .gd-tbl thead th{padding-top:0;padding-bottom:14px;border-top:0;border-bottom:1px solid var(--ink);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em;line-height:1.25;vertical-align:bottom}
.gd .gd-tbl[aria-label="Tableau"] thead th{font-size:clamp(1.375rem,2.1vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.gd .gd-tbl tbody tr:first-child>*{border-top:0}
.gd .gd-tbl tbody th{width:15%;padding-top:calc(clamp(14px,2.2vh,20px) + .4em);font-size:.6875rem;font-weight:600;letter-spacing:.14em;line-height:1.4;text-transform:uppercase}
.gd .gd-tbl td{font-size:1.0625rem;line-height:1.42}
.gd .gd-tbl td:first-child{font-weight:500}
.gd .gd-tbl[aria-label="Tableau"] td{width:28.3%;font-weight:400}
.gd .gd-tbl tr>:last-child{padding-right:0}

/* les textes de loi cités, regroupés : chaque rangée ramène au passage où le texte est cité (le lien Légifrance y est) */
.gd .gd-lois{margin-top:var(--r);padding-top:clamp(18px,2.8vh,28px);border-top:1px solid var(--ink);scroll-margin-top:84px}
.gd .gd-lois .gd-lois-2{margin-top:clamp(32px,5vh,52px)}
.gd .gd-lois-p{margin-top:10px;font-size:1rem;line-height:1.5;color:var(--mut)}
.gd .gd-lois ul{margin-top:clamp(14px,2.2vh,20px);border-top:1px solid var(--f)}
.gd .gd-lois a{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:64px;padding:10px 12px 10px 0;border-bottom:1px solid var(--f);
  text-decoration:none;font-size:1.0625rem;font-weight:500;letter-spacing:-.015em;line-height:1.25;transition:background-color .3s ease,padding-left .35s var(--eo)}
.gd .gd-lois a small{display:block;margin-top:3px;font-size:.875rem;font-weight:400;letter-spacing:0;color:var(--mut)}
.gd .gd-lois a:hover,.gd .gd-lois a:focus-visible{background:var(--c);padding-left:12px}
.gd .gd-lois a:hover .pg-go{translate:0 -5px}

/* la signature et le partage */
.gd .gd-fin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:clamp(40px,6.5vh,72px);padding-top:clamp(18px,2.8vh,28px);border-top:1px solid var(--ink)}
.gd .gd-aut b{display:block;font-size:1.0625rem;font-weight:500;letter-spacing:-.015em}
.gd .gd-aut span{display:block;font-size:.875rem;color:var(--mut)}
.gd .share-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gd .share-label{margin-right:8px;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.gd .share-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;padding:0;border:1px solid var(--ink);border-radius:2px;background:none;
  color:var(--ink);cursor:pointer;transition:background-color .3s ease,color .3s ease}
.gd .share-icon svg{width:16px;height:16px;fill:currentColor}
.gd .share-icon:hover,.gd .share-icon:focus-visible{background:var(--ink);color:#fff}
.gd .copy-status{font-size:.875rem;color:var(--mut)}
.gd .copy-status:not(:empty){margin-left:8px}

/* ---------- 3. les missions liées : des rangées sur l'aplat du parcours, sur la grille du corps ---------- */
.gd .gd-mis,.gd .gd-suite{padding:var(--r) 0}
.gd .gd-mis .pg-g{align-items:start;row-gap:clamp(28px,5vh,48px)}
.gd .gd-mis-t{grid-column:1/span 5;font-size:clamp(1.8rem,3.3vw,3.125rem);letter-spacing:-.04em;line-height:1.02}
.gd .gd-rows{grid-column:7/-1;border-bottom:1px solid var(--ink)}
.gd .gd-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;column-gap:clamp(18px,2vw,32px);row-gap:6px;
  padding:clamp(18px,2.8vh,26px) clamp(12px,1.4vw,22px) clamp(18px,2.8vh,26px) clamp(18px,1.8vw,28px);border-top:1px solid var(--ink);color:var(--ink);text-decoration:none;
  transition:background-color .35s ease,color .35s ease}
.gd .gd-row::before{content:"";position:absolute;left:0;top:50%;width:6px;height:52%;translate:0 -50%;background:var(--ink);transition:background-color .35s ease}
.gd .gd-row .nm{grid-column:1;font-size:clamp(1.25rem,1.75vw,1.625rem);font-weight:500;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
.gd .gd-row .tx{grid-column:1;max-width:44em;font-size:1rem;line-height:1.45}
.gd .gd-row .pg-go{grid-column:2;grid-row:1/span 2}
.gd .gd-row:hover,.gd .gd-row:focus-visible{background:var(--ink);color:#fff;outline:0}
.gd .gd-row:hover::before,.gd .gd-row:focus-visible::before{background:var(--c)}
.gd .gd-row:hover .pg-go,.gd .gd-row:focus-visible .pg-go{translate:6px 0}
.gd .gd-row:focus-visible{box-shadow:inset 0 0 0 3px var(--c)}

/* ---------- 4. à lire ensuite : les rangées des pages mission ---------- */
.gd .gd-suite .pg-h2{font-size:clamp(1.8rem,3.3vw,3.125rem);letter-spacing:-.04em;line-height:1.02;margin-bottom:clamp(24px,4vh,44px)}
.gd .gd-vois-h{padding-bottom:14px;border-bottom:1px solid var(--ink)}
.gd .gd-suite .pg-gd-row img{background:var(--pierre)}

/* ---------- sous 1100 px : la marge n'a plus sa place, le texte reprend la colonne ---------- */
@media (max-width:1099.98px){
  .gd .gd-sec{grid-template-columns:minmax(0,1fr)}
  .gd .gd-marge{display:none}
  .gd .gd-sec>h2{padding-right:0}
  .gd .gd-mis-t,.gd .gd-rows{grid-column:1/-1}
  .gd .pg-hero{min-height:0}
  .gd .pg-hero-t,.gd .gd-bref{grid-column:1/-1}
  .gd .gd-bref-t{margin:0;max-width:34em}
}
/* ---------- sous 960 px : le sommaire passe au-dessus du texte et se replie ---------- */
@media (max-width:959.98px){
  .gd{--som:minmax(0,1fr)}
  .gd .gd-cols{row-gap:clamp(28px,5vh,44px)}
  .gd .gd-som{position:static;max-height:none;overflow:visible;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
  .gd .gd-som summary{min-height:56px;padding:0;border-bottom:0;cursor:pointer}
  .gd .gd-som details[open] summary{border-bottom:1px solid var(--f)}
  .gd .gd-som-i{display:block}
  .gd .gd-som li:last-child a{border-bottom:0}
  .gd .gd-som summary:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
  .gd .gd-col{padding-left:0;border-left:0}
}
@media (min-width:960px){
  .gd .gd-som summary{pointer-events:none}
}
/* ---------- téléphone ---------- */
@media (max-width:699.98px){
  .gd{--lec:1.0625rem;--r:48px}
  .gd .pg-crumb li[aria-current]{display:none}
  .gd .pg-crumb{letter-spacing:.1em;column-gap:8px}
  .gd .pg-crumb li{gap:8px}
  .gd .pg-crumb li+li::before{width:14px}
  .gd .pg-h1{font-size:clamp(2rem,9.2vw,2.6rem)}
  .gd .gd-bref-h,.gd .gd-bref-t,.gd .gd-lire{padding-left:var(--g);padding-right:var(--g)}
  .gd .gd-lire::before{left:0}
  .gd .gd-min{width:100%}
  .gd .gd-sec>h2{font-size:clamp(1.7rem,7.6vw,2.1rem);letter-spacing:-.035em;line-height:1.05}
  /* le tableau garde ses quatre colonnes : il défile, la première colonne reste en place */
  .gd .gd-tbl{margin-right:calc(var(--g) * -1);padding-right:var(--g)}
  .gd .gd-tbl table{width:auto;min-width:640px}
  .gd .gd-tbl[aria-label="Tableau"] table{min-width:700px}
  .gd .gd-tbl table.wide{min-width:820px}
  .gd .gd-tbl th,.gd .gd-tbl td{padding-right:18px}
  .gd .gd-tbl[aria-label="Tableau"] thead th:first-child,.gd .gd-tbl tbody th{position:sticky;left:0;z-index:1;width:96px;min-width:96px;background:var(--papier);box-shadow:1px 0 0 var(--f)}
  .gd .gd-tbl td,.gd .gd-tbl[aria-label="Tableau"] td{width:auto;min-width:150px;font-size:.9375rem}
  .gd .gd-sec>p.table-hint{display:block;font-size:.8125rem;color:var(--mut)}
  .gd .gd-sec>p.table-hint+.gd-tbl{margin-top:10px}
  .gd .gd-fin{align-items:flex-start;flex-direction:column}
  .gd .gd-row{padding-left:18px;padding-right:4px}
}

/* ---------- mouvement : la réponse courte se pose, une fois ---------- */
@media (prefers-reduced-motion:no-preference){
  .gd .gd-bref-h,.gd .gd-bref-t,.gd .gd-lire{animation:gdUp .8s var(--eo) both}
  .gd .gd-bref-t{animation-delay:.1s}
  .gd .gd-lire{animation-delay:.2s}
  @keyframes gdUp{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
}
@media print{
  .gd .gd-som,.gd .gd-marge,.gd .gd-lire,.gd .share-group,.gd .gd-mis,.gd .gd-suite{display:none}
  .gd .gd-cols,.gd .gd-sec{display:block}
  .gd .gd-col{padding-left:0;border-left:0}
}
