/* ==========================================================================
   NeuroReflexivity, gabarits blog (home, category, single)
   Dérivé des maquettes de conception (05 DEVELOPPEMENT/conception), tokens de la charte v1.0.
   Toutes les classes sont préfixées nr- et portées par .nr-blog pour ne pas croiser le CSS d'Avada.
   ========================================================================== */

.nr-blog{
  --bleu:#113753;
  --bleu-section:#113353;
  --orange:#ff8f32;
  --orange-texte:#b85c00;
  --orange-pale:#ffe9d6;
  --gold:#ab8b65;

  --blanc:#ffffff;
  --g50:#f9f9fb;
  --g100:#f2f3f5;
  --g200:#e2e2e2;
  --g300:#cccccc;
  --g500:#9ea0a4;
  --g700:#4a4e57;
  --g900:#212934;

  --police-texte:'Rubik',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --police-accent:'Zilla Slab',Georgia,'Times New Roman',serif;
  --police-ui:'Open Sans','Rubik',Arial,sans-serif;

  --conteneur:1200px;
  --gouttiere:24px;
  --colonne-texte:720px;
  --entete:84px;            /* hauteur de l'en-tête Avada, recalculée en JS */

  --r-sm:6px;
  --r-md:10px;
  --r-lg:12px;
  --r-pill:50px;

  --ombre-carte:0 4px 16px rgba(17,55,83,.08);
  --ombre-lift:0 10px 28px rgba(17,55,83,.14);
  --transition:.3s ease;

  background:var(--blanc);
  color:var(--bleu);
  font-family:var(--police-texte);
  font-size:16px;
  line-height:1.8;
  -webkit-font-smoothing:antialiased;

  /* Avada place son conteneur .fusion-row en display:flex : sans ces règles, .nr-blog (élément flex)
     refuse de descendre sous la largeur minimale de son contenu et déborde de l'écran sur mobile. */
  flex:1 1 100%;
  width:100%;
  max-width:100%;
  min-width:0;
}
.nr-blog *,.nr-blog *::before,.nr-blog *::after{box-sizing:border-box}
.nr-blog img{max-width:100%;height:auto;display:block}
.nr-blog a{color:var(--bleu);text-decoration:none;transition:color var(--transition)}
.nr-blog a:hover,.nr-blog a:focus-visible{color:var(--orange-texte)}
.nr-blog :focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.nr-blog h1,.nr-blog h2,.nr-blog h3{font-family:var(--police-texte);letter-spacing:0;text-transform:none}
.nr-conteneur{max-width:var(--conteneur);margin-inline:auto;padding-inline:var(--gouttiere)}

/* --- Fil d'Ariane --------------------------------------------------------- */
.nr-ariane{font-size:14px;color:var(--g700);padding:18px 0 0}
.nr-ariane ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nr-ariane li+li::before{content:"›";margin-right:8px;color:var(--g500)}
.nr-ariane [aria-current]{color:var(--g500)}

/* --- Titres de section ---------------------------------------------------- */
.nr-titre-section{font-family:var(--police-accent);font-size:26px;font-weight:600;line-height:1.3;color:var(--bleu);margin:0 0 6px}
.nr-sous-titre-section{font-size:16px;color:var(--g700);margin:0 0 28px;max-width:60ch}
.nr-entete-bloc{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:baseline;justify-content:space-between;margin-bottom:26px}
.nr-entete-bloc .nr-titre-section,.nr-entete-bloc .nr-sous-titre-section{margin:0}
.nr-lien-tout{font-family:var(--police-ui);font-size:14.5px;font-weight:600;color:var(--orange-texte);white-space:nowrap}
.nr-lien-fleche{font-family:var(--police-ui);font-weight:600;font-size:15px;color:var(--orange-texte);display:inline-flex;align-items:center;gap:8px}
.nr-lien-fleche span{transition:transform var(--transition)}
.nr-bouton{
  display:inline-block;font-family:var(--police-ui);font-weight:600;font-size:16px;line-height:1.2;
  padding:17px 38px;border-radius:var(--r-pill);
  background:var(--orange);color:var(--bleu);border:1px solid var(--orange);
  white-space:nowrap;text-align:center;
  transition:background var(--transition),color var(--transition),border-color var(--transition);
}
.nr-bouton:hover,.nr-bouton:focus-visible{background:var(--blanc);color:var(--bleu);border-color:var(--blanc)}
.nr-meta{font-size:14px;color:var(--g500);display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}

/* ==========================================================================
   PAGE BLOG ET CATÉGORIES
   ========================================================================== */
.nr-intro-page{padding:40px 0 56px}
.nr-blog .nr-intro-page h1{font-size:clamp(34px,5vw,51px);font-weight:300;line-height:1.25;margin:0 0 20px;color:var(--bleu);text-wrap:balance}
.nr-intro-page .nr-chapo{font-size:19px;line-height:1.7;color:var(--g700);max-width:62ch;margin:0 0 14px}
.nr-intro-page .nr-chapo strong{color:var(--bleu);font-weight:500}

/* Les trois territoires */
.nr-territoires{padding-bottom:16px}
.nr-grille-territoires{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nr-carte-territoire{
  display:flex;flex-direction:column;gap:12px;
  background:var(--blanc);border:1px solid var(--g300);border-radius:var(--r-lg);
  padding:28px 26px 26px;
  transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition);
}
.nr-carte-territoire:hover,.nr-carte-territoire:focus-within,.nr-carte-territoire.est-active{box-shadow:var(--ombre-lift);transform:translateY(-3px);border-color:var(--orange)}
.nr-picto{width:68px;height:68px;border-radius:50%;background:var(--orange-pale);display:flex;align-items:center;justify-content:center;transition:background var(--transition)}
.nr-carte-territoire:hover .nr-picto,.nr-carte-territoire.est-active .nr-picto{background:var(--orange)}
.nr-picto svg{width:40px;height:40px;color:var(--bleu)}
.nr-blog .nr-carte-territoire h3{font-family:var(--police-accent);font-size:24px;font-weight:600;margin:4px 0 0;color:var(--bleu)}
.nr-carte-territoire p{font-size:15.5px;line-height:1.6;color:var(--g700);margin:0;flex:1}
.nr-compteur{font-family:var(--police-ui);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g500)}

.nr-rangee-secondaire{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.nr-carte-plate{
  display:flex;align-items:center;gap:18px;
  background:var(--g50);border:1px solid var(--g200);border-radius:var(--r-lg);padding:20px 24px;
  transition:border-color var(--transition),background var(--transition);
}
.nr-carte-plate:hover{border-color:var(--g300);background:var(--g100)}
.nr-carte-plate .nr-picto{width:52px;height:52px;flex:0 0 52px;background:var(--g100)}
.nr-carte-plate:hover .nr-picto{background:var(--orange-pale)}
.nr-carte-plate .nr-picto svg{width:30px;height:30px}
.nr-blog .nr-carte-plate h3{font-family:var(--police-accent);font-size:19px;font-weight:600;margin:0 0 2px}
.nr-carte-plate p{font-size:14.5px;line-height:1.5;color:var(--g700);margin:0}

/* Barre de filtres : des liens vers les catégories */
.nr-barre-filtres{position:sticky;top:var(--entete);z-index:30;background:var(--blanc);border-bottom:1px solid var(--g200);margin-top:56px}
.nr-barre-filtres .nr-conteneur{display:flex;gap:10px;overflow-x:auto;padding-block:14px;scrollbar-width:none}
.nr-barre-filtres .nr-conteneur::-webkit-scrollbar{display:none}
.nr-puce{
  flex:0 0 auto;font-family:var(--police-ui);font-size:14px;font-weight:600;
  padding:9px 20px;border-radius:var(--r-pill);border:1px solid var(--g300);background:var(--blanc);color:var(--bleu);
  white-space:nowrap;transition:background var(--transition),color var(--transition),border-color var(--transition);
}
.nr-puce:hover{border-color:var(--orange);color:var(--orange-texte)}
.nr-puce[aria-current]{background:var(--orange);border-color:var(--orange);color:var(--bleu)}

/* Article à la une */
.nr-une{padding:48px 0 0}
.nr-carte-une{display:grid;grid-template-columns:1.15fr 1fr;border:1px solid var(--g300);border-radius:var(--r-lg);overflow:hidden;background:var(--blanc);transition:box-shadow var(--transition)}
.nr-carte-une:hover{box-shadow:var(--ombre-lift)}
.nr-visuel-une{background:linear-gradient(150deg,#c9dcea 0%,#eef3f7 55%,#dfe6ec 100%);min-height:320px;position:relative}
.nr-visuel-une img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nr-corps-une{padding:36px 40px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.nr-etiquette-une{font-family:var(--police-ui);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-texte)}
.nr-blog .nr-carte-une h2{font-size:30px;font-weight:400;line-height:1.3;margin:0;color:var(--bleu);text-wrap:balance}
.nr-carte-une p{font-size:16.5px;line-height:1.65;color:var(--g700);margin:0}
.nr-carte-une:hover .nr-lien-fleche span{transform:translateX(4px)}

/* Grille d'articles et cartes */
.nr-articles{padding:40px 0 8px}
.nr-grille-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}
.nr-carte-article{
  display:flex;flex-direction:column;border:1px solid var(--g300);border-radius:var(--r-lg);overflow:hidden;background:var(--blanc);
  transition:box-shadow var(--transition),transform var(--transition);
}
.nr-carte-article:hover{box-shadow:var(--ombre-lift);transform:translateY(-3px)}
.nr-vignette{aspect-ratio:16/10;position:relative;background:linear-gradient(150deg,#d9e6ef 0%,#eef3f7 60%,#e3ebf1 100%)}
.nr-vignette img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.nr-badge-categorie{
  position:absolute;left:14px;top:14px;z-index:2;
  font-family:var(--police-ui);font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  background:var(--blanc);color:var(--bleu);padding:6px 12px;border-radius:var(--r-pill);box-shadow:0 1px 4px rgba(17,55,83,.12);
}
.nr-corps-carte{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.nr-blog .nr-corps-carte h3{font-size:20px;font-weight:500;line-height:1.35;margin:0;color:var(--bleu);text-wrap:balance}
.nr-corps-carte p{font-size:15px;line-height:1.6;color:var(--g700);margin:0;flex:1}
.nr-corps-carte .nr-meta{font-size:13.5px}

/* Pagination (balisage WordPress) */
.nr-blog .nr-pagination{padding:44px 0 8px}
.nr-blog .nr-pagination .nav-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.nr-blog .nr-pagination .page-numbers{
  font-family:var(--police-ui);font-size:14px;font-weight:600;
  min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--r-sm);border:1px solid var(--g300);color:var(--bleu);padding-inline:14px;
}
.nr-blog .nr-pagination a.page-numbers:hover{border-color:var(--orange);color:var(--orange-texte)}
.nr-blog .nr-pagination .page-numbers.current{background:var(--orange);border-color:var(--orange);color:var(--bleu)}
.nr-blog .nr-pagination .page-numbers.dots{border:0}

/* Bloc définitions */
.nr-definitions{background:var(--g50);border-top:1px solid var(--g200);border-bottom:1px solid var(--g200);margin-top:56px;padding:56px 0}
.nr-nuage-definitions{display:flex;flex-wrap:wrap;gap:12px}
.nr-jeton{font-size:15.5px;padding:10px 20px;border-radius:var(--r-pill);background:var(--blanc);border:1px solid var(--g200);color:var(--bleu);transition:border-color var(--transition),color var(--transition)}
.nr-jeton:hover{border-color:var(--orange);color:var(--orange-texte)}

/* Réseaux sociaux */
.nr-reseaux{padding:56px 0 64px}
.nr-grille-reseaux{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.nr-carte-reseau{display:flex;flex-direction:column;gap:14px;border:1px solid var(--g300);border-radius:var(--r-lg);padding:22px;background:var(--blanc);transition:box-shadow var(--transition),border-color var(--transition)}
.nr-carte-reseau:hover{box-shadow:var(--ombre-carte);border-color:var(--g500)}
.nr-entete-reseau{display:flex;align-items:center;gap:12px}
.nr-rond-reseau{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blanc)}
.nr-rond-reseau svg{width:21px;height:21px}
.nr-nom-reseau{font-size:15.5px;font-weight:500;line-height:1.25;color:var(--bleu)}
.nr-chiffre-reseau{font-family:var(--police-ui);font-size:12.5px;color:var(--g500)}
.nr-dernier-post{font-size:14.5px;line-height:1.55;color:var(--g700);margin:0;flex:1}
.nr-dernier-post b{display:block;font-family:var(--police-ui);font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--g500);margin-bottom:4px}
.nr-bouton-suivre{font-family:var(--police-ui);font-size:13.5px;font-weight:600;text-align:center;padding:10px 16px;border-radius:var(--r-pill);border:1px solid var(--orange);color:var(--orange-texte);background:var(--blanc);transition:background var(--transition),color var(--transition)}
.nr-carte-reseau:hover .nr-bouton-suivre{background:var(--orange);color:var(--bleu)}

/* Bandeau d'appel */
.nr-appel{background:linear-gradient(180deg,rgba(17,51,83,.94) 0%,#113353 100%);color:var(--blanc);padding:56px 0}
.nr-appel .nr-conteneur{display:flex;flex-wrap:wrap;gap:28px 48px;align-items:center;justify-content:space-between}
.nr-blog .nr-appel h2{font-size:clamp(26px,3.4vw,36px);font-weight:300;line-height:1.3;margin:0 0 10px;color:var(--blanc);max-width:22ch}
.nr-appel p{font-size:17px;line-height:1.65;color:#a9c6dc;margin:0;max-width:52ch}

/* Glossaire (archive de l'étiquette Définition) */
.nr-liste-glossaire{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.nr-liste-glossaire a{display:flex;flex-direction:column;gap:6px;height:100%;padding:22px 24px;border:1px solid var(--g300);border-radius:var(--r-lg);background:var(--blanc);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}
.nr-liste-glossaire a:hover{box-shadow:var(--ombre-lift);transform:translateY(-3px);border-color:var(--orange);color:var(--bleu)}
.nr-liste-glossaire .nr-terme{font-family:var(--police-accent);font-size:22px;font-weight:600;line-height:1.3;color:var(--bleu)}
.nr-liste-glossaire .nr-resume{font-size:15px;line-height:1.6;color:var(--g700);flex:1}
@media (max-width:800px){.nr-liste-glossaire{grid-template-columns:1fr}}

/* ==========================================================================
   PAGE ARTICLE
   ========================================================================== */
.nr-progression{position:fixed;left:0;top:0;height:3px;width:0;background:var(--orange);z-index:100000;transition:width .1s linear}

/* Le bloc d'en-tête s'aligne sur la largeur totale sommaire + texte (260 + 56 + 720) */
.nr-chapeau{max-width:calc(var(--colonne-texte) + 316px);padding:28px 0 0}
.nr-chapeau .nr-chapo{max-width:none}
.nr-etiquette-categorie{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--police-ui);font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--orange-texte);
  margin-bottom:16px;
}
.nr-etiquette-categorie svg{width:18px;height:18px;color:var(--bleu)}
.nr-blog .nr-chapeau h1{font-size:clamp(31px,4.4vw,46px);font-weight:300;line-height:1.25;margin:0 0 20px;text-wrap:balance;color:var(--bleu)}
.nr-chapeau .nr-chapo{font-size:20px;line-height:1.65;color:var(--g700);margin:0 0 26px}

.nr-signature{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;padding-bottom:26px;border-bottom:1px solid var(--g200)}
.nr-portrait{width:46px;height:46px;border-radius:50%;flex:0 0 46px;background:linear-gradient(150deg,#cfe0ee,#9fc0d8);object-fit:cover;display:block}
.nr-portrait-sm{width:38px;height:38px;flex:0 0 38px}
.nr-portrait-lg{width:74px;height:74px;flex:0 0 74px}
.nr-signature .nr-qui{font-size:15.5px;font-weight:500;line-height:1.35}
.nr-signature .nr-qui span{display:block;font-size:13.5px;font-weight:400;color:var(--g500)}
.nr-signature .nr-quand{font-size:14px;color:var(--g500);display:flex;flex-wrap:wrap;gap:6px 12px}
.nr-partage{display:flex;gap:8px;margin-left:auto}
.nr-partage a{width:38px;height:38px;border-radius:50%;border:1px solid var(--g300);display:flex;align-items:center;justify-content:center;color:var(--g700);transition:border-color var(--transition),color var(--transition)}
.nr-partage a:hover{border-color:var(--orange);color:var(--orange-texte)}
.nr-partage a.est-copie{border-color:var(--orange);background:var(--orange-pale)}
.nr-partage svg{width:17px;height:17px}

.nr-visuel-article{margin:28px 0 0}
.nr-visuel-article img{border-radius:var(--r-lg);width:100%;aspect-ratio:16/8;object-fit:cover}
.nr-legende{font-size:13.5px;color:var(--g500);margin:10px 0 0}

/* Deux colonnes : sommaire + corps */
.nr-colonnes{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start;padding:48px 0 0}
.nr-colonnes.sans-sommaire{grid-template-columns:minmax(0,1fr)}
.nr-colonnes.sans-sommaire .nr-corps{max-width:calc(var(--colonne-texte) + 316px)}
.nr-colonnes > *{min-width:0} /* un enfant de grille ne doit jamais imposer sa largeur minimale */

.nr-sommaire{position:sticky;top:calc(var(--entete) + 28px)}
.nr-sommaire .nr-titre{font-family:var(--police-ui);font-size:12px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--g500);margin:0 0 14px}
.nr-sommaire ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--g200)}
.nr-sommaire li{margin:0}
.nr-sommaire a{display:block;padding:8px 0 8px 18px;margin-left:-2px;border-left:2px solid transparent;font-size:14.5px;line-height:1.45;color:var(--g700);transition:color var(--transition),border-color var(--transition)}
.nr-sommaire a:hover{color:var(--orange-texte)}
.nr-sommaire a[aria-current="true"]{color:var(--bleu);font-weight:500;border-left-color:var(--orange)}
.nr-sommaire-mobile{display:none}

/* Corps : contenu Gutenberg */
.nr-corps{max-width:var(--colonne-texte);font-size:18px;line-height:1.85}
.nr-corps > *{max-width:68ch}
.nr-corps p{margin:0 0 24px;color:var(--bleu);font-size:inherit;line-height:inherit}
.nr-blog .nr-corps h2{font-size:32px;font-weight:400;line-height:1.3;color:var(--bleu);margin:52px 0 18px;scroll-margin-top:calc(var(--entete) + 36px);text-wrap:balance}
.nr-blog .nr-corps > h2:first-child{margin-top:0}
.nr-blog .nr-corps h3{font-family:var(--police-accent);font-size:24px;font-weight:500;line-height:1.35;color:var(--bleu);margin:36px 0 14px;scroll-margin-top:calc(var(--entete) + 36px)}
.nr-blog .nr-corps h4{font-size:19px;font-weight:500;margin:28px 0 10px}
.nr-corps ul,.nr-corps ol{margin:0 0 24px;padding-left:24px}
.nr-corps li{margin-bottom:10px}
.nr-corps li::marker{color:var(--orange)}
.nr-corps a{color:var(--orange-texte);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.nr-corps a:hover{text-decoration-thickness:2px}
.nr-corps strong{font-weight:500}
.nr-corps figure,.nr-corps .wp-block-image{margin:36px 0;max-width:100%}
.nr-corps figure img{border-radius:var(--r-md)}
.nr-corps figcaption{font-size:13.5px;color:var(--g500);margin-top:10px;line-height:1.5;text-align:left}
.nr-corps hr{border:0;border-top:1px solid var(--g200);margin:40px 0}
.nr-corps table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:16px}
.nr-corps th,.nr-corps td{border:1px solid var(--g200);padding:10px 14px;text-align:left;vertical-align:top}
.nr-corps th{background:var(--g50);font-weight:500}

/* Citation détachée : bloc Citation de Gutenberg */
.nr-corps blockquote,.nr-corps .wp-block-quote{margin:40px 0;padding:0 0 0 28px;border-left:3px solid var(--orange-pale);background:none;font-style:normal}
.nr-corps blockquote p{font-family:var(--police-accent);font-size:25px;font-weight:400;line-height:1.45;color:var(--bleu);margin:0 0 12px}
.nr-corps blockquote cite{font-family:var(--police-texte);font-size:14.5px;color:var(--g500);font-style:normal}

/* Encart définition : groupe Gutenberg portant la classe nr-encart-definition (bloc réutilisable) */
.nr-corps .nr-encart-definition{background:var(--g50);border:1px solid var(--g200);border-left:3px solid var(--orange);border-radius:0 var(--r-md) var(--r-md) 0;padding:22px 26px;margin:0 0 28px}
.nr-corps .nr-encart-definition .nr-etiquette,
.nr-corps .nr-encart-definition > p:first-child:has(+ p){font-family:var(--police-ui);font-size:11.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--orange-texte);margin:0 0 7px}
.nr-corps .nr-encart-definition p{font-size:16.5px;line-height:1.65;color:var(--g700);margin:0}
.nr-corps .nr-encart-definition p strong{color:var(--bleu)}

/* Étiquettes */
.nr-etiquettes{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:48px 0 0;padding-top:28px;border-top:1px solid var(--g200);max-width:68ch}
.nr-etiquettes .nr-intitule{font-family:var(--police-ui);font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--g500);margin-right:4px}
.nr-etiquette{font-size:14.5px;padding:7px 16px;border-radius:var(--r-pill);background:var(--g50);border:1px solid var(--g200);color:var(--g700)}
.nr-etiquette:hover{border-color:var(--orange);color:var(--orange-texte)}

/* Bloc de fin : l'étape */
.nr-bloc-etape{
  margin:48px 0 0;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(180deg,rgba(17,51,83,.94) 0%,#113353 100%);color:var(--blanc);
  display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:40px;
}
.nr-bloc-etape .nr-numero{font-family:var(--police-ui);font-size:12px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:10px}
.nr-blog .nr-bloc-etape h2{font-size:28px;font-weight:300;line-height:1.3;color:var(--blanc);margin:0 0 12px}
.nr-bloc-etape p{font-size:16.5px;line-height:1.65;color:#a9c6dc;margin:0 0 14px;max-width:56ch}
.nr-porte-par{display:flex;align-items:center;gap:12px;font-size:15px;color:#cfe0ee}

/* Bloc auteur */
.nr-bloc-auteur{margin:40px 0 0;border:1px solid var(--g300);border-radius:var(--r-lg);padding:28px 30px;display:flex;gap:22px;align-items:flex-start}
.nr-blog .nr-bloc-auteur h2{font-family:var(--police-accent);font-size:21px;font-weight:600;margin:0 0 2px;color:var(--bleu)}
.nr-bloc-auteur .nr-fonction{font-size:14.5px;color:var(--orange-texte);margin:0 0 10px;font-weight:500}
.nr-bloc-auteur p{font-size:15.5px;line-height:1.65;color:var(--g700);margin:0 0 10px}
.nr-bloc-auteur .nr-lien-fleche{font-size:14.5px}

/* Articles liés */
.nr-lies{background:var(--g50);border-top:1px solid var(--g200);margin-top:64px;padding:56px 0}
.nr-grille-lies{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.nr-grille-lies .nr-corps-carte{padding:20px 20px 22px;gap:9px}
.nr-blog .nr-grille-lies .nr-corps-carte h3{font-size:19px}
.nr-grille-lies .nr-corps-carte p{font-size:14.5px;line-height:1.55}

/* ==========================================================================
   RESPONSIVE, bascule du thème à 800 px
   ========================================================================== */
@media (max-width:1100px){
.nr-colonnes{grid-template-columns:220px minmax(0,1fr);gap:40px}
.nr-chapeau{max-width:calc(var(--colonne-texte) + 260px)}
}
@media (max-width:1024px){
.nr-grille-territoires{gap:14px}
.nr-carte-territoire{padding:22px 20px}
.nr-grille-articles{grid-template-columns:repeat(2,1fr)}
.nr-grille-reseaux{grid-template-columns:repeat(2,1fr)}
.nr-carte-une{grid-template-columns:1fr}
.nr-visuel-une{min-height:240px}
}
@media (max-width:900px){
.nr-colonnes,.nr-colonnes.sans-sommaire{grid-template-columns:minmax(0,1fr);gap:0;padding-top:32px}
.nr-chapeau{max-width:var(--colonne-texte)}
.nr-sommaire{display:none}
.nr-sommaire-mobile{display:block;margin:0 0 36px;max-width:68ch}
.nr-bloc-etape{grid-template-columns:1fr;gap:24px;padding:32px 26px}
.nr-bloc-etape .nr-bouton{width:100%;white-space:normal}
.nr-grille-lies{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:800px){
.nr-blog{--gouttiere:0} /* Avada met déjà 30 px de chaque côté (#main) */
.nr-intro-page{padding:28px 0 40px}
.nr-intro-page .nr-chapo{font-size:17px}

  /* La triade en bande défilante : visible d'un coup d'œil au lieu de trois écrans */
.nr-grille-territoires{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-30px;padding-inline:30px;padding-bottom:6px;scrollbar-width:none}
.nr-barre-filtres .nr-conteneur{margin-inline:-30px;padding-inline:30px}
/* Bandes de couleur pleine largeur sur mobile : fond jusqu'aux bords, texte en retrait */
.nr-appel,.nr-definitions,.nr-lies{margin-inline:-30px}
.nr-appel .nr-conteneur,.nr-definitions .nr-conteneur,.nr-lies .nr-conteneur{padding-inline:24px}
.nr-appel{padding:44px 0}
.nr-appel .nr-conteneur{gap:22px}
.nr-appel h2{font-size:27px;margin-bottom:8px}
.nr-appel p{font-size:16px}
.nr-appel .nr-bouton{padding:16px 24px}
.nr-grille-territoires::-webkit-scrollbar{display:none}
.nr-carte-territoire{flex:0 0 78%;scroll-snap-align:start}
.nr-rangee-secondaire{grid-template-columns:1fr}
.nr-grille-articles{grid-template-columns:1fr;gap:20px}
.nr-corps-une{padding:26px 24px}
.nr-blog .nr-carte-une h2{font-size:25px}

.nr-grille-reseaux{grid-template-columns:1fr}
.nr-carte-reseau{flex-direction:row;align-items:center;gap:16px;padding:16px 18px}
.nr-carte-reseau .nr-dernier-post{display:none}
.nr-entete-reseau{flex:1}
.nr-bouton-suivre{flex:0 0 auto}
.nr-appel .nr-conteneur{flex-direction:column;align-items:flex-start}
.nr-appel .nr-bouton{width:100%;white-space:normal}
  /* Barre de filtres : plus collante sur mobile, elle masquait les cartes en défilant */
.nr-barre-filtres{position:static;margin-top:40px}
.nr-definitions{padding:40px 0}
.nr-reseaux{padding:40px 0 48px}

.nr-chapeau{padding-top:20px}
.nr-chapeau .nr-chapo{font-size:18px}
.nr-corps{font-size:17px}
.nr-blog .nr-corps h2{font-size:26px;margin:40px 0 14px}
.nr-blog .nr-corps h3{font-size:21px}
.nr-corps blockquote p{font-size:21px}
.nr-partage{margin-left:0;width:100%}
.nr-signature{gap:12px}
.nr-bloc-auteur{flex-direction:column;gap:16px}
.nr-grille-lies{grid-template-columns:1fr}
.nr-lies{padding:40px 0}
}
@media (max-width:480px){
.nr-carte-territoire{flex:0 0 84%}
.nr-blog .nr-pagination .page-numbers{min-width:38px;height:38px;padding-inline:10px}
}

/* Sommaire mobile : bloc repliable, fermé par défaut */
.nr-sommaire-mobile details{border:1px solid var(--g200);border-radius:var(--r-md);background:var(--g50)}
.nr-sommaire-mobile summary{list-style:none;cursor:pointer;padding:15px 20px;font-family:var(--police-ui);font-size:14px;font-weight:600;color:var(--bleu);display:flex;align-items:center;justify-content:space-between;gap:12px}
.nr-sommaire-mobile summary::-webkit-details-marker{display:none}
.nr-sommaire-mobile summary::after{content:"+";font-size:19px;color:var(--orange-texte);font-weight:400}
.nr-sommaire-mobile details[open] summary::after{content:"-"}
.nr-sommaire-mobile ol{list-style:none;margin:0;padding:0 20px 16px}
.nr-sommaire-mobile a{display:block;padding:8px 0;font-size:15px;color:var(--g700);border-top:1px solid var(--g200)}

@media (prefers-reduced-motion:reduce){
.nr-blog *{transition-duration:.01ms !important}
}