/* Journal Convaincre : autonome, même variables que le thème sans écraser ses éléments. */
.cvjn-board{--jn-ink:var(--ink,#18121f);--jn-red:var(--red,#e94d47);--jn-purple:var(--purple,#73509a);--jn-line:var(--line,#ded7e2);--jn-paper:var(--paper,#f7f4f7);color:var(--jn-ink);width:100%;max-width:1140px;margin:20px auto 72px;font-family:"Nunito Sans",ui-rounded,"Segoe UI",system-ui,sans-serif}
.cvjn-board,.cvjn-board *,.cvjn-board *:before,.cvjn-board *:after{box-sizing:border-box}
.cvjn-board .cvjn-hero{background:var(--jn-ink);color:#fff;border-radius:25px;padding:clamp(26px,5vw,58px);margin:0 0 24px}
.cvjn-board .cvjn-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:900;letter-spacing:.13em;color:#c6a1dc;margin:0 0 20px}
.cvjn-board .cvjn-point{width:9px;height:9px;border-radius:100%;background:var(--jn-red);box-shadow:0 0 0 5px rgba(233,77,71,.1)}
.cvjn-board .cvjn-hero h2{font-size:clamp(2.2rem,5vw,4.75rem);line-height:1.02;letter-spacing:-.06em;font-weight:900;color:white;margin:0 0 18px}
.cvjn-board .cvjn-hero h2 span{color:var(--jn-red)}
.cvjn-board .cvjn-hero p{color:#e2d9e6;line-height:1.7;max-width:700px;font-size:clamp(.95rem,1.6vw,1.14rem);margin:0}
.cvjn-board .cvjn-filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(140px,1fr) minmax(140px,1fr) auto;gap:12px;align-items:end;background:#fff;border:1px solid var(--jn-line);border-radius:20px;padding:19px;margin:0 0 24px}
.cvjn-board .cvjn-filters label{font-size:.77rem;font-weight:850;display:block;color:#63586d}
.cvjn-board .cvjn-filters input,.cvjn-board .cvjn-filters select{width:100%;display:block;height:45px;min-width:0;border:1px solid #ded7e2;border-radius:11px;background:white;margin:7px 0 0;padding:0 12px;color:var(--jn-ink);font-family:inherit;font-size:.91rem}
.cvjn-board .cvjn-filters input:focus,.cvjn-board .cvjn-filters select:focus{outline:2px solid var(--jn-purple);outline-offset:2px}
.cvjn-board .cvjn-filters button{height:45px;padding:0 20px;border:0;border-radius:11px;background:var(--jn-ink);color:white;font:800 .9rem inherit;cursor:pointer;white-space:nowrap}
.cvjn-board .cvjn-filters button:hover{background:var(--jn-purple)}
.cvjn-board .cvjn-feed{display:grid;gap:13px}
.cvjn-board .cvjn-entry{background:#fff;border:1px solid var(--jn-line);border-radius:21px;padding:28px;display:grid;grid-template-columns:165px minmax(0,1fr);gap:26px;box-shadow:0 8px 24px rgba(24,18,31,.035)}
.cvjn-board .cvjn-meta{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding-top:5px}
.cvjn-board .cvjn-meta time{font-size:.82rem;font-weight:850;color:#82788a}
.cvjn-board .cvjn-version{display:inline-flex;background:#eee8f3;color:var(--jn-purple);padding:7px 10px;border-radius:9px;font-weight:950;letter-spacing:.01em;font-size:.86rem}
.cvjn-board .cvjn-entry-body{min-width:0}
.cvjn-board .cvjn-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.cvjn-board .cvjn-tags span{font-size:.69rem;font-weight:850;line-height:1.45;padding:5px 10px;border-radius:999px;border:1px solid transparent}
.cvjn-board .cvjn-stage-disponible{background:#e9f5ee;color:#215c3b;border-color:#cbe8d8!important}
.cvjn-board .cvjn-stage-developpement{background:#f4ecff;color:#613d91;border-color:#e5d7f5!important}
.cvjn-board .cvjn-stage-etude{background:#fff0e0;color:#8b4c1b;border-color:#f9dcc0!important}
.cvjn-board .cvjn-stage-inconnu{background:#f0ecf2;color:#65576b}
.cvjn-board .cvjn-type,.cvjn-board .cvjn-domain{background:#f5f2f6;color:#615568;border-color:#ebe5ed!important}
.cvjn-board .cvjn-entry h3{font-size:clamp(1.15rem,2.3vw,1.47rem);font-weight:900;line-height:1.24;letter-spacing:-.035em;margin:0 0 10px;color:var(--jn-ink)}
.cvjn-board .cvjn-entry h3 a{text-decoration:none;color:inherit}
.cvjn-board .cvjn-entry h3 a:hover{color:var(--jn-purple)}
.cvjn-board .cvjn-entry p{line-height:1.65;font-size:.94rem;color:#6e6373;margin:0 0 15px}
.cvjn-board .cvjn-read{font-weight:850;font-size:.84rem;color:var(--jn-purple);text-decoration:none}
.cvjn-board .cvjn-read:hover{text-decoration:underline}
.cvjn-board .cvjn-empty{border:1px dashed #bdb1c4;border-radius:20px;padding:34px;background:#fff}
.cvjn-board .cvjn-empty h3{font-size:1.28rem;margin:0 0 10px}
.cvjn-board .cvjn-empty p{margin:0;color:#6e6373;line-height:1.65}
.cvjn-board .cvjn-pagination{display:flex;gap:12px;align-items:center;justify-content:center;margin:24px 0;flex-wrap:wrap}
.cvjn-board .cvjn-pagination a{border:1px solid var(--jn-line);border-radius:12px;padding:10px 13px;text-decoration:none;background:#fff;font-weight:800;color:var(--jn-ink)}
.cvjn-board .cvjn-pagination span{font-weight:800;color:#756c7c;font-size:.86rem}
.cvjn-board .cvjn-more{text-align:right;margin:16px 0 0}
.cvjn-board .cvjn-more a{color:var(--jn-purple);font-weight:900;text-decoration:none}
.cvjn-board.cvjn-compact .cvjn-entry{padding:22px;grid-template-columns:110px minmax(0,1fr)}
.cvjn-board.cvjn-compact .cvjn-entry p{font-size:.88rem}
.cvjn-single{border-top:2px solid #e8e0eb;padding:12px 0 32px;max-width:800px;margin:0 auto}
.cvjn-single-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.cvjn-single-meta>*{border-radius:20px;background:#f1eaf5;color:#6f468d;padding:6px 12px;font-weight:800;font-size:.75rem}
.cvjn-single-content{line-height:1.7}
.cvjn-back{display:inline-flex;margin-top:30px;text-decoration:none;background:#18121f;color:#fff;padding:12px 17px;border-radius:12px;font-weight:800}
.cvjn-back:hover{color:#fff;background:#73509a}
@media(max-width:800px){.cvjn-board .cvjn-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cvjn-board .cvjn-filters button{grid-column:1/-1}.cvjn-board .cvjn-entry{grid-template-columns:115px minmax(0,1fr);gap:18px;padding:22px}}
@media(max-width:540px){.cvjn-board{margin-bottom:48px}.cvjn-board .cvjn-filters{grid-template-columns:1fr;padding:17px}.cvjn-board .cvjn-entry,.cvjn-board.cvjn-compact .cvjn-entry{grid-template-columns:1fr;padding:20px;gap:12px}.cvjn-board .cvjn-meta{flex-direction:row;align-items:center;gap:10px;padding:0}.cvjn-board .cvjn-version{padding:5px 8px}.cvjn-board .cvjn-hero{padding:25px 23px}}
@media(prefers-reduced-motion:reduce){.cvjn-board *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* 1.1.0 — Palette issue du thème officiel Convaincre v4.5.0 :
   --canvas #17111e; --panel #241d2c; --panel2 #30263a; --red #e94d47; --purple #73509a. */
.cvjn-board{
  --jn-ink:var(--ink,#18121f);
  --jn-red:var(--red,#e94d47);
  --jn-purple:var(--purple,#73509a);
  --jn-purple2:var(--purple2,#9369bc);
  --jn-panel:var(--panel,#241d2c);
  --jn-panel2:var(--panel2,#30263a);
  --jn-canvas:var(--canvas,#17111e);
  --jn-paper:var(--paper,#f7f4f7);
  --jn-line:rgba(219,201,234,.19);
  max-width:1160px;background:var(--jn-canvas);color:var(--jn-paper);
  border-radius:28px;padding:clamp(16px,3vw,34px);margin:16px auto 60px;
}
.cvjn-board .cvjn-hero{background:linear-gradient(125deg,var(--jn-panel),var(--jn-panel2));border:1px solid var(--jn-line);border-radius:23px;padding:clamp(24px,4vw,43px)}
.cvjn-board .cvjn-eyebrow{color:#dac7e8}
.cvjn-board .cvjn-hero h2{color:#fff!important}
.cvjn-board .cvjn-hero h2 span{color:var(--jn-red)!important}
.cvjn-board .cvjn-hero p,.cvjn-board .cvjn-hero p strong{color:#e6ddea}
.cvjn-board .cvjn-filters{background:var(--jn-panel);border-color:var(--jn-line)}
.cvjn-board .cvjn-filters label{color:#ece1f2}
.cvjn-board .cvjn-filters input,.cvjn-board .cvjn-filters select{background:var(--jn-panel2);border:1px solid rgba(219,201,234,.24);color:#fff}
.cvjn-board .cvjn-filters input::placeholder{color:#c4b6ce}
.cvjn-board .cvjn-filters input:focus-visible,.cvjn-board .cvjn-filters select:focus-visible{outline-color:var(--jn-purple2)}
.cvjn-board .cvjn-filters button{background:var(--jn-red);color:white;font-family:inherit;font-weight:900}
.cvjn-board .cvjn-filters button:hover{background:var(--jn-purple2)}
.cvjn-board .cvjn-entry{background:var(--jn-panel);border-color:var(--jn-line);box-shadow:none}
.cvjn-board .cvjn-entry h3,.cv-generic-page .entry-content .cvjn-board .cvjn-entry h3{color:#fff!important}
.cvjn-board .cvjn-entry h3 a:hover{color:#dec0f0!important}
.cvjn-board .cvjn-entry p{color:#d5c9db}
.cvjn-board .cvjn-meta time{color:#b9a8c4}
.cvjn-board .cvjn-version{background:rgba(147,105,188,.21);color:#e6d3fa}
.cvjn-board .cvjn-stage-integre{background:rgba(147,105,188,.21);color:#ead7ff;border-color:rgba(147,105,188,.27)!important}
.cvjn-board .cvjn-stage-annule{background:rgba(233,77,71,.16);color:#ffc1bb;border-color:rgba(233,77,71,.24)!important}
.cvjn-board .cvjn-type,.cvjn-board .cvjn-domain{background:rgba(238,234,240,.08);color:#dbd0e2;border-color:rgba(222,215,226,.16)!important}
.cvjn-board .cvjn-read,.cvjn-board .cvjn-more a{color:#d6b0f0}
.cvjn-board .cvjn-read:hover,.cvjn-board .cvjn-more a:hover{color:#fff}
.cvjn-board .cvjn-empty{background:var(--jn-panel);border-color:var(--jn-line)}
.cvjn-board .cvjn-empty h3,.cv-generic-page .entry-content .cvjn-board .cvjn-empty h3{color:#fff!important}
.cvjn-board .cvjn-empty p{color:#d5c9db}
.cvjn-board .cvjn-pagination a{background:var(--jn-panel);border-color:var(--jn-line);color:#fff}
.cvjn-board .cvjn-pagination span{color:#d5c9db}
.cvjn-board .cvjn-filters select option{background:#241d2c;color:#fff}
.cvjn-board .cvjn-historical-note{font-size:.83rem;color:#c3b2cf;margin:20px 0 0;line-height:1.5}
.cvjn-single{border-color:var(--line,#ded7e2)}
.cvjn-single-meta>*{background:rgba(115,80,154,.15);color:#73509a}
@media(max-width:540px){.cvjn-board{padding:12px;border-radius:20px;margin-top:8px}.cvjn-board .cvjn-hero{padding:24px 20px}.cvjn-board .cvjn-entry{padding:17px}}


/* 1.1.2 — Le thème Convaincre a deux modes. Le sombre reste l'affichage natif ;
   le clair reprend ses fonds et contrastes, sans modifier le thème lui-même. */
html[data-cv-theme="light"] .cvjn-board{--jn-line:#ded7e2;background:var(--paper,#f7f4f7);color:var(--ink,#18121f)}
html[data-cv-theme="light"] .cvjn-board .cvjn-hero{background:linear-gradient(135deg,#251b2c,#3b2c45);border-color:transparent}
html[data-cv-theme="light"] .cvjn-board .cvjn-filters,
html[data-cv-theme="light"] .cvjn-board .cvjn-entry,
html[data-cv-theme="light"] .cvjn-board .cvjn-empty,
html[data-cv-theme="light"] .cvjn-board .cvjn-pagination a{background:#fff;border-color:#ded7e2;color:#18121f}
html[data-cv-theme="light"] .cvjn-board .cvjn-filters label{color:#53465e}
html[data-cv-theme="light"] .cvjn-board .cvjn-filters input,
html[data-cv-theme="light"] .cvjn-board .cvjn-filters select{background:#f7f4f7;border-color:#cfc4d7;color:#18121f}
html[data-cv-theme="light"] .cvjn-board .cvjn-filters input::placeholder{color:#71677b}
html[data-cv-theme="light"] .cvjn-board .cvjn-filters select option{background:white;color:#18121f}
html[data-cv-theme="light"] .cvjn-board .cvjn-entry h3,
html[data-cv-theme="light"] .cv-generic-page .entry-content .cvjn-board .cvjn-entry h3,
html[data-cv-theme="light"] .cvjn-board .cvjn-empty h3,
html[data-cv-theme="light"] .cv-generic-page .entry-content .cvjn-board .cvjn-empty h3{color:#18121f!important}
html[data-cv-theme="light"] .cvjn-board .cvjn-entry p,
html[data-cv-theme="light"] .cvjn-board .cvjn-empty p{color:#5f5268}
html[data-cv-theme="light"] .cvjn-board .cvjn-meta time,
html[data-cv-theme="light"] .cvjn-board .cvjn-pagination span{color:#6b5e74}
html[data-cv-theme="light"] .cvjn-board .cvjn-type,
html[data-cv-theme="light"] .cvjn-board .cvjn-domain{background:#f1ecf4;border-color:#ddd3e3!important;color:#53455c}
html[data-cv-theme="light"] .cvjn-board .cvjn-version{background:#ebe1f1;color:#634182}
html[data-cv-theme="light"] .cvjn-board .cvjn-stage-integre{background:#eee6f4;color:#553276;border-color:#d4c2e1!important}
html[data-cv-theme="light"] .cvjn-board .cvjn-stage-annule{background:#fae4e1;color:#922c27;border-color:#edbfbb!important}
html[data-cv-theme="light"] .cvjn-board .cvjn-read,
html[data-cv-theme="light"] .cvjn-board .cvjn-more a{color:#68428a}
html[data-cv-theme="light"] .cvjn-board .cvjn-read:hover,
html[data-cv-theme="light"] .cvjn-board .cvjn-more a:hover{color:#3c2850}
html[data-cv-theme="light"] .cvjn-single-meta>*{background:#f0e7f4;color:#634182}

/* 1.4.0 — continuité éditoriale Journal ↔ Boîte à outils. */
.cvjn-board .cvjn-filters{grid-template-columns:minmax(150px,2fr) repeat(3,minmax(130px,1fr)) auto}
.cvjn-board .cvjn-entry:has(.cvjn-entry-thumb){grid-template-columns:115px minmax(0,1fr) minmax(160px,230px)}
.cvjn-feature-ref{margin:12px 0 0!important;font-size:.85rem!important;color:#d2c3dc!important}
.cvjn-feature-ref a{color:#d6abef!important;text-decoration:underline;text-underline-offset:3px}
.cvjn-entry-thumb{display:block;align-self:center;min-width:0;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#1a1322}
.cvjn-entry-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.cvjn-feature-card{margin:36px 0 12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);background:#281e32;border:1px solid rgba(216,180,237,.2);border-radius:19px;overflow:hidden}
.cvjn-feature-card-body{padding:clamp(20px,3vw,30px)}
.cvjn-feature-card-body>span{color:#dabaf0;letter-spacing:.12em;font-size:11px;font-weight:800}
.cvjn-feature-card-body h2{color:#fff!important;font-size:clamp(23px,2.3vw,31px);line-height:1.17;margin:11px 0}
.cvjn-feature-card-body p{color:#d0c1dd!important;margin:0 0 18px}
.cvjn-feature-card-body a{color:#e0b8f4!important;font-weight:850;text-decoration:none}
.cvjn-feature-card-picture{display:flex;align-items:center;justify-content:center;background:#160f1e}
.cvjn-feature-card-picture img{display:block;max-width:100%;height:auto}
.cvjn-feature-card:not(:has(.cvjn-feature-card-picture)){grid-template-columns:1fr}
@media(max-width:1050px){.cvjn-board .cvjn-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cvjn-board .cvjn-filters button{grid-column:1/-1}}
@media(max-width:780px){.cvjn-board .cvjn-entry:has(.cvjn-entry-thumb){grid-template-columns:100px minmax(0,1fr)}.cvjn-entry-thumb{grid-column:2}}
@media(max-width:540px){.cvjn-board .cvjn-filters{grid-template-columns:1fr}.cvjn-board .cvjn-entry:has(.cvjn-entry-thumb){grid-template-columns:1fr}.cvjn-entry-thumb{grid-column:1}.cvjn-feature-card{grid-template-columns:1fr}.cvjn-feature-card-picture{grid-row:1}}

/* v1.5.0 — magazine produit, captures approuvées ou illustrations de rubrique. */
.cvjn-board .cvjn-entry{align-items:stretch;transition:transform .2s,border-color .2s,box-shadow .2s}
.cvjn-board .cvjn-entry:hover{border-color:rgba(187,129,224,.45);box-shadow:0 18px 46px rgba(6,3,9,.22);transform:translateY(-2px)}
.cvjn-board .cvjn-entry:has(.cvjn-entry-art){grid-template-columns:115px minmax(0,1fr) minmax(160px,230px)}
.cvjn-entry-art{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:13px;align-self:center;min-width:0;min-height:170px;border-radius:16px;overflow:hidden;text-decoration:none;background:radial-gradient(circle at 75% 14%,rgba(210,140,236,.28),transparent 46%),linear-gradient(135deg,#24182e,#3d254e);border:1px solid rgba(222,181,241,.19)}
.cvjn-art-terrain{background:radial-gradient(circle at 75% 14%,rgba(249,130,134,.25),transparent 48%),linear-gradient(130deg,#2d192e,#432331)}
.cvjn-art-crm{background:radial-gradient(circle at 70% 5%,rgba(108,161,246,.19),transparent 48%),linear-gradient(125deg,#202137,#332443)}
.cvjn-art-ressources{background:radial-gradient(circle at 75% 15%,rgba(220,166,241,.28),transparent 48%),linear-gradient(130deg,#261e39,#42264b)}
.cvjn-art-glyph{width:72px;height:72px;display:grid;place-items:center;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.16);border-radius:21px;color:#ecd2f9;transform:rotate(-6deg)}
.cvjn-art-glyph svg{width:40px;height:40px}
.cvjn-art-label{max-width:90%;font-size:.71rem;font-weight:900;letter-spacing:.04em;color:#e6d6ed;text-align:center}
.cvjn-board .cvjn-entry-thumb{min-height:150px;display:grid;place-items:center}
.cvjn-board .cvjn-entry-thumb img{height:100%;object-fit:contain}
.cvjn-board .cvjn-read{display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid rgba(205,154,237,.23);padding-bottom:5px}
.cvjn-board .cvjn-read:hover{border-bottom-color:#dcb6f2}
.cvjn-single{max-width:920px}
.cvjn-single-content h2{margin:36px 0 14px!important;padding-top:16px;border-top:1px solid rgba(215,175,234,.17);font-size:clamp(1.3rem,2vw,1.7rem)!important;line-height:1.18;color:#f3e9f9}
.cvjn-single-content ul{padding-left:23px}
.cvjn-single-content li{margin:10px 0;line-height:1.7}
.cvjn-feature-card{box-shadow:0 16px 40px rgba(0,0,0,.14)}
.cvjn-feature-card-picture img{width:100%;height:100%;max-height:370px;object-fit:contain}
@media(max-width:780px){.cvjn-board .cvjn-entry:has(.cvjn-entry-art){grid-template-columns:100px minmax(0,1fr)}.cvjn-entry-art{grid-column:2;min-height:130px}.cvjn-art-glyph{width:59px;height:59px}.cvjn-art-glyph svg{width:33px;height:33px}}
@media(max-width:540px){.cvjn-board .cvjn-entry:has(.cvjn-entry-art){grid-template-columns:1fr}.cvjn-entry-art{grid-column:1;min-height:150px}}
@media(prefers-reduced-motion:reduce){.cvjn-board .cvjn-entry{transition:none!important}.cvjn-board .cvjn-entry:hover{transform:none}}