/* ═══════════════════════════════════════════════════════
   BISHOP · bishop-2026.css · refonte du 29/09/2026
   Dominante ivoire et crème, vert profond pour les ruptures,
   noir en troisième fond. Montserrat. Corps 18 px, interligne 1,7,
   colonne de texte autour de 65 caractères. Angles vifs, zéro ombre.
   Aucun gris en couleur de texte. Sur fond sombre : texte crème,
   accent ivoire. Sur fond clair : texte noir, accent vert.
   Jamais deux bandes de fond identique consécutives.

   Deux portées :
   1. body.v26 : pages refondues (menu, articles, blog). Tout le système.
   2. Toutes les pages : en-tête, pied de page, et la couche de
      correction des gabarits hérités (section 9 en bas de fichier).
═══════════════════════════════════════════════════════ */

:root {
  --noir: #0a0a0a;
  --vert: #006C5A;
  --vert-profond: #002E28;
  --creme: #F7F4EF;
  --ivoire: #F4EDDF;
  --encre: #0a0a0a;
  --filet: #d9d0bd;          /* filet sur fond clair */
  --filet-sombre: #1f4a42;   /* filet sur fond vert profond */
  --font: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --colonne: 65ch;
  --large: 1120px;
  --gouttiere: clamp(20px, 5vw, 48px);
  --respire: clamp(64px, 9vw, 120px);
}

/* ── 1. SOCLE (pages refondues) ─────────────────────── */
body.v26 {
  background: var(--ivoire);
  color: var(--encre);
  font-family: var(--font);
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
}
body.v26 * { border-radius: 0 !important; box-shadow: none !important; }
body.v26 a { color: inherit; }
body.v26 p a, body.v26 li a, body.v26 dd a { color: var(--vert); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
body.v26 p a:hover, body.v26 li a:hover { text-decoration-thickness: 2px; }
body.v26 :focus-visible { outline: 2px solid var(--vert); outline-offset: 3px; }
body.v26 main { display: block; padding-top: 104px; }

.v26 .band { padding: var(--respire) var(--gouttiere); }
.v26 .band > .in { max-width: var(--large); margin: 0 auto; min-width: 0; }
.v26 .b-ivoire { background: var(--ivoire); color: var(--encre); }
.v26 .b-creme  { background: var(--creme);  color: var(--encre); }
.v26 .b-vert   { background: var(--vert-profond); color: var(--creme); }
.v26 .b-noir   { background: var(--noir); color: var(--creme); }
.v26 .b-vert p a, .v26 .b-noir p a, .v26 .b-vert li a, .v26 .b-noir li a { color: var(--ivoire); }
.v26 .b-vert :focus-visible, .v26 .b-noir :focus-visible { outline-color: var(--ivoire); }

.v26 .eyebrow { font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vert); margin: 0 0 20px; }
.v26 .b-vert .eyebrow, .v26 .b-noir .eyebrow { color: var(--ivoire); }
.v26 h1, .v26 .h1 { font-weight: 800; font-size: clamp(34px, 5.6vw, 60px); line-height: 1.06; letter-spacing: -.028em; margin: 0 0 26px; text-wrap: balance; max-width: 18ch; overflow-wrap: break-word; }
.v26 h2, .v26 .h2 { font-weight: 700; font-size: clamp(27px, 3.8vw, 40px); line-height: 1.15; letter-spacing: -.02em; margin: 0 0 24px; text-wrap: balance; max-width: 24ch; }
.v26 h3 { font-weight: 700; font-size: 21px; line-height: 1.3; margin: 0 0 10px; }
.v26 h1 em, .v26 h2 em { font-style: normal; color: var(--vert); }
.v26 .b-vert h1 em, .v26 .b-vert h2 em, .v26 .b-noir h1 em, .v26 .b-noir h2 em { color: var(--ivoire); }
.v26 .chapo { font-size: clamp(20px, 2.3vw, 23px); line-height: 1.55; max-width: 44ch; margin: 0 0 22px; }
.v26 p { max-width: var(--colonne); margin: 0 0 18px; }
.v26 .texte > p:last-child { margin-bottom: 0; }

/* Boutons : libellé court, sans flèche, sans sous-texte */
.v26 .btn, .bishop-nav .btn {
  display: inline-block; font-family: var(--font); font-weight: 700; font-size: 17px; line-height: 1.3;
  padding: 18px 30px; border: 1px solid var(--vert-profond); background: var(--vert-profond); color: var(--ivoire);
  text-decoration: none !important; text-align: center; cursor: pointer; transition: background .15s, color .15s;
}
.v26 .btn:hover { background: var(--vert); border-color: var(--vert); color: var(--ivoire); }
.v26 .b-vert .btn, .v26 .b-noir .btn { background: var(--ivoire); border-color: var(--ivoire); color: var(--vert-profond); }
.v26 .b-vert .btn:hover, .v26 .b-noir .btn:hover { background: var(--creme); border-color: var(--creme); }
.v26 .btn-second { background: transparent; color: var(--vert-profond); }
.v26 .btn-second:hover { background: var(--vert-profond); color: var(--ivoire); }
.v26 .actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }

/* ── 2. HÉROS ───────────────────────────────────────── */
.v26 .hero26 { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; }
.v26 .hero26 > * { min-width: 0; }
@media (min-width: 900px) { .v26 .hero26 { grid-template-columns: 1.1fr .9fr; gap: 64px; } }
.v26 .photo { display: block; width: 100%; max-width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border: 1px solid var(--filet); }
.v26 .photo.large { aspect-ratio: 3 / 2; }
.v26 .legende { font-size: 14px; letter-spacing: .04em; margin-top: 10px; }

/* ── 3. EN RÉSUMÉ ───────────────────────────────────── */
.v26 .resume26 { border-top: 2px solid var(--vert-profond); border-bottom: 1px solid var(--filet); padding: 26px 0 8px; max-width: 760px; }
.v26 .resume26 .titre { font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vert); margin-bottom: 12px; }
.v26 .resume26 .intro { font-weight: 600; margin-bottom: 12px; }
.v26 .resume26 ul { list-style: none; margin: 0; padding: 0; }
.v26 .resume26 li { position: relative; padding: 0 0 12px 22px; max-width: var(--colonne); }
.v26 .resume26 li::before { content: ""; position: absolute; left: 0; top: .72em; width: 9px; height: 2px; background: var(--vert); }

/* ── 4. POINTS (problème, solution) ─────────────────── */
.v26 .points { list-style: none; margin: 34px 0 0; padding: 0; display: grid; gap: 0; }
.v26 .points li { display: grid; grid-template-columns: 1fr; gap: 6px; padding: 24px 0; border-top: 1px solid var(--filet); }
.v26 .points li:last-child { border-bottom: 1px solid var(--filet); }
.v26 .b-vert .points li, .v26 .b-noir .points li { border-color: var(--filet-sombre); }
.v26 .points .t { font-weight: 700; font-size: 20px; }
.v26 .b-vert .points .t { color: var(--ivoire); }
.v26 .points .d { max-width: var(--colonne); }
.v26 .points.numerotes li { grid-template-columns: 56px 1fr; gap: 20px; align-items: baseline; }
.v26 .points.numerotes .n { font-weight: 700; font-size: 15px; letter-spacing: .1em; font-variant-numeric: tabular-nums; color: var(--vert); }
.v26 .b-vert .points.numerotes .n { color: var(--ivoire); }
@media (max-width: 560px) { .v26 .points.numerotes li { grid-template-columns: 1fr; gap: 4px; } }

.v26 .duo { display: grid; grid-template-columns: 1fr; gap: 40px; align-items: center; margin-top: 44px; }
.v26 .duo > * { min-width: 0; }
@media (min-width: 860px) { .v26 .duo { grid-template-columns: 1fr 1fr; gap: 56px; } .v26 .duo.inverse > :first-child { order: 2; } }

/* ── 5. RÉASSURANCE ─────────────────────────────────── */
.v26 .chiffres { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--filet); border: 1px solid var(--filet); margin-top: 36px; }
@media (min-width: 820px) { .v26 .chiffres { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.v26 .chiffres > div { background: var(--creme); padding: 24px 20px; min-width: 0; }
.v26 .b-creme .chiffres > div { background: var(--ivoire); }
.v26 .chiffres .n { font-weight: 800; font-size: clamp(26px, 3.4vw, 38px); line-height: 1.05; letter-spacing: -.02em; color: var(--vert); font-variant-numeric: tabular-nums; }
.v26 .chiffres .l { font-size: 16px; margin-top: 8px; line-height: 1.4; }
.v26 .b-vert .chiffres { background: var(--filet-sombre); border-color: var(--filet-sombre); }
.v26 .b-vert .chiffres > div { background: var(--vert-profond); }
.v26 .b-vert .chiffres .n { color: var(--ivoire); }
.v26 .cas { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--filet-sombre); border: 1px solid var(--filet-sombre); margin-top: 34px; }
@media (min-width: 640px) { .v26 .cas { grid-template-columns: 1fr 1fr; } }
.v26 .cas > div { background: var(--vert-profond); padding: 26px 24px; min-width: 0; }
.v26 .cas h3 { color: var(--ivoire); font-size: 24px; }
.v26 .cas dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 6px 16px; }
.v26 .cas dt { font-weight: 600; }
.v26 .cas dd { margin: 0; font-variant-numeric: tabular-nums; }
.v26 .citation { margin: 36px 0 0; padding-left: 22px; border-left: 3px solid var(--vert); font-size: clamp(20px, 2.6vw, 26px); font-weight: 600; line-height: 1.4; max-width: 30ch; }
.v26 .b-vert .citation, .v26 .b-noir .citation { border-color: var(--ivoire); color: var(--ivoire); }
.v26 .medias { display: flex; flex-wrap: wrap; gap: 10px 30px; list-style: none; margin: 0; padding: 0; }
.v26 .medias a { font-weight: 700; font-size: 18px; text-decoration: none; color: var(--encre); }
.v26 .medias a:hover { color: var(--vert); }
.v26 .bascule { font-size: clamp(27px, 4.2vw, 42px); font-weight: 700; line-height: 1.2; letter-spacing: -.022em; max-width: 22ch; margin: 0; }
.v26 .bascule em { font-style: normal; color: var(--ivoire); }

/* ── 6. CTA ─────────────────────────────────────────── */
.v26 .cta26 h2 { max-width: 22ch; }
.v26 .cta26 .chapo { max-width: 48ch; }

/* ── 7. LIENS THÉMATIQUES ET FAQ (sous le CTA) ──────── */
.v26 .liens26 { display: grid; grid-template-columns: 1fr; gap: 40px 56px; margin-top: 36px; }
@media (min-width: 860px) { .v26 .liens26 { grid-template-columns: 1fr 1fr; } }
.v26 .liens26 > div { min-width: 0; }
.v26 .liens26 h3 { font-size: 19px; padding-bottom: 10px; border-bottom: 2px solid var(--vert-profond); margin-bottom: 14px; }
.v26 .liens26 ul { list-style: none; margin: 0; padding: 0; }
.v26 .liens26 li { padding: 10px 0; border-bottom: 1px solid var(--filet); }
.v26 .liens26 li p { margin: 0; font-size: 17px; }
.v26 .faq26 { max-width: 820px; margin-top: 30px; border-top: 1px solid var(--filet); }
.v26 .faq26 details { border-bottom: 1px solid var(--filet); }
.v26 .faq26 summary { cursor: pointer; list-style: none; padding: 22px 40px 22px 0; font-weight: 700; font-size: 19px; position: relative; }
.v26 .faq26 summary::-webkit-details-marker { display: none; }
.v26 .faq26 summary::after { content: "+"; position: absolute; right: 4px; top: 18px; font-size: 26px; font-weight: 400; color: var(--vert); }
.v26 .faq26 details[open] summary::after { content: "\2212"; }
.v26 .faq26 details > div { padding: 0 0 22px; }
.v26 .faq26 details > div p { margin: 0; }

/* ── 8. ARTICLE ─────────────────────────────────────── */
.v26 .fil { font-size: 15px; margin: 0 0 26px; }
.v26 .fil ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 10px; }
.v26 .fil li { display: inline; }
.v26 .fil li + li::before { content: "\203A"; margin-right: 10px; color: var(--vert); }
.v26 .fil a { color: var(--encre); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.v26 .fil [aria-current] { font-weight: 600; }
.v26 .b-vert .fil a, .v26 .b-vert .fil { color: var(--creme); }
.v26 .b-vert .fil li + li::before { color: var(--ivoire); }

.v26 .art-tete { padding: calc(var(--respire) * .7) var(--gouttiere) 48px; background: var(--creme); }
.v26 .art-tete .in { max-width: 820px; margin: 0 auto; }
.v26 .art-tete h1 { max-width: 22ch; font-size: clamp(32px, 4.8vw, 52px); }
.v26 .art-meta { font-size: 15px; display: flex; flex-wrap: wrap; gap: 4px 12px; }
.v26 .art-corps { background: var(--ivoire); padding: 56px var(--gouttiere) var(--respire); }
.v26 .art-grille { max-width: var(--large); margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 56px; }
.v26 .art-grille > * { min-width: 0; }
@media (min-width: 1040px) { .v26 .art-grille { grid-template-columns: minmax(0, 720px) 300px; justify-content: space-between; } }
.v26 .article-content { font-size: 19px; line-height: 1.7; }
.v26 .article-content > * { max-width: var(--colonne); }
.v26 .article-content h2 { font-size: clamp(25px, 3vw, 32px); margin: 56px 0 18px; max-width: 28ch; }
.v26 .article-content h3 { font-size: 22px; margin: 36px 0 12px; }
.v26 .article-content ul, .v26 .article-content ol { margin: 0 0 22px; padding-left: 24px; }
.v26 .article-content ul { list-style: square; }
.v26 .article-content ol { list-style: decimal; }
.v26 .article-content li { margin-bottom: 8px; }
.v26 .article-content li::marker { color: var(--vert); }
.v26 .article-content strong { font-weight: 700; }
.v26 .article-content img { max-width: 100%; height: auto; border: 1px solid var(--filet); }
.v26 .article-content table { border-collapse: collapse; width: 100%; font-size: 16px; display: block; overflow-x: auto; }
.v26 .article-content th, .v26 .article-content td { border: 1px solid var(--filet); padding: 10px 12px; text-align: left; }
.v26 .article-content .article-resume { border-top: 2px solid var(--vert-profond); border-bottom: 1px solid var(--filet); padding: 22px 0 6px; margin: 0 0 44px; background: none; }
.v26 .article-content .article-resume-title { font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vert); margin-bottom: 12px; }
.v26 .article-content .article-resume ul { list-style: none; padding: 0; }
.v26 .article-content .article-resume li { position: relative; padding-left: 22px; }
.v26 .article-content .article-resume li::before { content: ""; position: absolute; left: 0; top: .72em; width: 9px; height: 2px; background: var(--vert); }
.v26 .article-content .article-resume-intro { font-weight: 600; }
.v26 .article-content .article-quote-break { margin: 44px 0; padding: 30px 28px; background: var(--vert-profond); color: var(--creme); font-size: 22px; font-weight: 600; line-height: 1.45; max-width: none; }
.v26 .article-content .article-quote-break .quote-author { display: block; margin-top: 12px; font-size: 14px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--ivoire); }
.v26 .article-content .article-quote-break a { color: var(--ivoire); }
.v26 .article-content .article-theorie { margin: 40px 0; padding: 28px 26px; background: var(--creme); border-left: 3px solid var(--vert); max-width: none; }
.v26 .article-content .article-theorie-title { font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vert); margin-bottom: 10px; }
.v26 .art-encart { position: sticky; top: 130px; background: var(--vert-profond); color: var(--creme); padding: 28px 24px; }
.v26 .art-encart .eyebrow { color: var(--ivoire); margin-bottom: 12px; }
.v26 .art-encart h2 { font-size: 23px; max-width: none; margin-bottom: 12px; color: var(--ivoire); }
.v26 .art-encart p { font-size: 17px; }
.v26 .art-encart .btn { background: var(--ivoire); border-color: var(--ivoire); color: var(--vert-profond); display: block; margin-top: 8px; }
.v26 .art-encart .btn:hover { background: var(--creme); }
@media (max-width: 1039px) { .v26 .art-encart { position: static; } }
.v26 .lire26 { background: var(--creme); }
.v26 .lire26 .grille { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--filet); border: 1px solid var(--filet); margin-top: 30px; }
@media (min-width: 820px) { .v26 .lire26 .grille { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.v26 .carte { background: var(--ivoire); padding: 26px 24px; display: flex; flex-direction: column; gap: 10px; text-decoration: none; min-width: 0; }
.v26 .carte:hover { background: #efe5d3; }
.v26 .carte .k { font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--vert); }
.v26 .carte .t { font-weight: 700; font-size: 20px; line-height: 1.3; }
.v26 .carte .x { font-size: 16px; line-height: 1.55; }

/* Blog */
.v26 .blog-grille { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--filet); border: 1px solid var(--filet); margin-top: 30px; }
@media (min-width: 720px) { .v26 .blog-grille { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .v26 .blog-grille { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.v26 .b-creme .carte { background: var(--creme); }
.v26 .b-creme .carte:hover { background: #efe8dc; }
.v26 .filtres { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; list-style: none; padding: 0; }
.v26 .filtres a { display: inline-block; padding: 9px 14px; border: 1px solid var(--vert-profond); font-size: 15px; font-weight: 600; text-decoration: none; color: var(--vert-profond); }
.v26 .filtres a:hover, .v26 .filtres a[aria-current] { background: var(--vert-profond); color: var(--ivoire); }
.v26 .pagination26 { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 36px; }
.v26 .pagination26 .page-numbers { padding: 10px 14px; border: 1px solid var(--vert-profond); text-decoration: none; font-weight: 600; }
.v26 .pagination26 .current { background: var(--vert-profond); color: var(--ivoire); }

/* ═══ EN-TÊTE ET PIED DE PAGE (toutes pages) ═══════════ */
.mc-fixed { background: var(--vert-profond) !important; border-bottom: 1px solid var(--filet-sombre) !important; }
.mc-fixed .mc-label, .mc-fixed .mc-text, .mc-fixed .mc-text em { color: var(--creme) !important; }
.mc-fixed .mc-label { color: var(--ivoire) !important; }
.mc-fixed .btn-mc { border: 1px solid var(--ivoire) !important; color: var(--ivoire) !important; border-radius: 0 !important; }
.mc-fixed .mc-dot { background: var(--ivoire) !important; border-radius: 0 !important; animation: none !important; }
.bishop-nav { background: var(--ivoire) !important; border-bottom: 1px solid var(--filet) !important; backdrop-filter: none !important; }
.bishop-nav .nav-links a { color: var(--encre) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: .08em !important; }
.bishop-nav .nav-links a:hover, .bishop-nav .nav-links a[aria-current] { color: var(--vert) !important; }
.bishop-nav .nav-links a[aria-current] { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.bishop-nav .nav-cta { background: var(--vert-profond) !important; color: var(--ivoire) !important; border-radius: 0 !important; font-size: 13px !important; }
.bishop-nav .nav-cta:hover { background: var(--vert) !important; }
.bishop-nav .nav-toggle span { background: var(--encre) !important; }
.bishop-nav .logo-img { height: 34px; width: auto; }
.mobile-menu { background: var(--ivoire) !important; }
.mobile-menu a { color: var(--encre) !important; }
.mobile-menu .mobile-cta { background: var(--vert-profond) !important; color: var(--ivoire) !important; border-radius: 0 !important; }

.bishop-footer { background: var(--vert-profond) !important; color: var(--creme) !important; border-top: 0 !important; }
.bishop-footer a, .bishop-footer .footer-tagline, .bishop-footer .footer-legal, .bishop-footer .footer-legal span, .bishop-footer .rgpd { color: var(--creme) !important; }
.bishop-footer .footer-col-title { color: var(--ivoire) !important; }
.bishop-footer a:hover { color: var(--ivoire) !important; text-decoration: underline; }
.bishop-footer .rgpd-dot { background: var(--ivoire) !important; border-radius: 0 !important; }
.bishop-footer .footer-bottom { border-top: 1px solid var(--filet-sombre) !important; }

/* Navigation : burger sous 1180 px pour garder une seule ligne */
.bishop-nav { gap: 24px; }
.bishop-nav .nav-links { flex-wrap: nowrap; white-space: nowrap; }
@media (max-width: 1180px) {
  .bishop-nav .nav-links, .bishop-nav .nav-cta { display: none !important; }
  .bishop-nav .nav-toggle { display: flex !important; }
}
.mobile-menu ul { list-style: none; }
.mobile-menu a { font-weight: 600; }

.v26 .article-content h2 { border-left: 0 !important; padding-left: 0 !important; }

.v26 .points .t, .v26 .points .d { display: block; }

/* Blocs au nouveau style posés dans un gabarit hérité */
.enveloppe26 { font-family: var(--font); font-size: 18px; line-height: 1.7; color: var(--encre); }
.enveloppe26:empty { display: none; }

/* Blocs de pilier produits par la passe de maillage (div.pilier-maillage > h3 + p) */
.v26 .liens26:has(.pilier-maillage) { display: block; }
.v26 .pilier-maillage { columns: 2 420px; column-gap: 56px; }
.v26 .pilier-maillage h3 { break-after: avoid; font-size: 19px; padding-bottom: 10px; border-bottom: 2px solid var(--vert-profond); margin: 34px 0 6px; }
.v26 .pilier-maillage h3:first-child { margin-top: 0; }
.v26 .pilier-maillage p { break-inside: avoid; margin: 0; padding: 12px 0; border-bottom: 1px solid var(--filet); font-size: 17px; max-width: none; }

/* L'ancien main.css colore certains blocs d'article pour un fond noir : encre partout dans le corps */
.v26 .article-content, .v26 .article-content p, .v26 .article-content li, .v26 .article-content h2, .v26 .article-content h3,
.v26 .article-content .article-resume, .v26 .article-content .article-resume li, .v26 .article-content .article-resume-intro,
.v26 .article-content .article-theorie, .v26 .article-content .article-theorie p, .v26 .article-content td, .v26 .article-content th { color: var(--encre); }
.v26 .article-content .article-quote-break, .v26 .article-content .article-quote-break p { color: var(--creme); }
.v26 .article-content a { color: var(--vert); }
.v26 .article-content .article-quote-break a { color: var(--ivoire); }
.v26 .article-content .article-resume li { font-size: 17px; font-weight: 400; line-height: 1.6; }
.v26 .article-content .article-resume li::before { content: "" !important; }
.v26 .article-content p, .v26 .article-content li { font-weight: 400; }

/* ═══ Retours de Romain, 29/09 ═══════════════════════════ */
/* Puces : petit carré vert plutôt qu'un trait qui se lit comme un tiret */
.v26 .resume26 li::before,
.v26 .article-content .article-resume li::before { content: "" !important; width: 7px !important; height: 7px !important; top: .62em !important; background: var(--vert) !important; }
.v26 .resume26 li { padding-left: 24px; }

/* Bouton secondaire sur fond sombre : contour ivoire, texte ivoire */
.v26 .b-vert .btn-second, .v26 .b-noir .btn-second { background: transparent; color: var(--ivoire); border-color: var(--ivoire); }
.v26 .b-vert .btn-second:hover, .v26 .b-noir .btn-second:hover { background: var(--ivoire); color: var(--vert-profond); }

/* Plus de bandeau webinaire en haut : la navigation remonte */
.bishop-nav { top: 0 !important; }
body.v26 main { padding-top: 64px; }
.mobile-menu { top: 64px !important; }
.bishop-nav .nav-links a.nav-mep { color: var(--vert) !important; font-weight: 700 !important; }

/* Pied de page : lecture confortable */
.bishop-footer .footer-col a { font-size: 16px !important; font-weight: 500 !important; line-height: 1.5; text-decoration: none; }
.bishop-footer .footer-col a:hover { text-decoration: underline; text-underline-offset: 4px; }
.bishop-footer .footer-col-title { font-size: 13px !important; font-weight: 700 !important; letter-spacing: .14em !important; }
.bishop-footer .footer-tagline, .bishop-footer .footer-legal, .bishop-footer .rgpd { font-size: 15px !important; font-weight: 400 !important; }

/* Échiquier (« Pourquoi BISHOP existe ») dans le système ivoire */
.v26 .echiquier { gap: 40px; }
.v26 .echec-label { font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vert); margin-bottom: 10px; }
.v26 .echec-titre { font-size: 22px; font-weight: 700; line-height: 1.3; margin-bottom: 14px; color: var(--encre); }
.v26 .echec-texte { font-size: 17px; line-height: 1.7; color: var(--encre); font-weight: 400; margin-bottom: 12px; }
.v26 .echec-etape { border-top: 2px solid var(--filet); padding-top: 18px; }
.v26 .echec-etape-final { border-top-color: var(--vert); }
.v26 .echec-etape-final .echec-titre { color: var(--vert); }

/* Galerie des réalisations */
.v26 .galerie { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin-top: 36px; }
.v26 .galerie figure { margin: 0; min-width: 0; }
.v26 .galerie img { width: 100%; height: 100%; object-fit: cover; display: block; border: 1px solid var(--filet); }
.v26 .galerie figcaption { font-size: 15px; margin-top: 8px; line-height: 1.4; }
.v26 .galerie .g1 { grid-column: span 4; grid-row: span 2; }
.v26 .galerie .g1 .cadre { aspect-ratio: 4 / 3; }
.v26 .galerie .g2, .v26 .galerie .g3 { grid-column: span 2; }
.v26 .galerie .g2 .cadre, .v26 .galerie .g3 .cadre { aspect-ratio: 4 / 3; }
.v26 .galerie .g4 { grid-column: span 3; }
.v26 .galerie .g4 .cadre { aspect-ratio: 16 / 9; }
.v26 .galerie .g5, .v26 .galerie .g6, .v26 .galerie .g7 { grid-column: span 2; }
.v26 .galerie .g5 .cadre, .v26 .galerie .g6 .cadre, .v26 .galerie .g7 .cadre { aspect-ratio: 4 / 3; }
.v26 .galerie .g8 { grid-column: span 3; }
.v26 .galerie .g8 .cadre { aspect-ratio: 16 / 9; }
.v26 .galerie .cadre { overflow: hidden; }
@media (max-width: 760px) {
  .v26 .galerie { grid-template-columns: 1fr 1fr; }
  .v26 .galerie figure { grid-column: span 1 !important; grid-row: auto !important; }
  .v26 .galerie .g1, .v26 .galerie .g4, .v26 .galerie .g8 { grid-column: span 2 !important; }
}

/* Webinaire (remplace le bandeau du haut) */
.v26 .webi { display: grid; grid-template-columns: 1fr; gap: 28px; align-items: center; }
@media (min-width: 900px) { .v26 .webi { grid-template-columns: 1.3fr .7fr; gap: 56px; } }
.v26 .webi > * { min-width: 0; }
.v26 .webi-date { border: 1px solid var(--filet-sombre); padding: 26px 24px; }
.v26 .webi-date .k { font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--ivoire); }
.v26 .webi-date .d { font-size: clamp(24px, 3vw, 32px); font-weight: 800; color: var(--ivoire); margin: 10px 0 18px; line-height: 1.2; }
.v26 .webi-date .btn { display: block; }

/* Formulaires (Présenter mon projet, Bishop Réseau) sur fond clair */
.v26 .form26 .bishop-form { max-width: 760px; margin-top: 28px; }
.v26 .form26 .form-section-title { font-size: 13px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--vert); margin: 30px 0 14px; }
.v26 .form26 .form-row { display: grid; grid-template-columns: 1fr; gap: 0 20px; }
@media (min-width: 640px) { .v26 .form26 .form-row { grid-template-columns: 1fr 1fr; } }
.v26 .form26 .form-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 18px; min-width: 0; }
.v26 .form26 label { font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--encre); }
.v26 .form26 input[type=text], .v26 .form26 input[type=email], .v26 .form26 input[type=tel], .v26 .form26 select, .v26 .form26 textarea {
  width: 100%; font-family: var(--font); font-size: 17px; color: var(--encre); background: #fff; border: 1px solid var(--filet); border-radius: 0; padding: 14px 14px; -webkit-appearance: none; appearance: none; }
.v26 .form26 select { background-image: linear-gradient(45deg, transparent 50%, var(--vert-profond) 50%), linear-gradient(135deg, var(--vert-profond) 50%, transparent 50%); background-position: calc(100% - 20px) 50%, calc(100% - 14px) 50%; background-size: 6px 6px; background-repeat: no-repeat; padding-right: 40px; }
.v26 .form26 input:focus-visible, .v26 .form26 select:focus-visible, .v26 .form26 textarea:focus-visible { outline: 2px solid var(--vert); outline-offset: 1px; }
.v26 .form26 input[type=file] { font-family: var(--font); font-size: 15px; color: var(--encre); }
.v26 .form26 .hint, .v26 .form26 .form-facultatif { font-size: 14px; color: var(--encre); font-weight: 400; }
.v26 .form26 .form-checkbox { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; font-weight: 400; margin: 8px 0 22px; color: var(--encre); }
.v26 .form26 .form-checkbox input { margin-top: 4px; width: 18px; height: 18px; flex: 0 0 auto; accent-color: var(--vert-profond); }
.v26 .form26 .form-checkbox a { color: var(--vert); }
.v26 .form26 .btn { width: 100%; }
.v26 .form26 .form-error { border: 1px solid #8a2b1d; color: #8a2b1d; background: #fff; padding: 12px 14px; margin-bottom: 16px; font-size: 16px; }
.v26 .form26 .form-success { border-top: 2px solid var(--vert-profond); padding: 24px 0; max-width: 760px; }
.v26 .form26 .form-success-icon { font-size: 28px; color: var(--vert); }
.v26 .form26 .form-success-title { font-size: 24px; margin: 8px 0; color: var(--encre); }
.v26 .form26 .form-success-text { color: var(--encre); }

/* Accueil : bloc « Le terrain », médias centrés dans le bloc */
.v26 .terrain h2, .v26 .terrain .chapo { margin-left: auto; margin-right: auto; text-align: center; }
.v26 .terrain > .in > .eyebrow { text-align: center; }
.v26 .presse26 { margin-top: 48px; padding-top: 30px; border-top: 1px solid var(--filet); text-align: center; }
.v26 .presse26 .medias { justify-content: center; gap: 12px 36px; }
.v26 .presse26 .medias a { font-size: 19px; }
/* Résumé des articles : de nouveau en fin d'article */
.v26 .article-content .article-resume { margin: 56px 0 0 !important; }

/* Pages simples (CGV, confidentialité, mentions) : le contenu saisi dans l'éditeur
   forçait le blanc, pensé pour l'ancien fond noir. Encre partout sur fond clair. */
.v26 .static-page .has-text-color, .v26 .static-page .has-white-color,
.v26 .static-page p, .v26 .static-page li, .v26 .static-page h1, .v26 .static-page h2, .v26 .static-page h3, .v26 .static-page strong { color: var(--encre) !important; }
.v26 .static-page a:not(.btn) { color: var(--vert) !important; }
.v26 .static-page .has-background { background: transparent !important; }
.v26 .static-page .fil a { color: var(--encre) !important; }

/* Page Coaching : trois séances */
.v26 .cartes3 { display: grid; grid-template-columns: 1fr; gap: 1px; background: var(--filet); border: 1px solid var(--filet); margin-top: 30px; }
@media (min-width: 900px) { .v26 .cartes3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.v26 .cartes3 .carte { background: var(--creme); padding: 30px 26px; }
.v26 .cartes3 .carte:hover { background: #efe8dc; }
.v26 .cartes3 .t { font-size: 22px; }
.v26 .cartes3 .x { font-size: 17px; }
.v26 .cartes3 .suite { margin-top: auto; padding-top: 14px; font-weight: 700; color: var(--vert); text-decoration: underline; text-underline-offset: 4px; }

/* Confirmation des formulaires (Réseau, Présenter mon projet) : lisible sur fond clair */
.v26 .form26 .form-success { background: var(--creme) !important; border: 0 !important; border-top: 2px solid var(--vert-profond) !important; padding: 28px 26px !important; text-align: left !important; }
.v26 .form26 .form-success-icon { width: auto !important; height: auto !important; background: none !important; color: var(--vert) !important; font-size: 30px !important; font-weight: 700; line-height: 1; margin: 0 0 10px !important; display: block !important; }
.v26 .form26 .form-success-title { color: var(--encre) !important; font-size: 26px !important; font-weight: 700 !important; margin: 0 0 8px !important; text-align: left !important; }
.v26 .form26 .form-success-text { color: var(--encre) !important; font-size: 18px !important; font-weight: 400 !important; text-align: left !important; max-width: 60ch; }
.v26 .form26 .form-error { color: #8a2b1d !important; }

/* Photos des articles */
.v26 .art-photo { margin: 34px 0 0; }
.v26 .art-photo img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; border: 1px solid var(--filet); }
.v26 .carte .vignette { display: block; margin: -26px -24px 6px; aspect-ratio: 3 / 2; overflow: hidden; }
.v26 .cartes3 .carte .vignette { margin: -30px -26px 6px; }
.v26 .carte .vignette img { width: 100%; height: 100%; object-fit: cover; display: block; }