/* ===== SyndiLibre — ARTICLES DA06 =====
   Ce fichier ne porte QUE l'habillage d'un article de blog : la barre de retour, la
   typographie du corps long, les figures, la citation détachée et la barre de partage.
   Il n'y avait pas de design retenu pour ces blocs (la matrice des modèles a été bâtie
   sur les pages du menu, pas sur les articles) : l'écriture suit les règles dures de la
   charte, aucune ombre, rayon 3 px, filets 1 px, or en signal, violet en accent unique.

   Se charge APRÈS site-da06.css et blocs-da06.css.
   L'en-tête d'article, la CTA finale et les renvois réutilisent des designs retenus
   (MB-01-B, MB-48-A, MB-18-A) : rien n'est redessiné ici pour eux.
   ===================================================== */

/* barre de retour, collée sous l'en-tête */
.art-back{--sol:var(--creme-2);border-bottom:1px solid var(--filet);padding:0}
.art-back .wrap{display:flex;align-items:center;gap:14px;min-height:52px;flex-wrap:wrap}
.art-back a{font-family:var(--mono);font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--navy)}
.art-back a:hover{color:var(--violet)}
.art-back span{font-size:13.5px;color:var(--encre-2);border-left:1px solid var(--filet);padding-left:14px}
@media(max-width:700px){.art-back span{display:none}}

/* corps de l'article : mesure de lecture, 880 px par .wrap-n */
.art-b{font-size:17px;line-height:1.72;color:var(--encre-2)}
.art-b>p{margin:0 0 20px}
.art-b>p:first-child{font-size:19.5px;line-height:1.62;color:var(--encre)}
.art-b strong{font-weight:600;color:var(--encre)}
.art-b em{font-style:italic}
.art-b a{color:var(--violet);text-decoration:underline;text-underline-offset:3px}
.art-b h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.2vw,36px);line-height:1.1;letter-spacing:-.026em;color:var(--navy);margin:46px 0 16px;padding-top:26px;border-top:1px solid var(--filet)}
.art-b h3{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.14;letter-spacing:-.022em;color:var(--navy);margin:32px 0 12px}
.art-b ul,.art-b ol{margin:0 0 22px;padding-left:22px}
.art-b li{margin-bottom:9px}
.art-b li::marker{color:var(--or-f)}
.art-b hr{border:none;border-top:1px solid var(--filet);margin:38px 0}

/* citation détachée dans le fil du texte */
.art-pq{font-family:var(--serif);font-size:clamp(22px,2.6vw,29px);line-height:1.2;letter-spacing:-.022em;color:var(--navy);margin:34px 0;padding:0 0 0 clamp(18px,2.4vw,30px);border-left:3px solid var(--or)}

/* figures : photo ou schéma, avec légende sous un filet */
.art-fig{margin:34px 0}
.art-fig img{width:100%;height:auto;display:block;border:1px solid var(--filet);border-radius:2px}
.art-ph{position:relative}
.art-cr{position:absolute;right:10px;bottom:10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--creme);background:rgba(27,20,38,.68);padding:4px 8px;border-radius:2px}
.art-fig figcaption{margin-top:12px;padding-top:12px;border-top:1px solid var(--filet);font-size:14px;line-height:1.6;color:var(--encre-2)}
.art-fig figcaption strong{color:var(--navy);font-weight:600}
.art-sc{background:var(--blanc);border:1px solid var(--filet);border-top:3px solid var(--or);border-radius:var(--r);padding:clamp(16px,2vw,26px)}
.art-sc svg{width:100%;height:auto;display:block}

/* barre de partage, en pied de corps */
.art-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:44px;padding-top:20px;border-top:1px solid var(--filet)}
.art-share .k{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--encre-2)}
.art-share a{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--navy);border:1px solid var(--filet);border-radius:var(--r);min-height:44px;display:inline-flex;align-items:center;padding:0 16px;background:var(--blanc)}
.art-share a:hover{border-color:var(--violet);color:var(--violet)}