/* ============================================================
   PAGE ENCYCLOPÉDIE CSE +50 — PiloteCSE
   Version nettoyée
   ============================================================ */

/* --------------------------------------------
   1) Conteneur global + variables
-------------------------------------------- */
.encyclo-cse{
  max-width: 1200px;
  margin: 0 auto;

  /* Couleur d’accent par défaut (orange du logo) */
  --accent: #FFAF63;
}

/* --------------------------------------------
   2) Cartes (grille) — hauteur égale + look pro
   IMPORTANT : home.css force parfois .wp-block-columns { align-items:flex-start !important; }
              Ici on écrase UNIQUEMENT sur .encyclo-cards.
-------------------------------------------- */

/* Le bloc Colonnes */
.encyclo-cse .wp-block-columns.encyclo-cards{
  align-items: stretch !important;   /* écrase home.css */
  gap: 24px;                         /* ajustez si besoin */
}

/* Chaque colonne devient un conteneur flex pour étirer la carte */
.encyclo-cse .wp-block-columns.encyclo-cards > .wp-block-column{
  display: flex !important;
  flex-direction: column;
  align-self: stretch !important;
}

/* La carte (Group placé dans la colonne) */
.encyclo-cse .wp-block-columns.encyclo-cards > .wp-block-column > .wp-block-group{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);

  padding: 22px 22px 18px;
  position: relative;

  display: flex;
  flex-direction: column;
  width: 100%;
  flex: 1; /* la carte prend toute la hauteur dispo */
}

/* Bandeau d’accent en haut */
.encyclo-cse .wp-block-columns.encyclo-cards > .wp-block-column > .wp-block-group::before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height: 6px;
  border-radius: 14px 14px 0 0;
  background: var(--accent);
}

/* Titres / textes */
.encyclo-cse .wp-block-columns.encyclo-cards h2,
.encyclo-cse .wp-block-columns.encyclo-cards h3{
  margin-top: 6px;
  margin-bottom: 10px;
}

.encyclo-cse .wp-block-columns.encyclo-cards p{
  margin-bottom: 14px;
}

/* Boutons collés en bas */
.encyclo-cse .wp-block-columns.encyclo-cards .wp-block-buttons{
  margin-top: auto;
}

.encyclo-cse .wp-block-columns.encyclo-cards .wp-block-button{
  width: 100%;
}

.encyclo-cse .wp-block-columns.encyclo-cards .wp-block-button__link{
  display: block;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  padding: 10px 16px;
}

/* --------------------------------------------
   3) Accents par carte (mettre la classe sur le GROUP de la carte)
   Exemple : class="wp-block-group card-fonctionnement"
-------------------------------------------- */
.encyclo-cse .card-fonctionnement{ --accent:#0077b6; }
.encyclo-cse .card-ssct{          --accent:#008f5a; }
.encyclo-cse .card-asc{           --accent:#e08c1f; }
.encyclo-cse .card-bdese{         --accent:#6c5ce7; }
.encyclo-cse .card-mandat{        --accent:#d63031; }
.encyclo-cse .card-nao{           --accent:#0984e3; }
.encyclo-cse .card-compta{        --accent:#2d3436; }

/* --------------------------------------------
   4) Responsive — 1 carte par ligne sur mobile
-------------------------------------------- */
@media (max-width: 768px){
  .encyclo-cse .wp-block-columns.encyclo-cards{
    flex-wrap: wrap;
  }
  .encyclo-cse .wp-block-columns.encyclo-cards > .wp-block-column{
    flex-basis: 100% !important;
  }
}

/* --------------------------------------------
   5) (LEGACY) Rangée H2 + icônes via .pcse-h2-row
   NOTE : ce système est différent de celui injecté par JS (.encyclo-h2-with-actions).
          Gardez-le seulement si vous l’utilisez encore quelque part.
-------------------------------------------- */
.pcse-h2-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.2rem;
}

.pcse-h2-row h2{
  margin-bottom: 0;
}

.pcse-h2-row h2::after{
  content: " \2192"; /* flèche → */
  font-weight: 400;
  opacity: 0.5;
  margin-left: 0.75rem;
}

.pcse-h2-row .wp-block-social-links{
  display: flex;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 0;
}

.pcse-h2-row .wp-block-social-links li{
  margin-top: 0;
}

/* --------------------------------------------
   6) Formulaire feedback / page partage
-------------------------------------------- */
.pcse-hidden-origin{
  display: none !important;
}

.pcse-back-article{
  margin-bottom: 24px;
}

.pcse-back-article a{
  display: inline-block;
  padding: 8px 18px;
  border-radius: 9999px;
  background-color: #d32f2f;
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none !important;
  font-size: 16px;
}

.pcse-back-article a:hover{
  background-color: #b71c1c;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* --------------------------------------------
   7) Colonne de gauche — blocs thématiques (sommaire)
-------------------------------------------- */
.sommaire-col{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sommaire-bloc{
  padding: 12px 14px;
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.4;
}

.sommaire-bloc > *:first-child{
  font-weight: 700;
  margin-bottom: 6px;
}

.sommaire-bloc ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.sommaire-bloc li{
  margin: 2px 0;
}

.sommaire-bloc a{
  text-decoration: none;
}

.sommaire-bloc a:hover{
  text-decoration: underline;
}

/* Variantes */
.sommaire-bloc--reunion{ background:#e7f1ff; }
.sommaire-bloc--mandat{  background:#e9f7f1; }
.sommaire-bloc--protecteur{ background:#fff4e6; }

/* Compat si ancienne classe utilisée */
.sommaire-bloc-protecteur{ background:#fff4e6; }

@media (max-width: 781px){
  .sommaire-col{ margin-bottom: 16px; }
}

/* --------------------------------------------
   8) TOC B Blocks (plugin Table of Contents) + Sidebar sticky
-------------------------------------------- */
@media (min-width: 960px){

  /* Sidebar sticky */
  .encyclo-sidebar{
    position: sticky;
    top: 110px;                      /* ajustez selon la hauteur du header */
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    padding-right: 4px;
  }

  .encyclo-sidebar::-webkit-scrollbar{
    width: 6px;
  }

  .encyclo-sidebar::-webkit-scrollbar-thumb{
    background: #c3d6f4;
    border-radius: 3px;
  }

  /* Conteneur TOC : scroll interne */
  .encyclo-sidebar .wp-block-b-blocks-table-of-content{
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    padding-right: 4px;
  }

  .encyclo-sidebar .wp-block-b-blocks-table-of-content::-webkit-scrollbar{
    width: 6px;
  }

  .encyclo-sidebar .wp-block-b-blocks-table-of-content::-webkit-scrollbar-thumb{
    background: #c3d6f4;
    border-radius: 3px;
  }
}

/* Enlever puces/numéros sur la liste TOC (B Blocks) */
.encyclo-sidebar .tbcn-panel-table-container-order-list,
.encyclo-sidebar .tbcn-panel-table-container-order-list ol{
  list-style: none !important;
  margin: 0;
  padding-left: 0;
}

.encyclo-sidebar .tbcn-panel-table-container-order-list li{
  list-style: none !important;
}

.encyclo-sidebar .tbcn-panel-table-container-order-list li::marker,
.encyclo-sidebar .tbcn-panel-table-container-order-list li::before{
  content: "" !important;
  display: none !important;
}

/* Mise en forme niveaux */
.encyclo-sidebar .tbcn-panel-table-container-order-list > li{
  font-weight: 600;
}

.encyclo-sidebar .tbcn-panel-table-container-order-list > li > ol > li{
  margin: 2px 0 2px 16px;
  padding-left: 8px;
  border-left: 1px solid #d7e3f8;
  font-weight: 500;
  font-size: 0.95em;
}

.encyclo-sidebar .tbcn-panel-table-container-order-list > li > ol > li > ol > li{
  margin: 2px 0 2px 14px;
  padding-left: 6px;
  border-left: 1px dotted #e0e6f5;
  font-weight: 400;
  font-size: 0.9em;
}

/* --------------------------------------------
   9) Numérotation automatique TOC (pcse-toc)
-------------------------------------------- */
.encyclo-sidebar .pcse-toc ol,
.encyclo-sidebar .pcse-toc ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.encyclo-sidebar .pcse-toc li::marker,
.encyclo-sidebar .pcse-toc li::before,
.encyclo-sidebar .pcse-toc span svg{
  content: "";
  display: none !important;
}

.encyclo-sidebar .pcse-toc ol{
  counter-reset: toc-h2;
}

/* H2 */
.encyclo-sidebar .pcse-toc ol > li{
  counter-increment: toc-h2;
  counter-reset: toc-h3;
  font-weight: 600;
}

.encyclo-sidebar .pcse-toc ol > li > a::before{
  content: counter(toc-h2) ". ";
  margin-right: 4px;
}

/* H3 */
.encyclo-sidebar .pcse-toc ol > li > ol > li{
  counter-increment: toc-h3;
  counter-reset: toc-h4;
  margin-left: 16px;
  padding-left: 8px;
  border-left: 1px solid #d7e3f8;
  font-weight: 500;
  font-size: 0.95em;
}

.encyclo-sidebar .pcse-toc ol > li > ol > li > a::before{
  content: counter(toc-h2) "." counter(toc-h3) " ";
  margin-right: 4px;
}

/* H4 */
.encyclo-sidebar .pcse-toc ol > li > ol > li > ol > li{
  counter-increment: toc-h4;
  margin-left: 14px;
  padding-left: 6px;
  border-left: 1px dotted #e0e6f5;
  font-weight: 400;
  font-size: 0.9em;
}

.encyclo-sidebar .pcse-toc ol > li > ol > li > ol > li > a::before{
  content: counter(toc-h2) "." counter(toc-h3) "." counter(toc-h4) " ";
  margin-right: 4px;
}

/* ============================================================
   10) NOUVEAU SYSTÈME : H2 + flèche + icônes injectés par JS
   (classes : .encyclo-h2-with-actions / .encyclo-h2-text / .encyclo-h2-arrow / .encyclo-actions-icons)
   Objectif : icônes visibles uniquement après chaque H2.
   ============================================================ */

/* H2 + icônes sur une même ligne */
.encyclo-h2-with-actions{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* Le texte du H2 reste prioritaire en largeur */
.encyclo-h2-with-actions .encyclo-h2-text{
  flex: 1 1 auto;
}

/* Flèche */
.encyclo-h2-arrow{
  opacity: 0.6;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 400;
  line-height: 1;
  flex: 0 0 auto;
}

/* Rangée d’icônes clonée */
.encyclo-actions-icons{
  flex: 0 0 auto;
  margin: 0;
}

/* Rangée modèle : cachée, sert uniquement de gabarit au JS */
.encyclo-icons-template{
  display: none !important;
}
/* ============================================================
   Responsive H2 + icônes (mobile)
   - Le titre passe sur 2 lignes, icônes en dessous
   ============================================================ */
@media (max-width: 768px){
  .encyclo-h2-with-actions{
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 10px;
  }

  /* Titre prend toute la largeur */
  .encyclo-h2-with-actions .encyclo-h2-text{
    flex: 1 1 100%;
  }

  /* Flèche alignée avec le titre (optionnel : vous pouvez la masquer sur mobile) */
  .encyclo-h2-with-actions .encyclo-h2-arrow{
    margin-left: 0;
    margin-right: 0;
  }

  /* Icônes en dessous, alignées à gauche */
  .encyclo-h2-with-actions .encyclo-actions-icons{
    flex: 0 0 auto;
    width: auto;
  }
}
/* =======================================================
   PilotCSE — Section "Modèles utiles"
   Conteneur : .pcse-modeles
   Objectif : bloc boîte à outils + zone premium, sans toucher aux icônes H2
   ======================================================= */

body:not(.archive):not(.blog) main .pcse-modeles{
  margin: 26px 0 34px !important;
  padding: 18px 18px 16px !important;

  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
}

/* Badge discret à côté du texte du H2, sans gêner les icônes (système JS) */
body:not(.archive):not(.blog) main .pcse-modeles .encyclo-h2-with-actions .encyclo-h2-text{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body:not(.archive):not(.blog) main .pcse-modeles .encyclo-h2-with-actions .encyclo-h2-text::after{
  content: "Boîte à outils";
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .02em;

  padding: 4px 10px;
  border-radius: 9999px;

  background: rgba(42,77,143,.10);
  color: var(--wp--preset--color--primary, #2a4d8f);
}

/* Si jamais le H2 n’a pas été “transformé” par votre JS */
body:not(.archive):not(.blog) main .pcse-modeles :is(h2,h3).wp-block-heading:not(.encyclo-h2-with-actions)::after{
  content: "  — Boîte à outils";
  font-weight: 600;
  opacity: .65;
  font-size: .9em;
}

/* Colonnes internes : espacement propre */
body:not(.archive):not(.blog) main .pcse-modeles .wp-block-columns{
  gap: 14px;
  margin-top: 12px;
}

/* Carte “Gratuits” */
body:not(.archive):not(.blog) main .pcse-modeles-free{
  padding: 14px 14px 12px !important;
  background: #f6f7f9 !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 14px !important;
}

/* Carte “Premium” */
body:not(.archive):not(.blog) main .pcse-modeles-premium{
  padding: 14px 14px 12px !important;
  background: #fff6e9 !important; /* léger rappel “accent” */
  border: 1px solid rgba(0,0,0,.08) !important;
  border-left: 6px solid var(--wp--preset--color--accent, #FFAF63) !important;
  border-radius: 14px !important;
}

/* Titre interne de carte (si vous mettez un H3 “Gratuits” / “Premium”) */
body:not(.archive):not(.blog) main .pcse-modeles :is(.pcse-modeles-free,.pcse-modeles-premium) :is(h3,h4){
  margin: 0 0 10px !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
}

/* Listes à l’intérieur : look “ressources” */
body:not(.archive):not(.blog) main .pcse-modeles :is(.pcse-modeles-free,.pcse-modeles-premium) ul{
  margin: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
  display: grid;
  gap: 8px;
}

body:not(.archive):not(.blog) main .pcse-modeles :is(.pcse-modeles-free,.pcse-modeles-premium) li{
  margin: 0 !important;
  padding: 10px 12px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 12px !important;
}

/* Liens */
body:not(.archive):not(.blog) main .pcse-modeles a{
  text-decoration: none !important;
  font-weight: 650;
}
body:not(.archive):not(.blog) main .pcse-modeles a:hover{
  text-decoration: underline !important;
}

/* Responsive */
@media (max-width: 781px){
  body:not(.archive):not(.blog) main .pcse-modeles{
    padding: 14px 14px 12px !important;
  }
  body:not(.archive):not(.blog) main .pcse-modeles .wp-block-columns{
    gap: 10px;
  }
}
/* ============================================================
   11) SECTION "MODÈLES UTILES" — Boîte à outils (premium-ready)
   Conteneur : .pcse-modeles
   ============================================================ */

.pcse-modeles{
  margin: 26px 0 34px !important;
  padding: 18px 18px 16px !important;

  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.06) !important;
}

/* On garde la rangée d’icônes : surtout ne pas la masquer ici */
.pcse-modeles .encyclo-h2-with-actions{
  margin: 0 0 14px !important;
}

/* Vos H3 "Modèle – ..." : rendu carte/outil */
.pcse-modeles h3.wp-block-heading{
  margin: 14px 0 10px !important;
  padding: 12px 14px !important;

  background: #f6f7f9 !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 14px !important;

  font-size: 1.12rem !important;
  line-height: 1.25 !important;
}

.pcse-modeles h3.wp-block-heading a{
  text-decoration: none !important;
}

.pcse-modeles h3.wp-block-heading a:hover{
  text-decoration: underline !important;
}

/* Petit label "Modèle" au début du H3 (sobre) */
.pcse-modeles h3.wp-block-heading::before{
  content: "Modèle";
  display: inline-block;
  margin-right: 10px;
  padding: 4px 10px;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;

  border-radius: 9999px;
  background: rgba(42,77,143,.10);
  color: var(--wp--preset--color--primary, #2a4d8f);
}

/* Corps des modèles : aérer un peu */
.pcse-modeles p{
  margin: 10px 0 !important;
}

/* Les deux encarts du bas (Gratuits / Premium) */
.pcse-modeles .wp-block-columns{
  margin-top: 14px !important;
  gap: 14px !important;
}

.pcse-modeles-free{
  padding: 14px !important;
  background: #f6f7f9 !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-radius: 14px !important;
  min-height: 74px;
}

.pcse-modeles-premium{
  padding: 14px !important;
  background: #fff6e9 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-left: 6px solid var(--accent, #FFAF63) !important;
  border-radius: 14px !important;
  min-height: 74px;
  position: relative;
}

/* Bandeau "Premium" (teaser) */
.pcse-modeles-premium::before{
  content: "Premium";
  position: absolute;
  top: 10px;
  right: 10px;

  padding: 3px 10px;
  border-radius: 9999px;

  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;

  background: rgba(0,0,0,.06);
  color: rgba(0,0,0,.70);
}

/* Responsive */
@media (max-width: 781px){
  .pcse-modeles{
    padding: 14px 14px 12px !important;
  }
}
/* ============================================================
   Numérotation automatique des titres DANS LE TEXTE
   LIMITÉE aux pages piliers : uniquement dans .pcse-pilier
   (alignée avec TOCer : uniquement sur .tocer-heading)
   ============================================================ */

/* Reset UNIQUEMENT dans le conteneur pilier */
body:not(.archive):not(.blog) main .wp-block-post-content .pcse-pilier{
  counter-reset: pcse-h2;
}

/* H2 */
body:not(.archive):not(.blog) main .wp-block-post-content .pcse-pilier h2.tocer-heading{
  counter-increment: pcse-h2;
  counter-reset: pcse-h3;
}

/* Cas standard : le texte du H2 est dans span.encyclo-h2-text */
body:not(.archive):not(.blog) main .wp-block-post-content .pcse-pilier
h2.tocer-heading.encyclo-h2-with-actions > .encyclo-h2-text::before{
  content: counter(pcse-h2) ". ";
  font-weight: 800;
  opacity: .55;
  margin-right: .35em;
}

/* Fallback si un H2 n’a pas été transformé par votre JS */
body:not(.archive):not(.blog) main .wp-block-post-content .pcse-pilier
h2.tocer-heading:not(.encyclo-h2-with-actions)::before{
  content: counter(pcse-h2) ". ";
  font-weight: 800;
  opacity: .55;
  margin-right: .35em;
}

/* H3 */
body:not(.archive):not(.blog) main .wp-block-post-content .pcse-pilier h3.tocer-heading{
  counter-increment: pcse-h3;
}

body:not(.archive):not(.blog) main .wp-block-post-content .pcse-pilier h3.tocer-heading::before{
  content: counter(pcse-h2) "." counter(pcse-h3) " ";
  font-weight: 800;
  opacity: .50;
  margin-right: .40em;
}

/* Séparateur "chapitre" (HR juste avant un H2) — moins haut */
body:not(.archive):not(.blog) main hr.wp-block-separator:has(+ h2.tocer-heading){
  width: 210px;
  height: 2px;            /* <-- moins haut (au lieu de 5/6) */
  border: 0;
  margin: 24px auto;
  border-radius: 9999px;
  position: relative;

  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(42,77,143,.18) 22%,
    rgba(42,77,143,.34) 50%,
    rgba(255,175,99,.38) 72%,
    transparent 100%
  );

  box-shadow:
    0 8px 18px rgba(0,0,0,.06),
    0 0 0 7px rgba(225, 71, 0, 0.10); /* halo un peu plus serré */
}

/* rond flou derrière (un peu moins haut aussi) */
body:not(.archive):not(.blog) main hr.wp-block-separator:has(+ h2.tocer-heading)::before{
  content:"";
  position: absolute;
  left: 55%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 28px;           /* <-- moins haut */
  border-radius: 9999px;
  background: rgba(225, 71, 0, 0.10);
  filter: blur(9px);
}

/* Pastille centrale : si vous la gardez, mini aussi */
body:not(.archive):not(.blog) main hr.wp-block-separator:has(+ h2.tocer-heading)::after{
  content:"";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;             /* <-- plus petit */
  height: 8px;
  border-radius: 9999px;
  background: rgba(255,175,99,.95);
  box-shadow: 0 0 0 5px rgba(225, 71, 0, 0.10);
}
/* ============================================================
   FIX numérotation H3 (pastille) — évite "9.\A2" et aligne le titre
   À coller en fin de fichier encyclopedie.css
   ============================================================ */

body:not(.archive):not(.blog) main .wp-block-post-content .pcse-pilier h3.tocer-heading{
  display: flex;
  align-items: flex-start;
  gap: 10px; /* espace entre pastille et titre */
}

/* Pastille numérotée : pas de retour à la ligne + largeur suffisante */
body:not(.archive):not(.blog) main .wp-block-post-content .pcse-pilier h3.tocer-heading::before{
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: auto !important;      /* neutralise un éventuel width fixe ailleurs */
  min-width: 2.6em;            /* évite le wrap sur 9.2 / 9.3 etc. */
  padding: .15em .45em;        /* conserve l'effet “pastille” (devient pilule si besoin) */
  line-height: 1;
}
/* PilotCSE — Séparateur aligné sur la colonne contenu */
/* =========================================================
   PilotCSE — Séparateurs alignés sur la colonne contenu
   (pages piliers encyclopédie uniquement)
========================================================= */

.wp-block-post-content .pcse-pilier .pcse-sep{
  width:100%;
  max-width:100%;
  margin:2.25rem 0;
  border:0;
  border-top:3px solid var(--pcse-border, #e5e7eb);
  opacity:1;
}
/* PilotCSE — Encadré “À retenir” +++ */
.wp-block-post-content .pcse-a-retenir.pcse-box{
  background:linear-gradient(135deg,
    rgba(0,115,170,.08),
    rgba(255,175,99,.12)
  );
  border:1px solid rgba(0,115,170,.25);
  border-left:10px solid var(--pcse-blue, #0073aa);
  border-radius:18px;
  padding:1.5rem 1.5rem 1.2rem;
  box-shadow:0 12px 35px rgba(17,24,39,.12);
}

.wp-block-post-content .pcse-a-retenir > h2{
  margin-top:0;
  margin-bottom:.9rem;
}

.wp-block-post-content .pcse-a-retenir li{
  margin:.55rem 0;
}

.wp-block-post-content .pcse-a-retenir strong{
  color:var(--pcse-blue, #0073aa);
}