/* ==========================================================================
   CHANANEE — articles (ressources)
   Un article ecrit dans « Articles » s'affiche ici. La feuille reprend
   l'ossature des pages de texte deja validees du site — en-tete sombre,
   corps creme, meme typographie, memes couleurs — et n'ajoute que ce qui
   est propre a un article : mise en forme du contenu redige, cartes de
   liste, appel au diagnostic, pagination.
   Systeme de design inchange : #0B0B0D, #9A0B31, #F6F4F0,
   Space Grotesk / Instrument Serif / Inter.
   ========================================================================== */

/* ---------- ossature commune aux pages de texte (reprise telle quelle) ---- */
.lg-head{position:relative;background:var(--noir);padding-bottom:52px;
    border-bottom:1px solid #17171B;}
.lg-head-in{max-width:1180px;margin:0 auto;padding:34px 24px 0;}
.lg-kick{display:block;font-family:var(--disp);font-size:10.5px;font-weight:700;
    letter-spacing:.26em;color:#E45C8B;}
.lg-head h1{margin-top:16px;font-family:var(--disp);font-weight:700;letter-spacing:-.03em;
    line-height:1.08;font-size:clamp(29px,3.4vw,46px);color:#fff;max-width:20ch;}
.lg-head h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#E08BA4;}
.lg-lede{margin-top:16px;max-width:62ch;font-size:15.5px;line-height:1.7;color:var(--ink-d2);}
/* état du document : jamais de date d'entrée en vigueur inventée */
.lg-meta{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px 34px;
    padding-top:20px;border-top:1px solid #1D1D23;}
.lg-meta div{min-width:150px;}
.lg-meta dt{font-family:var(--disp);font-size:10px;font-weight:700;letter-spacing:.18em;
    color:#9A9AA2;}
.lg-meta dd{margin-top:6px;font-family:var(--disp);font-size:13.5px;font-weight:600;
    color:var(--ink-d1);}
/* --- avertissement de projet : à retirer avant publication --- */
.lg-draft{max-width:1180px;margin:22px auto 0;padding:0 24px;}
.lg-draft > div{border:1px solid rgba(228,92,127,.42);border-radius:14px;
    background:rgba(154,11,49,.12);padding:18px 20px;}
.lg-draft b{display:block;font-family:var(--disp);font-size:12px;font-weight:700;
    letter-spacing:.14em;color:#E45C8B;}
.lg-draft p{margin-top:9px;font-size:13.5px;line-height:1.65;color:var(--ink-d2);max-width:88ch;}
/* --- passage d'une page légale à l'autre --- */
.lg-tabs{margin-top:30px;display:flex;flex-wrap:wrap;gap:8px;}
.lg-tabs a{font-family:var(--disp);font-size:12.5px;font-weight:600;color:var(--ink-d2);
    text-decoration:none;padding:9px 15px;border-radius:100px;border:1px solid #26262E;
    transition:color .25s,border-color .25s,background .25s;}
.lg-tabs a:hover{color:#fff;border-color:rgba(228,92,127,.42);background:#15131A;}
.lg-tabs a[aria-current="page"]{color:#fff;background:var(--bdx);border-color:var(--bdx);}
.lg-tabs a:focus-visible{outline:2px solid #E45C7F;outline-offset:3px;}
/* --- corps du document --- */
.lg-body{background:var(--casse);}
.lg-wrap{max-width:1180px;margin:0 auto;padding:56px 24px 92px;
    display:grid;grid-template-columns:246px minmax(0,1fr);gap:60px;align-items:start;}
/* sommaire collant, bureau */
.lg-toc{position:sticky;top:26px;}
.lg-toc > span{display:block;font-family:var(--disp);font-size:10px;font-weight:700;
    letter-spacing:.2em;color:var(--ink-2);padding-bottom:12px;border-bottom:1px solid #E5E1DA;}
.lg-toc ol{list-style:none;counter-reset:t;margin-top:12px;}
.lg-toc li{counter-increment:t;}
.lg-toc a{display:flex;gap:9px;padding:7px 0;font-size:13px;line-height:1.45;
    color:var(--ink-2);text-decoration:none;transition:color .2s;}
.lg-toc a::before{content:counter(t,decimal-leading-zero);flex:none;
    font-family:var(--disp);font-size:10.5px;font-weight:700;color:#6E685C;padding-top:2px;
    transition:color .2s;}
.lg-toc a:hover{color:var(--ink);}
.lg-toc a[aria-current="true"]{color:var(--bdx);font-weight:600;}
.lg-toc a[aria-current="true"]::before{color:var(--bdx);}
.lg-toc a:focus-visible{outline:2px solid var(--bdx);outline-offset:3px;border-radius:4px;}
/* sommaire repliable, mobile */
.lg-toc-m{display:none;margin-bottom:34px;border:1px solid var(--line-l);
    border-radius:14px;background:#fff;overflow:hidden;}
.lg-toc-m > summary{cursor:pointer;list-style:none;padding:15px 18px;
    font-family:var(--disp);font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--ink);
    display:flex;align-items:center;justify-content:space-between;gap:12px;}
.lg-toc-m > summary::-webkit-details-marker{display:none;}
.lg-toc-m > summary::after{content:"+";font-family:var(--disp);font-size:17px;color:var(--bdx);
    flex:none;line-height:1;}
.lg-toc-m[open] > summary::after{content:"\2212";}
.lg-toc-m > summary:focus-visible{outline:2px solid var(--bdx);outline-offset:-2px;}
.lg-toc-m ol{list-style:none;counter-reset:m;padding:2px 18px 16px;border-top:1px solid #EFEBE4;}
.lg-toc-m li{counter-increment:m;}
.lg-toc-m a{display:flex;gap:9px;padding:9px 0;font-size:13.5px;color:var(--ink-2);
    text-decoration:none;}
.lg-toc-m a::before{content:counter(m,decimal-leading-zero);flex:none;font-family:var(--disp);
    font-size:10.5px;font-weight:700;color:#6E685C;padding-top:3px;}
.lg-toc-m a:focus-visible{outline:2px solid var(--bdx);outline-offset:2px;border-radius:4px;}
/* --- le texte --- */
.lg-doc{max-width:760px;min-width:0;font-size:15.5px;line-height:1.78;color:var(--ink-2);}
.lg-doc section{scroll-margin-top:26px;padding-top:8px;}
.lg-doc section + section{margin-top:52px;padding-top:40px;border-top:1px solid #E5E1DA;}
.lg-doc h2{font-family:var(--disp);font-weight:700;letter-spacing:-.02em;line-height:1.25;
    font-size:clamp(20px,2.1vw,25px);color:var(--ink);}
.lg-doc h2 .n{display:block;margin-bottom:9px;font-size:10.5px;font-weight:700;
    letter-spacing:.2em;color:var(--bdx);}
.lg-doc h3{margin-top:30px;font-family:var(--disp);font-weight:700;font-size:16.5px;
    letter-spacing:-.01em;line-height:1.35;color:var(--ink);}
.lg-doc p{margin-top:16px;}
.lg-doc ul,.lg-doc ol{margin-top:16px;padding-left:20px;}
.lg-doc li{margin-top:8px;}
.lg-doc li::marker{color:var(--bdx);}
.lg-doc a{color:var(--bdx);text-decoration:underline;text-underline-offset:3px;}
.lg-doc a:hover{text-decoration-thickness:2px;}
.lg-doc a:focus-visible{outline:2px solid var(--bdx);outline-offset:2px;border-radius:3px;}
.lg-doc strong{color:var(--ink);font-weight:600;}
/* renvoi vers un article de loi */
.lg-ref{display:block;margin-top:14px;font-family:var(--disp);font-size:11.5px;
    line-height:1.6;color:#6B6B70;}
.lg-ref b{color:var(--ink-2);font-weight:600;}
/* champ à compléter : impossible à confondre avec une affirmation */
.todo{display:inline-block;font-family:var(--disp);font-size:11.5px;font-weight:700;
    letter-spacing:.06em;color:#8A0B2C;background:rgba(154,11,49,.09);
    border:1px dashed rgba(154,11,49,.42);border-radius:6px;padding:2px 8px;
    white-space:normal;}
.todo.jur{color:#6A5300;background:rgba(180,140,0,.11);border-color:rgba(160,124,0,.45);}
/* encadré d'avertissement dans le texte */
.lg-note{margin-top:22px;border-left:2px solid var(--bdx);padding:2px 0 2px 18px;}
.lg-note b{display:block;font-family:var(--disp);font-size:11.5px;font-weight:700;
    letter-spacing:.14em;color:var(--bdx);}
.lg-note p{margin-top:8px;font-size:14.5px;}
/* --- tableaux juridiques --- */
.lg-tw{margin-top:20px;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
    border:1px solid var(--line-l);border-radius:12px;background:#fff;}
.lg-doc table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.6;
    min-width:600px;}
.lg-doc th{font-family:var(--disp);font-size:10px;font-weight:700;letter-spacing:.14em;
    color:var(--ink);text-align:left;padding:13px 14px;border-bottom:1px solid var(--line-l);
    background:#FBFAF8;vertical-align:bottom;}
.lg-doc td{padding:13px 14px;border-bottom:1px solid #EFEBE4;vertical-align:top;color:var(--ink-2);}
.lg-doc tr:last-child td{border-bottom:0;}
.lg-doc td b{color:var(--ink);font-weight:600;}
.lg-doc td.na{color:#6B6B70;}
/* --- bloc de contact en fin de document --- */
.lg-contact{margin-top:52px;border:1px solid var(--line-l);border-radius:16px;background:#fff;
    padding:26px 26px 28px;}
.lg-contact b{display:block;font-family:var(--disp);font-size:10.5px;font-weight:700;
    letter-spacing:.2em;color:var(--bdx);}
.lg-contact p{margin-top:12px;font-size:14.5px;}
.lg-contact a{font-weight:600;}

/* --- responsive --- */
@media(max-width:1080px){
.lg-wrap{grid-template-columns:minmax(0,1fr);gap:0;padding-top:40px;}
.lg-toc{display:none;}
.lg-toc-m{display:block;}
.lg-doc{max-width:none;}
}
@media(max-width:620px){
.lg-head-in{padding-top:26px;}
.lg-head{padding-bottom:40px;}
.lg-meta{gap:14px 26px;}
.lg-wrap{padding:32px 20px 68px;}
.lg-doc{font-size:15px;}
.lg-doc section + section{margin-top:40px;padding-top:32px;}
.lg-draft{padding:0 20px;}
}
/* --- apparition légère, et rien d'autre ---
     Le texte est visible par défaut. Le fondu n'est appliqué que si le
     script s'exécute (classe posée sur <body>) : sans JavaScript, ou si le
     script échoue, aucune information juridique n'est masquée. */
body.lg-anim .lg-doc section{opacity:0;transform:translateY(10px);
    transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1);}
body.lg-anim .lg-doc section.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){
body.lg-anim .lg-doc section{opacity:1;transform:none;transition:none;}
}
/* ============================================================
     IMPRESSION — le document doit pouvoir être conservé en PDF.
     ============================================================ */


/* ==========================================================================
   PROPRE A L'ARTICLE
   ========================================================================== */

/* --- l'article n'a pas de sommaire lateral : une seule colonne, centree --- */
.art-wrap{grid-template-columns:minmax(0,1fr);gap:0;}
.art-body .lg-wrap{padding-bottom:0;}

/* --- fil d'Ariane --- */
.art-fil{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
    font-family:var(--disp);font-size:11.5px;letter-spacing:.04em;color:var(--ink-d3);}
.art-fil a{color:var(--ink-d2);text-decoration:none;}
.art-fil a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.art-fil a:focus-visible{outline:2px solid #E45C8B;outline-offset:3px;border-radius:3px;}
.art-fil span{color:#5A5A63;}
.art-head-in .lg-kick{margin-top:20px;}
.art-head h1{max-width:20ch;}

/* --- visuel d'en-tete --- */
.art-visuel{margin:0 0 34px;border-radius:16px;overflow:hidden;border:1px solid var(--line-l);
    background:#fff;}
.art-visuel img{display:block;width:100%;height:auto;}
.art-visuel figcaption{padding:12px 16px;font-family:var(--disp);font-size:12px;
    color:#6B6B70;border-top:1px solid #EFEBE4;}

/* --- le texte redige dans WordPress --- */
.art-contenu{max-width:720px;margin:0 auto;min-width:0;
    font-size:16.5px;line-height:1.8;color:var(--ink-2);}
.art-contenu > *:first-child{margin-top:0;}
.art-contenu p{margin-top:20px;}
.art-contenu h2{margin-top:48px;font-family:var(--disp);font-weight:700;letter-spacing:-.02em;
    line-height:1.25;font-size:clamp(21px,2.3vw,27px);color:var(--ink);}
.art-contenu h3{margin-top:34px;font-family:var(--disp);font-weight:700;font-size:18px;
    letter-spacing:-.01em;line-height:1.35;color:var(--ink);}
.art-contenu h4{margin-top:28px;font-family:var(--disp);font-weight:600;font-size:15.5px;color:var(--ink);}
.art-contenu ul,.art-contenu ol{margin-top:20px;padding-left:22px;}
.art-contenu li{margin-top:10px;}
.art-contenu li::marker{color:var(--bdx);}
.art-contenu a{color:var(--bdx);text-decoration:underline;text-underline-offset:3px;}
.art-contenu a:hover{text-decoration-thickness:2px;}
.art-contenu a:focus-visible{outline:2px solid var(--bdx);outline-offset:2px;border-radius:3px;}
.art-contenu strong,.art-contenu b{color:var(--ink);font-weight:600;}
.art-contenu em{font-family:var(--serif);font-style:italic;font-size:1.06em;}
.art-contenu img{max-width:100%;height:auto;display:block;border-radius:12px;margin-top:26px;}
.art-contenu figure{margin:26px 0 0;}
.art-contenu figure img{margin-top:0;}
.art-contenu figcaption{margin-top:10px;font-family:var(--disp);font-size:12px;color:#6B6B70;}
.art-contenu blockquote{margin:28px 0 0;border-left:3px solid var(--bdx);padding:4px 0 4px 20px;
    font-size:17.5px;line-height:1.7;color:var(--ink);}
.art-contenu blockquote p{margin-top:10px;}
.art-contenu blockquote p:first-child{margin-top:0;}
.art-contenu blockquote cite{display:block;margin-top:12px;font-family:var(--disp);
    font-size:12.5px;font-style:normal;color:#6B6B70;}
.art-contenu hr{margin:44px 0 0;border:0;border-top:1px solid #E5E1DA;}
.art-contenu code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:.9em;background:#EFEBE4;border-radius:5px;padding:2px 6px;color:var(--ink);}
.art-contenu pre{margin-top:24px;background:var(--noir);color:#E9E9EE;border-radius:12px;
    padding:18px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:13.5px;line-height:1.65;}
.art-contenu pre code{background:none;padding:0;color:inherit;}
/* un tableau ne doit jamais faire deborder la page */
.art-contenu .wp-block-table,.art-contenu figure.wp-block-table{margin-top:26px;
    max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.art-contenu table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;
    background:#fff;border:1px solid var(--line-l);border-radius:12px;}
.art-contenu th{font-family:var(--disp);font-size:10.5px;font-weight:700;letter-spacing:.14em;
    color:var(--ink);text-align:left;padding:13px 14px;border-bottom:1px solid var(--line-l);
    background:#FBFAF8;}
.art-contenu td{padding:13px 14px;border-bottom:1px solid #EFEBE4;vertical-align:top;}
.art-contenu tr:last-child td{border-bottom:0;}

/* --- pagination interne d'un article decoupe --- */
.art-pages{max-width:720px;margin:36px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;
    font-family:var(--disp);font-size:12.5px;color:var(--ink-2);}
.art-pages > span{font-size:10px;font-weight:700;letter-spacing:.2em;color:#6B6B70;}
.art-pages a{color:var(--bdx);text-decoration:none;border:1px solid var(--line-l);
    border-radius:8px;padding:5px 11px;background:#fff;}

/* --- etiquettes --- */
.art-tags{max-width:720px;margin:40px auto 0;padding-top:26px;border-top:1px solid #E5E1DA;
    display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.art-tags > span{font-family:var(--disp);font-size:10px;font-weight:700;letter-spacing:.2em;
    color:#6B6B70;margin-right:4px;}
.art-tags a{font-family:var(--disp);font-size:12.5px;color:var(--ink-2);text-decoration:none;
    border:1px solid var(--line-l);border-radius:999px;padding:6px 13px;background:#fff;
    transition:border-color .2s,color .2s;}
.art-tags a:hover{border-color:var(--bdx);color:var(--bdx);}
.art-tags a:focus-visible{outline:2px solid var(--bdx);outline-offset:2px;}

/* --- appel au diagnostic, meme composant que le reste du site --- */
.art-cta{margin:64px 0 0;background:var(--noir);border-radius:20px;padding:38px 34px;
    display:grid;grid-template-columns:1.35fr 1fr;gap:34px;align-items:center;}
.art-cta .kick{display:block;font-family:var(--disp);font-size:10.5px;font-weight:700;
    letter-spacing:.22em;color:#E45C8B;}
.art-cta h2{margin-top:14px;font-family:var(--disp);font-weight:700;letter-spacing:-.02em;
    line-height:1.22;font-size:clamp(22px,2.4vw,30px);color:#fff;}
.art-cta h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:#E08BA4;}
.art-cta p{margin-top:12px;font-size:14.5px;line-height:1.7;color:var(--ink-d2);max-width:46ch;}
.art-cta-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;}
.art-cta-actions .btn{justify-content:center;}

/* --- a lire ensuite --- */
.art-suite{margin:64px 0 0;padding-bottom:92px;}
.art-suite h2{font-family:var(--disp);font-weight:700;letter-spacing:-.02em;
    font-size:clamp(19px,2vw,24px);color:var(--ink);}
.art-suite-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}

/* --- carte d'article (suite de lecture et listes) --- */
.art-card{display:flex;flex-direction:column;min-width:0;background:#fff;
    border:1px solid var(--line-l);border-radius:16px;padding:22px 22px 20px;
    text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s;}
.art-card:hover{border-color:rgba(154,11,49,.4);transform:translateY(-2px);
    box-shadow:0 10px 30px rgba(11,11,13,.06);}
.art-card:focus-visible{outline:2px solid var(--bdx);outline-offset:3px;}
.art-card-kick{font-family:var(--disp);font-size:10px;font-weight:700;letter-spacing:.18em;
    color:var(--bdx);}
.art-card h2,.art-card h3{margin-top:10px;font-family:var(--disp);font-weight:700;
    letter-spacing:-.01em;line-height:1.32;font-size:17px;color:var(--ink);}
.art-card p,.art-card-ex{display:block;margin-top:10px;font-size:14px;line-height:1.65;
    color:var(--ink-2);}
.art-card-meta{display:block;margin-top:14px;font-family:var(--disp);font-size:11.5px;
    color:#6B6B70;}
.art-card-meta i{font-style:normal;padding:0 7px;color:#B4AFA5;}
.art-card-lien{display:block;margin-top:16px;font-family:var(--disp);font-size:12.5px;
    font-weight:600;color:var(--bdx);}
.art-card-lien i{font-style:normal;padding-left:5px;}

/* --- liste d'articles --- */
.art-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.art-card-l{padding:0;overflow:hidden;}
.art-card-img{display:block;aspect-ratio:16/9;overflow:hidden;background:#EFEBE4;}
.art-card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.art-card-txt{display:block;padding:22px 22px 20px;}

/* --- aucun resultat --- */
.art-vide{padding:20px 0 92px;max-width:620px;}
.art-vide h2{font-family:var(--disp);font-weight:700;font-size:22px;color:var(--ink);}
.art-vide p{margin-top:12px;font-size:15.5px;line-height:1.7;color:var(--ink-2);}
.art-vide .btn{margin-top:22px;}

/* --- pagination des listes --- */
.art-body .navigation.pagination{margin-top:44px;padding-bottom:92px;}
.art-body .nav-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;
    font-family:var(--disp);font-size:13px;}
.art-body .page-numbers{display:inline-flex;align-items:center;justify-content:center;
    min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line-l);border-radius:10px;
    background:#fff;color:var(--ink-2);text-decoration:none;transition:border-color .2s,color .2s;}
.art-body .page-numbers:hover{border-color:var(--bdx);color:var(--bdx);}
.art-body .page-numbers.current{background:var(--bdx);border-color:var(--bdx);color:#fff;font-weight:600;}
.art-body .page-numbers:focus-visible{outline:2px solid var(--bdx);outline-offset:2px;}

/* --- responsive --- */
@media(max-width:1080px){
.art-suite-grid,.art-liste{grid-template-columns:repeat(2,minmax(0,1fr));}
.art-cta{grid-template-columns:minmax(0,1fr);gap:24px;}
}
@media(max-width:760px){
.art-suite-grid,.art-liste{grid-template-columns:minmax(0,1fr);}
.art-cta{padding:30px 24px;border-radius:16px;}
.art-contenu{font-size:16px;}
.art-suite{margin-top:48px;}
}
@media(max-width:620px){
.art-head h1{max-width:none;}
.art-visuel{border-radius:12px;}
.art-body .navigation.pagination{padding-bottom:68px;}
.art-suite{padding-bottom:68px;}
}