/* FAMILLE « article »
 *
 * Fichier CONSTRUIT par outils/construire-css.js — ne pas modifier à la
 * main : la prochaine construction écraserait la modification. Les sources
 * sont css/blog.css, css/article.css.
 *
 * Construit le 2026-09-10.
 */

/* --- css/blog.css --- */
.cjb-tete,
.cjb-liste{
    --cjb-violet: #8f15ff;
    --cjb-violet-deep: #7211cc;
    --cjb-violet-wash: #f4eaff;
    --cjb-ink: #0e0e13;
    --cjb-ink-2: #3a3646;
    --cjb-ink-3: #7d7789;
    --cjb-line: #e6e3ee;
    --cjb-paper: #fff;
    --cjb-wash: #f7f6fa;
}
#products.cjb-liste .cjb-tri a.est-actif{
    color: var(--cjb-violet-deep);
    font-weight: 700;
}
#products.cjb-liste .cjb-groupe li.est-actif a{
    color: var(--cjb-violet-deep);
    font-weight: 700;
}
#products.cjb-liste .cjb-groupe li.est-actif a b{ color: var(--cjb-violet-deep); }
#products.cjb-liste .cjb-annees li.est-actif a{
    background: var(--cjb-violet-wash);
    border-color: var(--cjb-violet);
}
.cjb-etiquettes.est-replie .cjb-sup{ display: none; }
.cjb-grille{
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}
@media (min-width: 620px){
.cjb-grille{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1400px){
.cjb-grille{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.cjb-visuel{
    position: relative;
    display: block;
    aspect-ratio: 3 / 2;
    background: var(--cjb-wash);
    overflow: hidden;
}
.cjb-cat{
    position: absolute;
    left: 10px;
    bottom: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(14, 14, 19, .82);
    color: #fff;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .01em;
}
.cjb-corps{
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    padding: 14px 16px 17px;
}
.cjb-point{ opacity: .6; }
.cjb-lire{
    margin-top: auto;
    padding-top: 4px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--cjb-violet-deep);
}
.cjb-lire::after{
    content: " →";
    transition: margin-left .16s;
    display: inline-block;
}
#products.cjb-liste .cjb-pages .page-numbers.current{
    background: var(--cjb-violet);
    border-color: var(--cjb-violet);
    color: #fff;
}
@media (max-width: 1099px){
.cjb-filtres:not(.est-ouvert) .cjb-groupes{ display: none; }
}
#products.cjb-liste .screen-reader-text{
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}
@media (min-width: 700px){
.cjb-grille{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1080px){
.cjb-grille{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 700px){
#products.cjb-liste .cjb-carte-une{
        grid-column: 1 / -1;
        flex-direction: row;
        align-items: stretch;
    }
#products.cjb-liste .cjb-carte-une .cjb-visuel{
        flex: 0 0 46%;
        /* Sans hauteur imposée, l'image d'une carte horizontale garde son
           ratio et laisse un vide sous le texte, ou l'inverse. */
        align-self: stretch;
    }
#products.cjb-liste .cjb-carte-une .cjb-visuel img{
        /* PAS de height:100%. Les visuels du blog portent leur titre incruste :
           etires sur la hauteur de la carte, ils se faisaient rogner sur les
           cotes et le texte de l image partait hors cadre — verifie en apercu,
           « Visual Intelligence » devenait « JAL INTELLIGENCE ». On garde la
           proportion d origine, 360 x 240, donc aucun rognage. */
        height: auto;
        aspect-ratio: 3 / 2;
    }
#products.cjb-liste .cjb-carte-une .cjb-corps{
        justify-content: center;
        padding: 26px 28px;
        gap: 12px;
    }
#products.cjb-liste .cjb-carte-une .cjb-titre{
        font-size: clamp(20px, 1.4vw + 12px, 25px);
        line-height: 1.24;
    }
#products.cjb-liste .cjb-carte-une .cjb-extrait{
        font-size: 15px;
        -webkit-line-clamp: 4;
    }
}
#products.cjb-liste .cjb-carte-une .cjb-titre{
    -webkit-line-clamp: 3;
}
#products.cjb-liste .cjb-tri a.est-actif{
    background: var(--cjb-paper);
    color: var(--cjb-ink);
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(14, 14, 19, .08);
}
#products.cjb-liste .cjb-tri a:hover:not(.est-actif){
    color: var(--cjb-violet-deep);
}
#products.cjb-liste .cjb-groupe li a.est-actif{
    background: var(--cjb-violet-wash, #f4eaff);
    color: var(--cjb-violet-deep);
    font-weight: 600;
}
#products.cjb-liste .cjb-groupe li a:hover b,
#products.cjb-liste .cjb-groupe li a.est-actif b{
    background: var(--cjb-paper);
    color: var(--cjb-violet-deep);
}

/* --- css/article.css --- */
#post-content.cja-article{
    --cja-violet: #8f15ff;
    --cja-violet-deep: #7211cc;
    --cja-violet-wash: #f4eaff;
    --cja-ink: #14121c;
    --cja-ink-2: #3a3646;
    --cja-ink-3: #7d7789;
    --cja-line: #e6e3ee;
    --cja-paper: #fff;
    --cja-wash: #f7f6fa;

    padding: 22px 0 10px;
}
.cja-entete{
    max-width: 780px;
    margin: 0 0 26px;
}
.cja-fil{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-bottom: 14px;
    font-size: 13px;
    color: var(--cja-ink-3);
}
#post-content.cja-article .cja-fil a{
    color: var(--cja-ink-3);
    text-decoration: none;
}
#post-content.cja-article .cja-fil a:hover{
    color: var(--cja-violet-deep);
    text-decoration: underline;
}
#post-content.cja-article .cja-entete h1{
    /* Le CSS additionnel du site pose h1 { margin-top: 15px !important } sur
       le selecteur nu : sans !important ici, le titre garderait ce decalage. */
    margin: 0 0 12px !important;
    padding: 0;
    text-align: left;
    font-size: clamp(27px, 4vw, 38px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.015em;
    text-wrap: balance;
    color: var(--cja-ink);
}
#post-content.cja-article .cja-meta{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 13.5px;
    color: var(--cja-ink-3);
    text-align: left;
    font-variant-numeric: tabular-nums;
}
.cja-point{ opacity: .55; }
.cja-visuel{
    margin: 0 0 34px;
}
#post-content.cja-article .cja-visuel img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 14px;
}
.cja-agencement{
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    grid-template-areas:
        "sommaire"
        "corps"
        "barre";
}
.cja-sommaire{ grid-area: sommaire; }
.cja-corps{ grid-area: corps; min-width: 0; }
#post-content.cja-article .blog-sidebar{ grid-area: barre; }
@media (min-width: 1100px){
.cja-agencement{
        grid-template-columns: minmax(0, 70ch) minmax(250px, 1fr);
        grid-template-areas:
            "sommaire barre"
            "corps    barre";
        gap: 30px 44px;
        align-items: start;
    }
}
@media (min-width: 1400px){
.cja-agencement{
        grid-template-columns: minmax(230px, 1fr) minmax(0, 70ch) 250px;
        grid-template-areas: "sommaire corps barre";
        gap: 44px;
    }
#post-content.cja-article .cja-sommaire{
        position: sticky;
        top: 12px;
        max-height: calc(100vh - 24px);
        overflow-y: auto;
        overscroll-behavior: contain;
        margin: 0;
        background: none;
        border: 0;
        border-left: 2px solid var(--cja-line);
        border-radius: 0;
        padding: 2px 0 2px 16px;
    }
#post-content.cja-article .cja-sommaire ol{
        padding-left: 1.1em;
    }
}
.cja-texte{
    max-width: 68ch;
}
#post-content.cja-article .cja-texte p,
#post-content.cja-article .cja-texte li{
    font-size: 17.5px;
    line-height: 1.72;
    color: var(--cja-ink-2);
    /* Le texte était justifié sans césure : en français cela creuse des
       rivières de blanc, d'autant plus visibles sur des lignes longues. */
    text-align: left;
}
#post-content.cja-article .cja-texte p{
    margin: 0 0 1.35em;
}
#post-content.cja-article .cja-texte li{ margin-bottom: .6em; }
#post-content.cja-article .cja-texte ul,
#post-content.cja-article .cja-texte ol{ margin: 0 0 1.35em; padding-left: 1.3em; }
#post-content.cja-article .cja-texte h2{
    margin: 2em 0 .7em;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.01em;
    color: var(--cja-ink);
    scroll-margin-top: 20px;
    text-wrap: balance;
}
#post-content.cja-article .cja-texte h3{
    margin: 1.7em 0 .5em;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--cja-violet-deep);
    text-wrap: balance;
}
#post-content.cja-article .cja-texte a{
    color: var(--cja-violet-deep);
    text-decoration: underline;
    text-underline-offset: 2px;
}
#post-content.cja-article .cja-texte strong{ color: var(--cja-ink); }
#post-content.cja-article .cja-texte img{
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
#post-content.cja-article .cja-texte blockquote{
    margin: 1.6em 0;
    padding: 2px 0 2px 20px;
    border-left: 3px solid var(--cja-violet);
    font-size: 18px;
    line-height: 1.6;
    color: var(--cja-ink);
}
#post-content.cja-article .cja-texte table{
    display: block;
    max-width: 100%;
    overflow-x: auto;
}
.cja-sommaire{
    margin: 0;
    padding: 16px 20px 18px;
    border: 1px solid var(--cja-line);
    border-radius: 12px;
    background: var(--cja-wash);
    max-width: 68ch;
}
#post-content.cja-article .cja-sommaire h2{
    margin: 0 0 10px;
    padding: 0;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
    color: var(--cja-ink-3);
}
#post-content.cja-article .cja-sommaire ol{
    margin: 0;
    padding: 0 0 0 1.2em;
}
#post-content.cja-article .cja-sommaire li{
    margin: 0 0 5px;
    font-size: 14.5px;
    line-height: 1.45;
}
#post-content.cja-article .cja-sommaire a{
    color: var(--cja-ink-2);
    text-decoration: none;
}
#post-content.cja-article .cja-sommaire a:hover{
    color: var(--cja-violet-deep);
    text-decoration: underline;
}
#post-content.cja-article .cja-auteur{
    max-width: 68ch;
    margin: 30px 0 0;
    padding-top: 18px;
    border-top: 1px solid var(--cja-line);
    font-size: 14.5px;
    color: var(--cja-ink-3);
    text-align: left;
}
#post-content.cja-article .cja-auteur a{
    color: var(--cja-violet-deep);
    font-weight: 700;
    text-decoration: none;
}
.cja-partage{
    max-width: 68ch;
    margin: 22px 0 0;
}
.cja-partage-titre{
    display: block;
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 600;
    color: var(--cja-ink-2);
}
#post-content.cja-article .cja-partage ul{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#post-content.cja-article .cja-partage li{ margin: 0; }
#post-content.cja-article .cja-partage a,
#post-content.cja-article .cja-copier{
    display: inline-block;
    padding: 7px 14px;
    border: 1px solid var(--cja-line);
    border-radius: 999px;
    background: var(--cja-paper);
    font-size: 13.5px;
    font-weight: 600;
    color: var(--cja-ink-2);
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
}
#post-content.cja-article .cja-partage a:hover,
#post-content.cja-article .cja-copier:hover{
    border-color: var(--cja-violet);
    color: var(--cja-violet-deep);
    background: var(--cja-violet-wash);
}
#post-content.cja-article .cja-copier.est-copie{
    border-color: #0d6b52;
    color: #0d6b52;
    background: #e6f4ef;
}
.cja-voisins{
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    max-width: 68ch;
    margin: 34px 0 0;
}
@media (min-width: 620px){
.cja-voisins{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
#post-content.cja-article .cja-voisin{
    display: block;
    padding: 13px 16px;
    border: 1px solid var(--cja-line);
    border-radius: 12px;
    text-decoration: none;
    background: var(--cja-paper);
    transition: border-color .16s;
}
#post-content.cja-article .cja-voisin:hover{ border-color: var(--cja-violet); }
#post-content.cja-article .cja-voisin span{
    display: block;
    margin-bottom: 4px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .07em;
    text-transform: uppercase;
    color: var(--cja-ink-3);
}
#post-content.cja-article .cja-voisin b{
    display: block;
    font-size: 14.5px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--cja-ink);
}
.cja-voisin-suiv{ text-align: right; }
.cja-aussi{
    margin: 48px 0 0;
    padding-top: 34px;
    border-top: 1px solid var(--cja-line);
}
#post-content.cja-article .cja-aussi > h2{
    margin: 0 0 20px;
    padding: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--cja-ink);
    text-align: left;
}
.cja-aussi .cjb-grille{ grid-template-columns: 1fr; }
@media (min-width: 620px){
.cja-aussi .cjb-grille{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1000px){
.cja-aussi .cjb-grille{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1100px){
#post-content.cja-article .blog-sidebar{
        position: sticky;
        top: 12px;
        width: auto;
        max-width: none;
        flex: none;
        padding: 0;
        max-height: calc(100vh - 24px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }
}
#post-content.cja-article .blog-sidebar .ps-3{ padding-left: 0 !important; }

/* --- css/blog-v2.css --- */
body.cjx-blog{
    --cjx-violet: #8f15ff;
    --cjx-violet-fonce: #6a0fd1;
    --cjx-violet-10: #f4eeff;
    --cjx-violet-20: #e9ddff;
    --cjx-encre: #140d22;
    --cjx-texte: #1c1629;
    --cjx-texte-2: #5b5470;
    --cjx-filet: #e7dff5;
    --cjx-fond: #f7f5fb;
    --cjx-nuit: #0c0716;
    /* Le motif de circuit imprimé, repris de commun-v2 : le blog n'a pas la
       classe cjx-g, il lui faut donc sa propre copie du jeton. */
    --cjx-pcb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180' fill='none' stroke='%23b98cff' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M0 40h40l20 20h50l15-15h55M0 120h30l25-25h35M90 95v40l20 20h70M60 0v25l-15 15M140 0v30l20 20v60M20 180v-30l30-30h40M120 180v-20'/%3E%3Cg fill='%23b98cff' stroke='none'%3E%3Ccircle cx='40' cy='40' r='3'/%3E%3Ccircle cx='110' cy='60' r='3'/%3E%3Ccircle cx='90' cy='95' r='3.5'/%3E%3Ccircle cx='160' cy='110' r='3'/%3E%3Ccircle cx='50' cy='120' r='3'/%3E%3Ccircle cx='120' cy='160' r='3'/%3E%3C/g%3E%3Cg stroke-width='1.6'%3E%3Crect x='128' y='70' width='18' height='12' rx='2'/%3E%3Crect x='66' y='140' width='14' height='10' rx='2'/%3E%3C/g%3E%3C/svg%3E");
    --cjx-colle: 100px;   /* sous l'îlot collant du header */
    background: #fff;
}
body.cjx-blog #main-content img:hover{ box-shadow: none !important; }
@media (min-width: 1560px){
body.cjx-blog #main-content > section > .container{ max-width: 1440px; }
}
body.cjx-blog #category-title.cjb-tete{
    position: relative;
    isolation: isolate;
    width: calc(100% - 32px);
    max-width: 1440px;
    margin: 14px auto 0;
    padding: 56px 0 50px;
    overflow: hidden;
    border: 1px solid var(--cjx-filet);
    border-radius: 32px;
    background:
        radial-gradient(45% 80% at 100% 0%, rgba(143, 21, 255, .14), transparent 70%),
        radial-gradient(40% 70% at 0% 100%, rgba(143, 21, 255, .10), transparent 70%),
        linear-gradient(180deg, #f6f1ff 0%, #fbf9fe 100%);
}
body.cjx-blog #category-title.cjb-tete::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180' fill='none' stroke='%238f15ff' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M0 40h40l20 20h50l15-15h55M0 120h30l25-25h35M90 95v40l20 20h70M60 0v25l-15 15M140 0v30l20 20v60M20 180v-30l30-30h40M120 180v-20'/%3E%3Cg fill='%238f15ff' stroke='none'%3E%3Ccircle cx='40' cy='40' r='3'/%3E%3Ccircle cx='110' cy='60' r='3'/%3E%3Ccircle cx='90' cy='95' r='3.5'/%3E%3Ccircle cx='160' cy='110' r='3'/%3E%3Ccircle cx='50' cy='120' r='3'/%3E%3Ccircle cx='120' cy='160' r='3'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 180px 180px;
    opacity: .09;
    -webkit-mask-image: radial-gradient(70% 90% at 50% 50%, transparent 25%, #000 80%);
    mask-image: radial-gradient(70% 90% at 50% 50%, transparent 25%, #000 80%);
}
body.cjx-blog #category-title.cjb-tete h1{
    margin: 0 auto 14px !important;
    max-width: 18ch;
    font-size: clamp(38px, 1rem + 3.4vw, 76px);
    font-weight: 700;
    line-height: 1.02;
    letter-spacing: -.045em;
    text-wrap: balance;
    color: var(--cjx-encre);
}
body.cjx-blog #category-title.cjb-tete .breadcrumb{
    display: flex;
    justify-content: center;
    margin: 0;
}
body.cjx-blog #category-title.cjb-tete .woocommerce-breadcrumb,
body.cjx-blog #category-title.cjb-tete .breadcrumb > nav{
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 7px 16px;
    border: 1px solid var(--cjx-violet-20);
    border-radius: 999px;
    background: rgba(255, 255, 255, .85);
    font-size: 13.5px;
    color: var(--cjx-texte-2);
}
body.cjx-blog #category-title.cjb-tete .breadcrumb a{
    color: var(--cjx-violet-fonce);
    font-weight: 600;
    text-decoration: none;
}
body.cjx-blog #category-title.cjb-tete .breadcrumb a:hover{ text-decoration: underline; text-underline-offset: 3px; }
body.cjx-blog #category-title .cjb-chapeau,
body.cjx-blog #category-title .cjb-chapeau p{ text-align: center; }
body.cjx-blog #category-title .cjb-chapeau{
    max-width: 64ch;
    margin: 20px auto 0;
    font-size: 16.5px;
    line-height: 1.65;
    color: var(--cjx-texte-2);
}
@media (max-width: 767px){
body.cjx-blog #category-title.cjb-tete{
        width: calc(100% - 16px);
        margin-top: 10px;
        padding: 36px 0 30px;
        border-radius: 24px;
    }
body.cjx-blog #category-title .cjb-chapeau{ font-size: 15px; }
}
body.cjx-blog #products.cjb-liste{ padding-top: 40px; }
@media (min-width: 1100px){
body.cjx-blog #products.cjb-liste .cjb-agencement{
        grid-template-columns: 270px minmax(0, 1fr);
        gap: 32px;
    }
body.cjx-blog #products.cjb-liste .cjb-filtres{
        top: var(--cjx-colle);
        max-height: calc(100vh - var(--cjx-colle) - 16px);
    }
}
body.cjx-blog #products.cjb-liste .cjb-groupes{
    padding: 20px 14px 8px;
    border: 1px solid var(--cjx-filet);
    border-radius: 24px;
    background: #fff;
}
body.cjx-blog #products.cjb-liste .cjb-groupe{ margin-bottom: 20px; }
body.cjx-blog #products.cjb-liste .cjb-groupe h2{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 6px 10px;
    padding: 0;
    border: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
    color: var(--cjx-encre);
}
body.cjx-blog #products.cjb-liste .cjb-groupe h2::before{
    content: "";
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: var(--cjx-violet);
}
body.cjx-blog #products.cjb-liste .cjb-groupe li a{
    padding: 8px 10px;
    border-radius: 12px;
    font-size: 14.5px;
    color: var(--cjx-texte);
    transition: background .15s, color .15s;
}
body.cjx-blog #products.cjb-liste .cjb-groupe li a:hover,
body.cjx-blog #products.cjb-liste .cjb-groupe li a:focus-visible{
    background: var(--cjx-violet-10);
    color: var(--cjx-violet-fonce);
}
body.cjx-blog #products.cjb-liste .cjb-groupe li a b{
    min-width: 34px;
    padding: 3px 8px;
    border-radius: 999px;
    background: var(--cjx-fond);
    color: var(--cjx-texte-2);
    font-size: 12px;
}
body.cjx-blog #products.cjb-liste .cjb-groupe li.est-actif a{
    background: var(--cjx-violet);
    color: #fff;
    font-weight: 600;
}
body.cjx-blog #products.cjb-liste .cjb-groupe li.est-actif a b{
    background: rgba(255, 255, 255, .22);
    color: #fff;
}
body.cjx-blog #products.cjb-liste .cjb-bascule{
    min-height: 50px;
    padding: 0 20px;
    border: 1px solid var(--cjx-filet);
    border-radius: 999px;
    font-size: 15px;
    color: var(--cjx-encre);
}
@media (max-width: 1099px){
body.cjx-blog #products.cjb-liste .cjb-groupes{ margin-top: 12px; padding-top: 18px; }
}
body.cjx-blog #products.cjb-liste .cjb-barre{
    gap: 12px 16px;
    margin-bottom: 24px;
    padding: 0 0 20px;
    border-bottom: 1px solid var(--cjx-filet);
}
body.cjx-blog #products.cjb-liste .cjb-compteur{ font-size: 15px; color: var(--cjx-texte-2); }
body.cjx-blog #products.cjb-liste .cjb-compteur b{
    font-size: 26px;
    letter-spacing: -.02em;
    color: var(--cjx-encre);
}
body.cjx-blog #products.cjb-liste .cjb-recherche{
    padding: 4px;
    border: 1px solid var(--cjx-filet);
    border-radius: 999px;
    background: var(--cjx-fond);
}
body.cjx-blog #products.cjb-liste .cjb-recherche:focus-within{
    border-color: var(--cjx-violet);
    background: #fff;
    box-shadow: 0 0 0 4px rgba(143, 21, 255, .12);
}
body.cjx-blog #products.cjb-liste .cjb-recherche input[type="search"]{
    min-height: 42px;
    padding: 0 16px;
    font-size: 15px;
}
body.cjx-blog #products.cjb-liste .cjb-recherche button{
    min-height: 42px;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 14.5px;
    box-shadow: 0 10px 20px -12px rgba(143, 21, 255, .9);
}
body.cjx-blog #products.cjb-liste .cjb-tri{
    padding: 4px;
    border: 1px solid var(--cjx-filet);
    border-radius: 999px;
    background: var(--cjx-fond);
}
body.cjx-blog #products.cjb-liste .cjb-tri a{
    padding: 9px 16px;
    border-radius: 999px;
    font-size: 14px;
}
body.cjx-blog #products.cjb-liste .cjb-tri a.est-actif{
    background: var(--cjx-encre);
    color: #fff;
    box-shadow: none;
}
body.cjx-blog #products.cjb-liste .cjb-actifs a{ padding: 6px 13px; }
@media (max-width: 620px){
body.cjx-blog #products.cjb-liste .cjb-compteur{ white-space: nowrap; }
body.cjx-blog #products.cjb-liste .cjb-compteur b{ font-size: 21px; }
body.cjx-blog #products.cjb-liste .cjb-tri a{ padding: 8px 12px; font-size: 13px; }
}
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-grille{ gap: 22px; }
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-carte{
    padding: 10px;
    border: 1px solid var(--cjx-filet);
    border-radius: 26px;
    background: #fff;
    overflow: visible;
    transition: transform .25s, box-shadow .25s, border-color .25s;
}
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-carte:hover{
    transform: translateY(-6px);
    border-color: var(--cjx-violet-20);
    box-shadow: 0 34px 60px -38px rgba(143, 21, 255, .55);
}
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-visuel{
    overflow: hidden;
    border-radius: 18px;
    background: var(--cjx-fond);
}
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-cat{
    left: 10px;
    bottom: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(20, 13, 34, .74);
    font-size: 11px;
    letter-spacing: .08em;
}
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-corps{ padding: 16px 10px 10px; gap: 9px; }
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-meta{ font-size: 12.5px; color: var(--cjx-texte-2); }
body.cjx-blog #post-content .cjb-liste .cjb-titre a{ text-decoration: none; }
body.cjx-blog #post-content .cjb-liste .cjb-extrait{ text-align: left; }
body.cjx-blog #post-content .cjb-liste .cjb-meta{ margin: 0; }
body.cjx-blog #post-content .cjb-liste .cjb-cat{ font-weight: 600; text-transform: uppercase; }
body.cjx-blog #post-content .cjb-liste .cjb-lire::after{ content: " →"; }
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-titre{
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.28;
    letter-spacing: -.015em;
}
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-titre a{ color: var(--cjx-encre); }
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-carte:hover .cjb-titre a{ color: var(--cjx-violet-fonce); }
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-extrait{ font-size: 14.5px; color: var(--cjx-texte-2); }
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-lire{
    align-self: flex-start;
    margin-top: auto;
    padding: 8px 14px;
    border-radius: 999px;
    background: var(--cjx-violet-10);
    color: var(--cjx-violet-fonce);
    font-size: 13.5px;
    transition: background .2s, color .2s;
}
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-carte:hover .cjb-lire{
    background: var(--cjx-violet);
    color: #fff;
}
@media (min-width: 700px){
body.cjx-blog #products.cjb-liste .cjb-carte-une{
        position: relative;
        isolation: isolate;
        padding: 14px;
        border-color: rgba(255, 255, 255, .08);
        background:
            radial-gradient(50% 90% at 100% 0%, rgba(143, 21, 255, .42), transparent 70%),
            radial-gradient(40% 70% at 40% 100%, rgba(143, 21, 255, .18), transparent 70%),
            var(--cjx-nuit);
        box-shadow: 0 40px 80px -50px rgba(40, 10, 80, .9);
    }
body.cjx-blog #products.cjb-liste .cjb-carte-une::before{
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        border-radius: inherit;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180' fill='none' stroke='%23b98cff' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M0 40h40l20 20h50l15-15h55M0 120h30l25-25h35M90 95v40l20 20h70M60 0v25l-15 15M140 0v30l20 20v60M20 180v-30l30-30h40M120 180v-20'/%3E%3Cg fill='%23b98cff' stroke='none'%3E%3Ccircle cx='40' cy='40' r='3'/%3E%3Ccircle cx='110' cy='60' r='3'/%3E%3Ccircle cx='90' cy='95' r='3.5'/%3E%3Ccircle cx='160' cy='110' r='3'/%3E%3Ccircle cx='50' cy='120' r='3'/%3E%3Ccircle cx='120' cy='160' r='3'/%3E%3C/g%3E%3C/svg%3E");
        background-size: 180px 180px;
        opacity: .22;
        -webkit-mask-image: radial-gradient(70% 100% at 100% 50%, #000 10%, transparent 70%);
        mask-image: radial-gradient(70% 100% at 100% 50%, #000 10%, transparent 70%);
    }
body.cjx-blog #products.cjb-liste .cjb-carte-une:hover{
        border-color: rgba(168, 85, 247, .6);
        box-shadow: 0 44px 80px -44px rgba(143, 21, 255, .9);
    }
body.cjx-blog #products.cjb-liste .cjb-carte-une .cjb-visuel{ border-radius: 20px; }
body.cjx-blog #products.cjb-liste .cjb-carte-une .cjb-corps{ padding: 24px 22px 20px 34px; gap: 14px; }
body.cjx-blog #products.cjb-liste .cjb-carte-une .cjb-meta{ color: #b7abd0; }
body.cjx-blog #products.cjb-liste .cjb-carte-une .cjb-titre{
        font-size: clamp(22px, 1.6vw + 10px, 34px);
        line-height: 1.12;
        letter-spacing: -.03em;
    }
body.cjx-blog #products.cjb-liste .cjb-carte-une .cjb-titre a,
    body.cjx-blog #products.cjb-liste .cjb-carte-une:hover .cjb-titre a{ color: #fff; }
body.cjx-blog #products.cjb-liste .cjb-carte-une .cjb-extrait{ color: #cfc5e4; font-size: 15.5px; }
body.cjx-blog #products.cjb-liste .cjb-carte-une .cjb-lire{
        padding: 11px 20px;
        background: #fff;
        color: var(--cjx-encre);
        font-size: 14.5px;
    }
body.cjx-blog #products.cjb-liste .cjb-carte-une:hover .cjb-lire{ background: var(--cjx-violet); color: #fff; }
}
@media (max-width: 699px){
body.cjx-blog :is(#products.cjb-liste, #post-content .cjb-liste) .cjb-carte{ border-radius: 22px; }
}
body.cjx-blog #products.cjb-liste .cjb-pages{ margin-top: 44px; }
body.cjx-blog #products.cjb-liste .cjb-pages ul{ gap: 8px; }
body.cjx-blog #products.cjb-liste .cjb-pages .page-numbers{
    min-width: 46px;
    height: 46px;
    padding: 0 14px;
    border-color: var(--cjx-filet);
    border-radius: 999px;
    font-size: 15px;
    color: var(--cjx-texte);
    transition: border-color .15s, background .15s, color .15s, transform .15s;
}
body.cjx-blog #products.cjb-liste .cjb-pages a.page-numbers:hover{
    border-color: var(--cjx-violet);
    background: var(--cjx-violet-10);
    color: var(--cjx-violet-fonce);
    transform: translateY(-2px);
}
body.cjx-blog #products.cjb-liste .cjb-pages .page-numbers.current{
    background: var(--cjx-violet);
    border-color: var(--cjx-violet);
    color: #fff;
    box-shadow: 0 12px 24px -12px rgba(143, 21, 255, .9);
}
body.cjx-blog #products.cjb-liste .cjb-pages .page-numbers.dots{ border-color: transparent; background: none; }
body.cjx-blog #products.cjb-liste .cjb-pages .prev,
body.cjx-blog #products.cjb-liste .cjb-pages .next{ padding: 0 20px; }
body.cjx-blog #post-content.cja-article{ padding-top: 14px; }
body.cjx-blog #post-content.cja-article .cja-entete{
    position: relative;
    isolation: isolate;
    max-width: none;
    margin: 0 0 20px;
    padding: 40px 44px 36px;
    overflow: hidden;
    border: 1px solid var(--cjx-filet);
    border-radius: 32px;
    background:
        radial-gradient(45% 90% at 100% 0%, rgba(143, 21, 255, .14), transparent 70%),
        linear-gradient(180deg, #f6f1ff 0%, #fbf9fe 100%);
}
body.cjx-blog #post-content.cja-article .cja-fil{
    gap: 6px;
    margin-bottom: 18px;
}
body.cjx-blog #post-content.cja-article .cja-fil a{
    padding: 5px 12px;
    border: 1px solid var(--cjx-violet-20);
    border-radius: 999px;
    background: rgba(255, 255, 255, .85);
    font-size: 13px;
    font-weight: 600;
    color: var(--cjx-violet-fonce);
}
body.cjx-blog #post-content.cja-article .cja-fil a:hover{ background: var(--cjx-violet); border-color: var(--cjx-violet); color: #fff; text-decoration: none; }
body.cjx-blog #post-content.cja-article .cja-fil > span{ color: var(--cjx-texte-2); }
body.cjx-blog #post-content.cja-article .cja-entete h1{
    max-width: 24ch;
    margin: 0 0 18px !important;
    font-size: clamp(30px, 1rem + 2.6vw, 58px);
    line-height: 1.06;
    letter-spacing: -.035em;
    color: var(--cjx-encre);
}
body.cjx-blog #post-content.cja-article .cja-meta{ gap: 8px; font-size: 13.5px; }
body.cjx-blog #post-content.cja-article .cja-meta > time,
body.cjx-blog #post-content.cja-article .cja-meta > span:not(.cja-point){
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--cjx-filet);
    color: var(--cjx-texte);
    font-weight: 500;
}
body.cjx-blog #post-content.cja-article .cja-meta > .cja-point{ display: none; }
body.cjx-blog #post-content.cja-article .cja-visuel{ margin-bottom: 44px; }
body.cjx-blog #post-content.cja-article .cja-visuel img{
    border: 1px solid var(--cjx-filet);
    border-radius: 28px;
    box-shadow: 0 40px 80px -56px rgba(40, 10, 80, .6);
}
@media (max-width: 767px){
body.cjx-blog #post-content.cja-article .cja-entete{ padding: 26px 18px 22px; border-radius: 24px; }
body.cjx-blog #post-content.cja-article .cja-visuel img{ border-radius: 20px; }
body.cjx-blog #post-content.cja-article .cja-visuel{ margin-bottom: 28px; }
}
@media (min-width: 1100px){
body.cjx-blog #post-content.cja-article .blog-sidebar{
        top: var(--cjx-colle);
        max-height: calc(100vh - var(--cjx-colle) - 16px);
    }
}
@media (min-width: 1400px){
body.cjx-blog #post-content.cja-article .cja-sommaire{
        top: var(--cjx-colle);
        max-height: calc(100vh - var(--cjx-colle) - 16px);
    }
}
body.cjx-blog #post-content.cja-article .cja-texte :is(h2, h3){ scroll-margin-top: calc(var(--cjx-colle) + 12px); }
body.cjx-blog #post-content.cja-article .cja-sommaire{
    padding: 20px 20px 18px;
    border: 1px solid var(--cjx-filet);
    border-radius: 24px;
    background: var(--cjx-fond);
}
@media (min-width: 1400px){
body.cjx-blog #post-content.cja-article .cja-sommaire{
        padding: 20px 18px 18px;
        border: 1px solid var(--cjx-filet);
        border-radius: 24px;
        background: var(--cjx-fond);
    }
}
body.cjx-blog #post-content.cja-article .cja-sommaire h2{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
    color: var(--cjx-encre);
}
body.cjx-blog #post-content.cja-article .cja-sommaire h2::before{
    content: "";
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: var(--cjx-violet);
}
body.cjx-blog #post-content.cja-article .cja-sommaire li{ margin-bottom: 7px; font-size: 14px; }
body.cjx-blog #post-content.cja-article .cja-sommaire li::marker{ color: var(--cjx-violet); font-weight: 600; }
body.cjx-blog #post-content.cja-article .cja-sommaire a{ color: var(--cjx-texte); }
body.cjx-blog #post-content.cja-article .cja-sommaire a:hover{ color: var(--cjx-violet-fonce); text-decoration: none; }
body.cjx-blog #post-content.cja-article .cja-texte h2{
    position: relative;
    padding-top: 18px;
    font-size: 27px;
    letter-spacing: -.02em;
    color: var(--cjx-encre);
}
body.cjx-blog #post-content.cja-article .cja-texte h2::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: var(--cjx-violet);
}
body.cjx-blog #post-content.cja-article .cja-texte h2:empty{ display: none; }
body.cjx-blog #post-content.cja-article .cja-texte h3{ color: var(--cjx-violet-fonce); }
body.cjx-blog #post-content.cja-article .cja-texte a{
    color: var(--cjx-violet-fonce);
    text-decoration-color: rgba(143, 21, 255, .35);
    text-underline-offset: 3px;
    transition: text-decoration-color .15s;
}
body.cjx-blog #post-content.cja-article .cja-texte a:hover{ text-decoration-color: currentColor; }
body.cjx-blog #post-content.cja-article .cja-texte img{ border-radius: 18px; }
body.cjx-blog #post-content.cja-article .cja-texte blockquote{
    padding: 18px 22px;
    border-left: 0;
    border-radius: 20px;
    background: var(--cjx-violet-10);
    box-shadow: inset 4px 0 0 var(--cjx-violet);
}
body.cjx-blog #post-content.cja-article .cja-maillage{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 20px;
    border-left: 0;
    border-radius: 24px;
    background: var(--cjx-fond);
    border: 1px solid var(--cjx-filet);
}
body.cjx-blog #post-content.cja-article .cja-maillage li{ margin: 0; }
body.cjx-blog #post-content.cja-article .cja-maillage a{
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid var(--cjx-violet-20);
    border-radius: 999px;
    background: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: background .15s, color .15s, border-color .15s;
}
body.cjx-blog #post-content.cja-article .cja-maillage a:hover{ background: var(--cjx-violet); border-color: var(--cjx-violet); color: #fff; }
body.cjx-blog #post-content.cja-article .cja-auteur{ border-top-color: var(--cjx-filet); color: var(--cjx-texte-2); }
body.cjx-blog #post-content.cja-article .cja-partage{
    padding: 20px 22px;
    border-radius: 24px;
    background:
        radial-gradient(60% 120% at 100% 0%, rgba(143, 21, 255, .12), transparent 70%),
        var(--cjx-fond);
    border: 1px solid var(--cjx-filet);
}
body.cjx-blog #post-content.cja-article .cja-partage-titre{ margin-bottom: 12px; font-size: 15px; color: var(--cjx-encre); }
body.cjx-blog #post-content.cja-article .cja-partage a,
body.cjx-blog #post-content.cja-article .cja-copier{
    padding: 9px 16px;
    border-color: var(--cjx-filet);
    font-size: 14px;
    color: var(--cjx-texte);
    transition: background .15s, color .15s, border-color .15s, transform .15s;
}
body.cjx-blog #post-content.cja-article .cja-partage a:hover,
body.cjx-blog #post-content.cja-article .cja-copier:hover{
    background: var(--cjx-violet);
    border-color: var(--cjx-violet);
    color: #fff;
    transform: translateY(-2px);
}
body.cjx-blog #post-content.cja-article .cja-voisins{ gap: 14px; }
body.cjx-blog #post-content.cja-article .cja-voisin{
    position: relative;
    padding: 18px 20px;
    border-color: var(--cjx-filet);
    border-radius: 22px;
    transition: transform .2s, border-color .2s, box-shadow .2s;
}
body.cjx-blog #post-content.cja-article .cja-voisin:hover{
    transform: translateY(-4px);
    border-color: var(--cjx-violet-20);
    box-shadow: 0 26px 44px -30px rgba(143, 21, 255, .55);
}
body.cjx-blog #post-content.cja-article .cja-voisin span{ color: var(--cjx-violet-fonce); letter-spacing: .1em; }
body.cjx-blog #post-content.cja-article .cja-voisin-prec span::before{ content: "← "; }
body.cjx-blog #post-content.cja-article .cja-voisin-suiv span::after{ content: " →"; }
body.cjx-blog #post-content.cja-article .cja-voisin b{ font-size: 15px; color: var(--cjx-encre); }
body.cjx-blog #post-content.cja-article .blog-sidebar > .ps-3{
    padding: 20px 14px 14px !important;
    border: 1px solid var(--cjx-filet);
    border-radius: 24px;
    background: #fff;
}
body.cjx-blog #post-content.cja-article .blog-sidebar .h2{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 6px 10px !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--cjx-encre);
}
body.cjx-blog #post-content.cja-article .blog-sidebar .h2 + ul + .h2{ margin-top: 18px !important; }
body.cjx-blog #post-content.cja-article .blog-sidebar .h2::before{
    content: "";
    width: 18px;
    height: 2px;
    border-radius: 2px;
    background: var(--cjx-violet);
}
body.cjx-blog #post-content.cja-article .blog-sidebar ul{ margin: 0; padding: 0; list-style: none; }
body.cjx-blog #post-content.cja-article .blog-sidebar li{ margin: 0; }
body.cjx-blog #post-content.cja-article .blog-sidebar li a{
    display: block;
    padding: 7px 10px;
    border-radius: 12px;
    font-size: 14.5px;
    line-height: 1.35;
    color: var(--cjx-texte);
    text-decoration: none;
    transition: background .15s, color .15s;
}
body.cjx-blog #post-content.cja-article .blog-sidebar li a:hover{
    background: var(--cjx-violet-10);
    color: var(--cjx-violet-fonce);
}
body.cjx-blog #post-content.cja-article .cja-aussi{
    margin-top: 64px;
    padding: 40px 0 0;
    border-top: 1px solid var(--cjx-filet);
}
body.cjx-blog #post-content.cja-article .cja-aussi > h2{
    margin-bottom: 24px;
    font-size: clamp(26px, 1rem + 1.4vw, 38px);
    letter-spacing: -.025em;
    color: var(--cjx-encre);
}
body.cjx-blog #stores{
    padding: 56px 0 48px !important;
    background: #fff !important;
}
body.cjx-blog #stores .row{ row-gap: 20px; }
body.cjx-blog #stores .col-lg-6 img{
    display: block;
    width: 100%;
    border-radius: 26px;
}
body.cjx-blog #stores .col-lg-6 .overlay{
    left: calc(var(--bs-gutter-x, 1.5rem) * .5);
    right: calc(var(--bs-gutter-x, 1.5rem) * .5);
    border-radius: 26px;
    background: linear-gradient(90deg, rgba(12, 7, 22, 0) 22%, rgba(12, 7, 22, .78) 48%, rgba(12, 7, 22, .92) 100%);
}
body.cjx-blog #stores .col-lg-6 .h2{ font-size: 22px; font-weight: 700; line-height: 1.2; }
body.cjx-blog #stores .col-lg-6 p{ color: #d8cfee; font-size: 14px; line-height: 1.55; }
body.cjx-blog #stores .col-lg-6 a{
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 999px;
    background: var(--cjx-violet);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    transition: background .2s, transform .2s;
}
body.cjx-blog #stores .col-lg-6 a:hover{ background: var(--cjx-violet-fonce); transform: translateY(-2px); }
body.cjx-blog #stores .col-lg-6 a i{ top: 0; font-size: 18px; line-height: 1; }
@media (max-width: 1400px){
body.cjx-blog #stores .col-lg-6 .h2{ font-size: 18px; }
body.cjx-blog #stores .col-lg-6 p{ font-size: 13px; }
}
@media (max-width: 767px){
body.cjx-blog #stores .col-lg-6{ margin-bottom: 0; }
body.cjx-blog #stores .col-lg-6 img{ min-height: 220px; object-fit: cover; border-radius: 22px; }
body.cjx-blog #stores .col-lg-6 .overlay{
        align-items: flex-end;
        border-radius: 22px;
        background: linear-gradient(180deg, rgba(12, 7, 22, 0) 0%, rgba(12, 7, 22, .35) 35%, rgba(12, 7, 22, .9) 80%);
    }
body.cjx-blog #stores .col-lg-6 .h2{ font-size: 17px; }
}
@media (prefers-reduced-motion: reduce){
body.cjx-blog #main-content *{ transition: none !important; }
body.cjx-blog #main-content .cjb-carte:hover,
    body.cjx-blog #main-content .cja-voisin:hover{ transform: none !important; }
}
body.cjx-blog .cjb-actions{
    /* La classe de contexte est en double tiret (cjb-actions--liste) : avec
       un seul, elle valait « cjb-actions-liste » — le nom de la LISTE — et la
       section heritait des regles de grille des cartes, ecrasees a 51 px. */
    display: block;
    width: 100%;
    margin: 42px 0 0;
    padding: 30px 32px 32px;
    border-radius: 28px;
    background:
        linear-gradient(rgba(12, 7, 22, .55), rgba(12, 7, 22, .55)),
        var(--cjx-pcb, none),
        radial-gradient(85% 130% at 10% 0%, rgba(168, 85, 247, .3), transparent 60%),
        linear-gradient(135deg, var(--cjx-nuit, #0c0716), #2a0f52);
    color: #fff;
}
body.cjx-blog .cjb-actions-titre{
    margin: 0 0 20px;
    font-size: clamp(19px, 1rem + .7vw, 25px);
    font-weight: 700;
    letter-spacing: -.02em;
    color: #fff;
    text-wrap: balance;
}
body.cjx-blog .cjb-actions-liste{
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.cjx-blog .cjb-actions-liste li{ margin: 0; }
body.cjx-blog .cjb-actions-liste a{
    display: flex;
    align-items: flex-start;
    gap: 12px;
    height: 100%;
    padding: 16px 16px 17px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 20px;
    background: rgba(255, 255, 255, .06);
    color: #fff !important;
    text-decoration: none !important;
    transition: transform .2s, border-color .2s, background .2s;
}
body.cjx-blog .cjb-actions-liste a:hover,
body.cjx-blog .cjb-actions-liste a:focus-visible{
    transform: translateY(-3px);
    border-color: rgba(168, 85, 247, .85);
    background: rgba(255, 255, 255, .12);
}
body.cjx-blog .cjb-action-rond{
    display: grid;
    place-items: center;
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(168, 85, 247, .3);
}
body.cjx-blog .cjb-action-rond .cjc-i{ width: 20px; height: 20px; color: #fff; }
body.cjx-blog .cjb-action-mots{ display: block; min-width: 0; }
body.cjx-blog .cjb-action-titre{
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.25;
}
body.cjx-blog .cjb-action-sous{
    display: block;
    margin-top: 4px;
    font-size: 12.8px;
    line-height: 1.35;
    color: rgba(255, 255, 255, .72);
}
@media (max-width: 1199px){
body.cjx-blog .cjb-actions-liste{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575px){
body.cjx-blog .cjb-actions{ padding: 24px 18px 26px; border-radius: 22px; }
body.cjx-blog .cjb-actions-liste{ grid-template-columns: minmax(0, 1fr); gap: 10px; }
body.cjx-blog .cjb-actions-liste a{ padding: 14px; }
}
@media (prefers-reduced-motion: reduce){
body.cjx-blog .cjb-actions-liste a:hover{ transform: none; }
}

/* La FAQ d'un article — voir blog-v2.css, section « LA FAQ D'UN ARTICLE ». */
body.cjx-blog .cja-texte .cj-faq{ margin: 0 0 26px; padding: 0; border: 1px solid var(--cjx-filet); border-radius: 16px; overflow: hidden; background: #fff; }
body.cjx-blog .cja-texte .cj-faq dt{ margin: 0; padding: 16px 20px 0; font-size: 17px; font-weight: 700; line-height: 1.4; color: var(--cjx-encre); }
body.cjx-blog .cja-texte .cj-faq dt strong{ font-weight: inherit; }
body.cjx-blog .cja-texte .cj-faq dd{ margin: 0; padding: 8px 20px 16px; border-bottom: 1px solid var(--cjx-filet); font-size: 16px; line-height: 1.7; color: var(--cjx-texte-2); }
body.cjx-blog .cja-texte .cj-faq dd:last-child{ border-bottom: 0; }
body.cjx-blog .cja-texte .cj-faq dd > :first-child{ margin-top: 0; }
body.cjx-blog .cja-texte .cj-faq dd > :last-child{ margin-bottom: 0; }
@media (max-width: 767px){
body.cjx-blog .cja-texte .cj-faq{ border-radius: 14px; }
body.cjx-blog .cja-texte .cj-faq dt{ padding: 14px 15px 0; font-size: 16px; }
body.cjx-blog .cja-texte .cj-faq dd{ padding: 7px 15px 14px; font-size: 15.5px; }
}

/* Les quatre gestes : colonnes adaptatives — voir blog-v2.css.
   Mesuré dans un article : 615 px de large, quatre colonnes fixes tombaient
   à 129 px et le texte se coupait mot par mot. */
body.cjx-blog .cjb-actions-liste{ grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }

/* L'encart des quatre gestes calé sur la colonne de lecture — voir blog-v2.css. */
body.cjx-blog .cjb-actions--article{ max-width: 68ch; }