/*
 * Articles de blog — reproduction du gabarit validé « rever-animaux-v3 ».
 *
 * Tout est préfixé par « .soeurs-article » : ce CSS ne peut pas déborder sur
 * le reste du site. Chargé uniquement sur les articles, voir functions.php.
 *
 * Le balisage visé est celui que Gutenberg PRODUIT (blocs natifs + classe CSS
 * additionnelle), pas le HTML brut du gabarit. C'est ce qui rend le système
 * éditable à la main dans l'éditeur ET générable par l'API REST. Le contrat
 * exact de chaque bloc est documenté dans PATTERNS.md (phase 3C-2).
 *
 * Structure posée par le template d'article (phase 3C-3) :
 *
 *   .soeurs-article
 *     .art-hero            en-tête Forêt : .cat, h1, .meta
 *     .cover               image à la une débordante
 *     .art-layout          grille lecture + barre latérale
 *       .art-main          colonne de lecture (~680px)
 *         .art-body        le contenu Gutenberg (the_content)
 *         .author-box      bloc auteur
 *         .related         articles liés
 *       .art-sidebar       sommaire + CTA univers, collant
 *
 * Numérotation des H2 : par compteur CSS, pas par un <span> dans le titre.
 * Le texte du titre reste propre (pour l'humain, l'API et le sommaire), et
 * insérer une section renumérote tout le reste sans rien toucher.
 */

/* ==========================================================================
   0. Jetons, base
   ========================================================================== */
.soeurs-article{
	--foret:var(--soeurs-foret,#2C3B2D);
	--ivoire:var(--soeurs-ivoire,#F5F0E8);
	--or:var(--soeurs-or-bronze,#9A7B3C);
	--or-clair:var(--soeurs-or-clair,#B89A5E);
	--terre:var(--soeurs-terre,#8B7355);
	--sable:var(--soeurs-sable,#D4C5A9);
	--foret-clair:var(--soeurs-foret-clair,#3A4D3B);
	--foret-fonce:var(--soeurs-foret-fonce,#243024);
	--papier:#FBF9F4;
	--or-texte:var(--soeurs-or-texte,#7D6230);
	--terre-texte:var(--soeurs-terre-texte,#7E694D);
	--or-clair-texte:var(--soeurs-or-clair-texte,#BA9E64);
	--or-clair-degrade:var(--soeurs-or-clair-degrade,#CEB684);

	--serif:Georgia,"Times New Roman",serif;
	--sans:Calibri,Carlito,-apple-system,"Segoe UI",sans-serif;

	font-family:var(--sans);
	color:var(--foret);
	background:var(--papier);
	line-height:1.8;
	font-size:18px;
	/* « clip » et non « hidden » : hidden casserait la barre latérale collante. */
	overflow-x:clip;
}
.soeurs-article *,
.soeurs-article *::before,
.soeurs-article *::after{box-sizing:border-box}
.soeurs-article h1,
.soeurs-article h2,
.soeurs-article h3,
.soeurs-article h4{font-family:var(--serif);font-weight:400;color:var(--foret);letter-spacing:0}
.soeurs-article a{color:var(--or-texte);text-decoration:none}
/* Liens du corps de texte : soulignés (1.7.4, accessibilité). */
.soeurs-article .art-body :is(p,li) a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
.soeurs-article a:hover{opacity:.8}
.soeurs-article img{max-width:100%;height:auto;display:block}

/* ==========================================================================
   1. En-tête éditorial — pleine largeur, centré
   ========================================================================== */
.soeurs-article .art-hero{background:var(--foret);color:var(--ivoire);padding:60px 32px 76px;text-align:center;position:relative;overflow:hidden}
.soeurs-article .art-hero::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;height:560px;opacity:.28;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 560' fill='none' stroke='%239A7B3C'%3E%3Ccircle cx='280' cy='280' r='270'/%3E%3Ccircle cx='280' cy='280' r='195'/%3E%3Ccircle cx='280' cy='280' r='120'/%3E%3C/svg%3E") center/contain no-repeat}
.soeurs-article .art-hero-inner{max-width:820px;margin:0 auto;position:relative;z-index:2}
.soeurs-article .art-hero .cat{color:var(--or-clair-texte);font-size:12px;letter-spacing:.28em;text-transform:uppercase;margin:0 0 22px;line-height:1.6}
.soeurs-article .art-hero .cat a{color:inherit}
.soeurs-article .art-hero h1{font-size:46px;line-height:1.18;color:#fff;font-style:italic;margin:0 0 24px}
.soeurs-article .art-hero .meta{display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;color:var(--sable);flex-wrap:wrap;margin:0}
.soeurs-article .art-hero .meta .avatar{width:34px;height:34px;border-radius:50%;background:var(--foret-clair);display:inline-flex;align-items:center;justify-content:center;color:var(--ivoire);font-family:var(--serif);font-size:14px;border:1px solid var(--or);overflow:hidden;flex-shrink:0}
/* Portrait de l'autrice à la place de l'initiale (1.9.9) : remplit le cercle. */
.soeurs-article .art-hero .meta .avatar img,
.soeurs-article .author-box .ab-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.soeurs-article .art-hero .meta .sep{width:1px;height:18px;background:rgba(212,197,169,.4)}

/* Image à la une, qui déborde sur l'en-tête */
.soeurs-article .cover{max-width:1000px;margin:-52px auto 0;padding:0 32px;position:relative;z-index:3}
.soeurs-article .cover img,
.soeurs-article .cover .cover-img{width:100%;height:400px;object-fit:cover;background:var(--foret-clair);border-radius:18px;box-shadow:0 20px 50px rgba(44,59,45,.22);overflow:hidden}
.soeurs-article .cover .cover-img{display:flex;align-items:center;justify-content:center;color:rgba(245,240,232,.4);font-size:12px;letter-spacing:.12em;text-transform:uppercase}

/* ==========================================================================
   2. Grille : colonne de lecture étroite + barre latérale
   ========================================================================== */
.soeurs-article .art-layout{max-width:1140px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start}
.soeurs-article .art-main{max-width:680px;padding:56px 0 60px;min-width:0}

/* ==========================================================================
   3. Corps de texte (contenu Gutenberg)
   ========================================================================== */
.soeurs-article .art-body{counter-reset:soeurs-h2 soeurs-maison}
.soeurs-article .art-body p{margin:0 0 20px}
.soeurs-article .art-body strong{color:var(--foret);font-weight:600}

/* H2 numérotés : 01, 02… Seuls les H2 de premier niveau du contenu comptent ;
   celui de la FAQ, logé dans son groupe, reste sans numéro. */
.soeurs-article .art-body h2{font-size:30px;margin:52px 0 12px;scroll-margin-top:90px;line-height:1.25}
.soeurs-article .art-body > h2::before{counter-increment:soeurs-h2;content:counter(soeurs-h2,decimal-leading-zero);display:block;font-family:var(--sans);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--or-texte);margin-bottom:8px;font-style:normal;line-height:1.4}
.soeurs-article .art-body h3{font-size:22px;margin:34px 0 8px;line-height:1.3;scroll-margin-top:90px}

/* Listes à puces rondes Or */
.soeurs-article .art-body ul{margin:0 0 22px;padding:0;list-style:none}
.soeurs-article .art-body ul li{position:relative;padding-left:26px;margin:0 0 12px}
.soeurs-article .art-body ul li::before{content:"";position:absolute;left:4px;top:12px;width:7px;height:7px;border-radius:50%;background:var(--or)}
.soeurs-article .art-body ol{margin:0 0 22px;padding-left:26px}
.soeurs-article .art-body ol li{margin:0 0 12px;padding-left:4px}
.soeurs-article .art-body ol li::marker{color:var(--or-texte);font-family:var(--serif)}

/* Liste numérotée à pastilles (classe « pastilles » sur le bloc Liste numérotée) :
   le numéro est calculé, dans un cercle Or. Le style d'ol ci-dessus reste celui par défaut. */
.soeurs-article .art-body ol.pastilles{list-style:none;padding-left:0;counter-reset:soeurs-pastille}
.soeurs-article .art-body ol.pastilles li{position:relative;padding-left:44px;margin:0 0 16px;counter-increment:soeurs-pastille}
.soeurs-article .art-body ol.pastilles li::before{content:counter(soeurs-pastille);position:absolute;left:0;top:2px;width:30px;height:30px;box-sizing:border-box;border-radius:50%;border:1px solid var(--or);color:var(--or-texte);font-family:var(--serif);font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center}

/* Question en italique, en fin de paragraphe (span.question) : passe à la ligne. */
.soeurs-article .art-body .question{display:block;font-style:italic;color:var(--terre-texte);margin-top:6px}

/* Intro avec lettrine — paragraphe de classe « intro » */
.soeurs-article .art-body p.intro{font-size:20px;line-height:1.7;color:var(--terre-texte);margin-bottom:8px}
.soeurs-article .art-body p.intro::first-letter{font-family:var(--serif);font-size:68px;float:left;line-height:.82;padding:6px 14px 0 0;color:var(--or);font-style:italic}

/* ==========================================================================
   4. TL;DR — groupe « tldr bluf » : libellé + liste à puces, fond Forêt
   ========================================================================== */
.soeurs-article .art-body .tldr{background:var(--foret);color:var(--ivoire);border-radius:16px;padding:26px 30px;margin:34px 0;position:relative}
.soeurs-article .art-body .tldr .tldr-label{color:var(--or-clair-texte);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px;line-height:1.6}
.soeurs-article .art-body .tldr p{font-size:16.5px;line-height:1.7;color:var(--ivoire);margin:0}
.soeurs-article .art-body .tldr strong{color:#fff}
.soeurs-article .art-body .tldr ul{margin:0}
.soeurs-article .art-body .tldr li{padding-left:24px;margin-bottom:12px;font-size:16px;line-height:1.6;color:var(--ivoire)}
.soeurs-article .art-body .tldr li:last-child{margin-bottom:0}
.soeurs-article .art-body .tldr li::before{left:2px;top:10px;background:var(--or-clair)}

/* ==========================================================================
   5. Sommaire — discret, bordé, une colonne
   ========================================================================== */
.soeurs-article .toc{border-top:1px solid var(--sable);border-bottom:1px solid var(--sable);padding:20px 0;margin:32px 0}
.soeurs-article .toc .toc-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--or-texte);margin:0 0 14px;line-height:1.6}
.soeurs-article .art-body .toc ul,
.soeurs-article .toc ul{list-style:none;font-size:14.5px;line-height:1.6;columns:1;margin:0;padding:0}
.soeurs-article .art-body .toc li,
.soeurs-article .toc li{padding:0;margin:0 0 3px}
.soeurs-article .art-body .toc li::before{content:none}
.soeurs-article .toc a{color:var(--terre-texte)}
.soeurs-article .toc a:hover{color:var(--or-texte);opacity:1}

/* ==========================================================================
   6. H3 animal + picto doré — classes « animal animal--<espèce> »
   Le picto est posé en CSS : le titre ne contient que du texte, et un
   pipeline n'a qu'une classe à choisir. Espèce inconnue : « animal » seul
   donne le picto générique (une patte).
   ========================================================================== */
.soeurs-article .art-body h3.animal{position:relative;padding-left:56px;min-height:42px;display:flex;flex-direction:column;justify-content:center}
.soeurs-article .art-body h3.animal::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid var(--sable);border-radius:50%;background:#fff var(--animal-ic,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%239A7B3C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='13' cy='17.2' rx='4.6' ry='3.8'/%3E%3Ccircle cx='6.8' cy='11.4' r='1.9'/%3E%3Ccircle cx='10.4' cy='7.6' r='1.9'/%3E%3Ccircle cx='15.6' cy='7.6' r='1.9'/%3E%3Ccircle cx='19.2' cy='11.4' r='1.9'/%3E%3C/svg%3E")) center/26px 26px no-repeat}
.soeurs-article h3.animal--loup{--animal-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%239A7B3C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6 L8 12 M21 6 L18 12 M8 12 Q6 18 13 21 Q20 18 18 12 Q16 9 13 9 Q10 9 8 12 Z'/%3E%3Cpath d='M13 21 L13 17 M11 14 L11.5 15 M15 14 L14.5 15'/%3E%3C/svg%3E")}
.soeurs-article h3.animal--lion{--animal-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%239A7B3C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13' cy='14' r='6'/%3E%3Cpath d='M13 8 V4 M9 9 L6 5 M17 9 L20 5 M8 13 L3 12 M18 13 L23 12 M9 18 L6 22 M17 18 L20 22'/%3E%3Ccircle cx='11' cy='13' r='0.6' fill='%239A7B3C' stroke='none'/%3E%3Ccircle cx='15' cy='13' r='0.6' fill='%239A7B3C' stroke='none'/%3E%3C/svg%3E")}
.soeurs-article h3.animal--ours{--animal-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%239A7B3C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13' cy='14' r='7'/%3E%3Ccircle cx='7' cy='7' r='2.4'/%3E%3Ccircle cx='19' cy='7' r='2.4'/%3E%3Cpath d='M11 17 Q13 18.5 15 17'/%3E%3Ccircle cx='11' cy='13' r='0.7' fill='%239A7B3C' stroke='none'/%3E%3Ccircle cx='15' cy='13' r='0.7' fill='%239A7B3C' stroke='none'/%3E%3C/svg%3E")}
.soeurs-article h3.animal--serpent{--animal-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%239A7B3C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 20 Q12 20 12 15 Q12 10 16 10 Q20 10 20 7 Q20 5 17 5'/%3E%3Cpath d='M17 5 L15.5 4 M17 5 L15.5 6'/%3E%3Ccircle cx='6' cy='20' r='1.2' fill='%239A7B3C' stroke='none'/%3E%3C/svg%3E")}
.soeurs-article h3.animal--chien{--animal-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%239A7B3C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 8 L6 13 Q6 19 13 20 Q20 19 20 13 L18 8 L15 11 L11 11 Z'/%3E%3Cpath d='M12 17 L13 18 L14 17'/%3E%3Ccircle cx='11' cy='14' r='0.7' fill='%239A7B3C' stroke='none'/%3E%3Ccircle cx='15' cy='14' r='0.7' fill='%239A7B3C' stroke='none'/%3E%3C/svg%3E")}
.soeurs-article h3.animal--chat{--animal-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%239A7B3C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 6 L9 12 Q9 19 13 19 Q17 19 17 12 L19 6 L15 10 L11 10 Z'/%3E%3Cpath d='M13 15 L13 16 M10 16 L12 16.5 M16 16 L14 16.5'/%3E%3Ccircle cx='11' cy='13' r='0.7' fill='%239A7B3C' stroke='none'/%3E%3Ccircle cx='15' cy='13' r='0.7' fill='%239A7B3C' stroke='none'/%3E%3C/svg%3E")}
.soeurs-article h3.animal--oiseau{--animal-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26' fill='none' stroke='%239A7B3C' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10 Q9 6 13 10 Q17 6 22 10 M13 10 L13 15 Q13 18 11 20'/%3E%3Ccircle cx='13' cy='10' r='0.7' fill='%239A7B3C' stroke='none'/%3E%3C/svg%3E")}

/* Titre de maison (soeurs/maison-h3) : pastille au chiffre romain, calculé dans l'ordre
   des titres « maison » de l'article. Le « / "" » retire le chiffre du nom lu par les
   lecteurs d'écran (le titre dit déjà « Maison I ») ; la 1re déclaration sert de repli. */
.soeurs-article .art-body h3.maison{display:flex;align-items:center;gap:14px}
.soeurs-article .art-body h3.maison::before{counter-increment:soeurs-maison;content:counter(soeurs-maison,upper-roman);content:counter(soeurs-maison,upper-roman) / "";width:42px;height:42px;flex-shrink:0;box-sizing:border-box;border:1px solid var(--sable);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--or-texte);font-family:var(--serif);font-size:15px;font-style:normal;line-height:1}

/* ==========================================================================
   7. Citation mise en avant — paragraphe de classe « pullquote »
   ========================================================================== */
.soeurs-article .art-body p.pullquote{font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.5;color:var(--foret);border-left:3px solid var(--or);padding:8px 0 8px 28px;margin:40px 0}

/* ==========================================================================
   8. STS, mini-réponse de section — paragraphe de classe « sts »
   ========================================================================== */
.soeurs-article .art-body .sts{background:var(--ivoire);border-radius:12px;padding:16px 20px 16px 46px;margin:20px 0 26px;font-size:16px;line-height:1.7;color:var(--foret);position:relative}
.soeurs-article .art-body .sts::before{content:"✦";position:absolute;left:20px;top:16px;color:var(--or);font-size:16px;line-height:1.7}

/* ==========================================================================
   9. Tableau — bloc Tableau natif (figure.wp-block-table)
   ========================================================================== */
.soeurs-article .art-body .wp-block-table{margin:32px 0;border:1px solid var(--sable);border-radius:14px;overflow:hidden;overflow-x:auto;background:var(--papier)}
.soeurs-article .art-body .wp-block-table table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.6;margin:0;border:0;table-layout:auto}
.soeurs-article .art-body .wp-block-table thead{background:var(--foret);color:var(--ivoire);border:0}
.soeurs-article .art-body .wp-block-table th,
.soeurs-article .art-body .wp-block-table td{padding:13px 16px;text-align:left;border:0;border-bottom:1px solid var(--sable);vertical-align:top}
/* Pas de mot coupé en deux (« MAISO / N ») : WordPress pose word-break:break-word sur les
   cellules ; le tableau défile dans son cadre, les colonnes s'élargissent au mot le plus long. */
.soeurs-article .art-body .wp-block-table th,
.soeurs-article .art-body .wp-block-table td{word-break:normal;overflow-wrap:normal}
.soeurs-article .art-body .wp-block-table th{font-family:var(--sans);font-weight:600;letter-spacing:.03em;font-size:12px;text-transform:uppercase;color:var(--ivoire)}
.soeurs-article .art-body .wp-block-table tbody tr:last-child td{border-bottom:0}
.soeurs-article .art-body .wp-block-table tbody tr:nth-child(even){background:#fff}
.soeurs-article .art-body .wp-block-table figcaption{font-size:13px;color:var(--terre-texte);padding:10px 16px;margin:0}

/* Note sous un tableau (paragraphe de classe « note ») : remonte vers le tableau. */
.soeurs-article .art-body p.note{font-size:14.5px;color:var(--terre-texte);margin-top:-12px}

/* Encadré (1.11.6) : groupe de classe « encadre », mise en garde ou précaution.
   Sélecteurs descendants seulement : Kadence insère un conteneur entre le groupe et ses enfants.
   Le gras passe en --or-texte (contraste AA sur blanc), le cadre garde l'Or. */
.soeurs-article .art-body .encadre{border:1px solid var(--or);border-radius:14px;padding:20px 24px;margin:26px 0;background:#fff;font-size:16px;line-height:1.7}
.soeurs-article .art-body .encadre strong{color:var(--or-texte)}
.soeurs-article .art-body .encadre p:last-child{margin-bottom:0}

/* Schéma en SVG inline (bloc HTML personnalisé, figure.figure-roue).
   Le viewBox du SVG fixe ses proportions : hauteur réservée, pas de décalage. */
.soeurs-article .art-body .figure-roue{background:#fff;border:1px solid var(--sable);border-radius:16px;padding:20px;margin:30px 0;text-align:center}
.soeurs-article .art-body .figure-roue svg{display:block;width:100%;max-width:420px;height:auto;margin:0 auto}
.soeurs-article .art-body .figure-roue figcaption{font-size:14px;line-height:1.6;color:var(--terre-texte);margin-top:8px}

/* ==========================================================================
   10. Quiz — emplacement stylisé, visible, à construire
   ========================================================================== */
.soeurs-article .art-body .quiz-ph{background:linear-gradient(135deg,var(--foret) 0%,var(--foret-clair) 100%);color:var(--ivoire);border-radius:18px;padding:40px 30px;margin:44px 0;text-align:center;position:relative;overflow:hidden}
.soeurs-article .art-body .quiz-ph::before{content:"";position:absolute;top:20px;right:24px;width:54px;height:54px;opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M38 8 A24 24 0 1 0 38 52 A17 17 0 1 1 38 8 Z' fill='none' stroke='%23b89a5e' stroke-width='1.25'/%3E%3C/svg%3E") center/contain no-repeat}
.soeurs-article .art-body .quiz-ph .q-tag{display:inline-block;border:1px solid var(--or-clair);color:var(--or-clair-degrade);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:5px 16px;border-radius:20px;margin:0 0 14px;line-height:1.6}
.soeurs-article .art-body .quiz-ph h4{font-size:24px;font-style:italic;margin:0 0 10px;color:#fff;line-height:1.3}
.soeurs-article .art-body .quiz-ph p:not(.q-tag){font-size:14.5px;line-height:1.7;color:var(--sable);max-width:440px;margin:0 auto}

/* ==========================================================================
   11. Produit inline — MASQUÉ tant que la boutique n'existe pas.
   Le style est prêt : à l'ouverture de la boutique, supprimer la seule
   règle « display:none » ci-dessous.
   ========================================================================== */
.soeurs-article .art-body .prod-inline{display:grid;grid-template-columns:96px 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--sable);border-radius:14px;padding:16px 20px 16px 16px;margin:32px 0}
/* Kadence (sans theme.json) enveloppe les enfants d'un groupe : on le neutralise. */
.soeurs-article .art-body .prod-inline > .wp-block-group__inner-container{display:contents}
.soeurs-article .art-body .prod-inline .pi-img{width:96px;height:96px;border-radius:10px;background:var(--ivoire);object-fit:cover;margin:0;display:flex;align-items:center;justify-content:center;color:var(--terre-texte);font-size:11px;text-align:center;line-height:1.3}
.soeurs-article .art-body .prod-inline .pi-cat{color:var(--or-texte);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 2px;line-height:1.5}
.soeurs-article .art-body .prod-inline .pi-name{font-family:var(--serif);font-size:18px;margin:0 0 2px;line-height:1.35}
.soeurs-article .art-body .prod-inline .pi-desc{font-size:14px;color:var(--terre-texte);margin:0;line-height:1.5}
.soeurs-article .art-body .prod-inline .pi-cta{margin:0}
.soeurs-article .art-body .prod-inline .pi-cta a{display:inline-block;border:1px solid var(--or);color:var(--foret);padding:9px 20px;border-radius:30px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.soeurs-article .art-body .prod-inline .pi-cta a:hover{background:var(--or);color:#fff;opacity:1}

/* Masquage : voir la toute fin du fichier. */

/* ==========================================================================
   12. Sources
   ========================================================================== */
.soeurs-article .art-body .sources{background:#fff;border:1px solid var(--sable);border-radius:14px;padding:26px 28px;margin:40px 0}
.soeurs-article .art-body .sources h3{font-size:17px;margin:0 0 14px}
.soeurs-article .art-body .sources ul{font-size:14.5px;line-height:1.7;margin:0}
.soeurs-article .art-body .sources li{padding-left:20px;margin:0 0 8px}
.soeurs-article .art-body .sources li:last-child{margin-bottom:0}
.soeurs-article .art-body .sources li::before{content:"→";left:0;top:0;width:auto;height:auto;border-radius:0;background:none;color:var(--or)}

/* ==========================================================================
   13. FAQ — blocs Détails natifs (details.faq-item > summary + p.faq-answer).
   Accordéon sans JavaScript ; « Ouvert par défaut » dans l'éditeur pour la
   première question.
   ========================================================================== */
.soeurs-article .art-body .faq{margin:48px 0}
.soeurs-article .art-body .faq h2{font-size:30px;margin:0 0 10px}
.soeurs-article .faq-item{border-bottom:1px solid var(--sable);margin:0}
.soeurs-article .faq-item > summary{list-style:none;cursor:pointer;padding:22px 4px;font-family:var(--serif);font-size:19px;line-height:1.4;color:var(--foret);display:flex;justify-content:space-between;align-items:center;gap:16px}
.soeurs-article .faq-item > summary::-webkit-details-marker{display:none}
.soeurs-article .faq-item > summary::after{content:"+";color:var(--or);font-size:24px;line-height:1;flex-shrink:0;transition:transform .2s}
.soeurs-article .faq-item[open] > summary::after{transform:rotate(45deg)}
.soeurs-article .faq-item > summary:hover{color:var(--or-texte)}
.soeurs-article .faq-item > summary:focus-visible{outline:2px solid var(--or);outline-offset:2px}
.soeurs-article .art-body .faq-item .faq-answer{color:var(--terre-texte);font-size:16px;line-height:1.75;padding:0 4px 22px;margin:0}

/* ==========================================================================
   14. Newsletter
   ========================================================================== */
.soeurs-article .newsletter{background:var(--foret);color:var(--ivoire);border-radius:20px;padding:42px 40px;margin:44px 0;text-align:center;position:relative;overflow:hidden}
.soeurs-article .newsletter::before{content:"";position:absolute;top:-10px;right:-10px;width:80px;height:80px;opacity:.25;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M38 8 A24 24 0 1 0 38 52 A17 17 0 1 1 38 8 Z' fill='none' stroke='%23b89a5e' stroke-width='1.25'/%3E%3C/svg%3E") center/contain no-repeat}
.soeurs-article .newsletter .nl-label{color:var(--or-clair-texte);letter-spacing:.24em;font-size:11px;text-transform:uppercase;margin:0 auto 12px;line-height:1.6}
.soeurs-article .newsletter h3{font-size:26px;font-style:italic;margin:0 0 10px;color:#fff;line-height:1.3}
.soeurs-article .newsletter p{font-size:15px;line-height:1.7;color:var(--sable);max-width:440px;margin:0 auto 22px}
.soeurs-article .nl-form{display:flex;gap:10px;max-width:440px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.soeurs-article .nl-form input{flex:1;min-width:200px;padding:13px 18px;border-radius:30px;border:1px solid var(--or);background:rgba(245,240,232,.06);color:var(--ivoire);font-family:var(--sans);font-size:14px;line-height:1.4;margin:0}
.soeurs-article .nl-form input::placeholder{color:rgba(212,197,169,.7)}
.soeurs-article .nl-form input:focus{outline:none;border-color:var(--or-clair);background:rgba(245,240,232,.12)}
.soeurs-article .nl-form button{border:1px solid var(--or);background:var(--or);color:var(--foret);padding:13px 26px;border-radius:30px;font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;line-height:1.4;box-shadow:none}
.soeurs-article .nl-form button:hover{background:var(--or-clair);border-color:var(--or-clair);color:var(--foret)}
.soeurs-article .newsletter p.nl-note{font-size:11.5px;color:rgba(212,197,169,.6);margin:12px auto 0}

/* ==========================================================================
   15. Auteur — « Olivia » + une ligne
   ========================================================================== */
.soeurs-article .author-box{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center;border-top:1px solid var(--sable);border-bottom:1px solid var(--sable);padding:28px 0;margin:44px 0}
/* Même neutralisation que le produit inline : le pattern « auteur » est un groupe. */
.soeurs-article .author-box > .wp-block-group__inner-container{display:contents}
.soeurs-article .author-box .ab-avatar{width:72px;height:72px;border-radius:50%;background:var(--foret);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:26px;color:var(--ivoire);overflow:hidden;margin:0}
.soeurs-article .author-box .ab-avatar img{width:100%;height:100%;object-fit:cover}
.soeurs-article .author-box .ab-name{font-family:var(--serif);font-size:20px;font-style:italic;margin:0 0 4px;line-height:1.3;color:var(--foret)}
.soeurs-article .author-box .ab-bio{font-size:14.5px;color:var(--terre-texte);line-height:1.6;margin:0}
/* « En savoir plus » : souligné comme les liens du corps (lien repéré par sa seule couleur, Lighthouse 12/10/2026). */
.soeurs-article .author-box .ab-bio a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}

/* ==========================================================================
   16. Articles liés
   ========================================================================== */
.soeurs-article .related{margin:48px 0}
.soeurs-article .related h2{font-size:26px;margin:0 0 24px;font-style:italic}
.soeurs-article .related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.soeurs-article .rel-card{display:block;background:#fff;border:1px solid var(--sable);border-radius:14px;overflow:hidden;color:var(--foret)}
/* Élévation, ombre et zoom de la vignette : section 9 de style.css, commune aux cartes du site (1.11.5). */
.soeurs-article .rel-card:hover{border-color:var(--or);opacity:1}
.soeurs-article .rel-thumb{height:120px;background:var(--foret-clair);overflow:hidden}
.soeurs-article .rel-thumb img{width:100%;height:100%;object-fit:cover}
/* Une carte par ligne (mobile) : vignette en 16:9 au lieu d'un bandeau de 120 px (environ 3:1), qui rognait le haut
   et le bas des images 1200 × 630 (numéros et noms des cartes de tarot coupés). 1.11.4. */
@media (max-width:640px){.soeurs-article .rel-thumb{height:auto;aspect-ratio:16/9}}
.soeurs-article .rel-body{padding:16px 18px 20px}
.soeurs-article .rel-cat{color:var(--or-texte);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;line-height:1.5;min-height:1.5em}
.soeurs-article .rel-body h3{font-size:16px;line-height:1.3;margin:0}

/* ==========================================================================
   17. Barre latérale collante : sommaire + CTA univers
   ========================================================================== */
.soeurs-article .art-sidebar{position:sticky;top:calc(24px + var(--wp-admin--admin-bar--height,0px));padding:56px 0 0}
.soeurs-article .side-box{background:#fff;border:1px solid var(--sable);border-radius:16px;padding:24px;margin:0 0 22px}
.soeurs-article .side-box h4{font-family:var(--serif);font-size:16px;margin:0 0 16px;line-height:1.3}
.soeurs-article .side-toc ul{list-style:none;font-size:13.5px;line-height:2;margin:0;padding:0}
.soeurs-article .side-toc li{margin:0;padding:0}
.soeurs-article .side-toc a{color:var(--terre-texte)}
.soeurs-article .side-toc a:hover{color:var(--or-texte);opacity:1}
.soeurs-article .side-cta{background:var(--foret);color:var(--ivoire);text-align:center;border-color:var(--foret)}
.soeurs-article .side-cta h4{color:var(--ivoire);font-style:italic}
.soeurs-article .side-cta p{font-size:13px;line-height:1.6;color:var(--sable);margin:0 0 16px}
.soeurs-article .side-cta a{display:inline-block;border:1px solid var(--or);color:var(--ivoire);padding:10px 22px;border-radius:30px;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.soeurs-article .side-cta a:hover{background:var(--or);opacity:1}

/* ==========================================================================
   18. Responsive
   ========================================================================== */
@media (max-width:980px){
	.soeurs-article .art-layout{grid-template-columns:minmax(0,1fr);gap:0}
	/* width:100% obligatoire : avec des marges auto seules, l'élément de grille se
	   dimensionne sur son contenu, et le min-width du tableau élargit la colonne. */
	.soeurs-article .art-main{width:100%;margin:0 auto}
	.soeurs-article .art-sidebar{display:none}
}
@media (max-width:640px){
	.soeurs-article{font-size:17px}
	.soeurs-article .art-hero{padding:44px 16px 64px}
	.soeurs-article .art-hero h1{font-size:32px}
	.soeurs-article .art-hero .meta{gap:6px 12px}
	.soeurs-article .art-hero .meta .sep{display:none}
	.soeurs-article .cover{padding:0 16px;margin-top:-40px}
	/* Rapport fixe plutôt que 220 px : entre 560 et 640 px de large, un bandeau de 220 px
	   ne montrait plus qu'une moitié de l'image (cercle des 12 maisons coupé). */
	.soeurs-article .cover img,
	.soeurs-article .cover .cover-img{height:auto;aspect-ratio:8/5;border-radius:14px}
	.soeurs-article .art-layout{padding:0 16px}
	.soeurs-article .art-main{padding:40px 0 44px}
	.soeurs-article .art-body p.intro{font-size:18px}
	.soeurs-article .art-body p.intro::first-letter{font-size:56px}
	.soeurs-article .art-body h2,
	.soeurs-article .art-body .faq h2{font-size:25px;margin-top:44px}
	.soeurs-article .art-body h3{font-size:20px}
	.soeurs-article .art-body p.pullquote{font-size:19px;padding-left:20px}
	.soeurs-article .art-body .tldr{padding:22px 20px}
	.soeurs-article .art-body .wp-block-table table{min-width:560px;font-size:13.5px}
	.soeurs-article .art-body .quiz-ph{padding:34px 20px}
	.soeurs-article .art-body .sources{padding:22px 20px}
	.soeurs-article .art-body .prod-inline{grid-template-columns:72px 1fr;padding:14px}
	.soeurs-article .art-body .prod-inline .pi-img{width:72px;height:72px}
	.soeurs-article .art-body .prod-inline .pi-cta{grid-column:1/-1}
	.soeurs-article .faq-item > summary{font-size:17.5px}
	.soeurs-article .newsletter{padding:34px 22px}
	.soeurs-article .author-box{grid-template-columns:56px 1fr;gap:16px}
	.soeurs-article .author-box .ab-avatar{width:56px;height:56px;font-size:21px}
}
@media (prefers-reduced-motion:reduce){
	.soeurs-article .faq-item > summary::after{transition:none}
}

/* ==========================================================================
   18 bis. Termes (soeurs/termes) et étapes (soeurs/etapes)
   Numéros posés par compteurs CSS, comme les H2 : le texte ne les contient
   jamais. Ces deux blocs alimentent le JSON-LD (ItemList, DefinedTermSet,
   HowTo) : ce qui s'affiche ici est exactement ce qui est déclaré.
   ========================================================================== */
.soeurs-article .art-body .termes{counter-reset:soeurs-terme;margin:24px 0 32px}
.soeurs-article .art-body .term{background:#fff;border:1px solid var(--sable);border-radius:14px;padding:20px 24px;margin:16px 0}
.soeurs-article .art-body .term .term-name{font-family:var(--serif);font-size:19px;line-height:1.35;color:var(--foret);margin:0 0 6px}
.soeurs-article .art-body .term .term-name::before{counter-increment:soeurs-terme;content:counter(soeurs-terme,decimal-leading-zero);font-family:var(--sans);font-size:12px;color:var(--or-texte);letter-spacing:.1em;margin-right:10px;vertical-align:.15em}
.soeurs-article .art-body .term .term-def{font-size:15.5px;line-height:1.7;color:var(--terre-texte);margin:0}
.soeurs-article .art-body .term .term-names{font-size:14px;line-height:1.7;color:var(--foret);margin:8px 0 0}
.soeurs-article .art-body .term .term-names strong{color:var(--or-texte);font-weight:600}

/* Variantes, cumulables : « termes--sans-numero » retire le 01, 02… ;
   « termes--grille » range les fiches sur deux colonnes (une sous 600px),
   pour les listes longues de fiches courtes (ex. les 24 heures miroirs). */
.soeurs-article .art-body .termes--sans-numero .term .term-name::before{content:none}
.soeurs-article .art-body .termes--grille{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 28px}
.soeurs-article .art-body .termes--grille > .wp-block-group__inner-container{display:contents}
.soeurs-article .art-body .termes--grille .term{margin:0;padding:16px 22px}
.soeurs-article .art-body .termes--grille .term .term-name{font-size:18px;margin-bottom:4px}
.soeurs-article .art-body .termes--grille .term .term-def{font-size:15px}
@media (max-width:600px){
	.soeurs-article .art-body .termes--grille{grid-template-columns:1fr}
}

.soeurs-article .art-body .howto{counter-reset:soeurs-etape;background:#fff;border:1px solid var(--sable);border-radius:16px;padding:8px 26px 20px;margin:30px 0}
.soeurs-article .art-body .howto-step{border-bottom:1px solid var(--sable);padding:18px 0;margin:0}
.soeurs-article .art-body .howto-step:last-child{border-bottom:0}
.soeurs-article .art-body .howto-step .hs-title{font-family:var(--serif);font-size:18px;line-height:1.4;color:var(--foret);margin:0;display:flex;align-items:center}
.soeurs-article .art-body .howto-step .hs-title::before{counter-increment:soeurs-etape;content:counter(soeurs-etape);flex-shrink:0;display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--foret);color:var(--ivoire);align-items:center;justify-content:center;font-family:var(--serif);font-size:14px;margin-right:12px}
.soeurs-article .art-body .howto-step .hs-desc{font-size:15px;line-height:1.7;color:var(--terre-texte);margin:8px 0 0;padding-left:40px}
@media (max-width:640px){
	.soeurs-article .art-body .term{padding:18px 18px}
	.soeurs-article .art-body .howto{padding:4px 18px 14px}
	.soeurs-article .art-body .howto-step .hs-desc{padding-left:0}
}

/* ==========================================================================
   18 ter. Encart outil (soeurs/outil-cta), sa variante tirage (soeurs/cta-tirage)
   et lien de fiche (term-link)
   ========================================================================== */
.soeurs-article .art-body .tool-cta{background:linear-gradient(135deg,var(--foret) 0%,var(--foret-clair) 100%);color:var(--ivoire);border-radius:18px;padding:38px 32px;margin:34px 0;text-align:center;position:relative;overflow:hidden}
.soeurs-article .art-body .tool-cta::before{content:"";position:absolute;top:18px;right:24px;width:54px;height:54px;opacity:.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M18 12 V48 M42 12 V48 M18 12 L42 26 M18 30 L42 18 M18 42 L42 48' stroke='%23b89a5e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.soeurs-article .art-body .tool-cta .tc-label{color:var(--or-clair-degrade);font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px;line-height:1.6}
.soeurs-article .art-body .tool-cta h3{font-size:26px;font-style:italic;margin:0 0 10px;color:#fff;line-height:1.3}
.soeurs-article .art-body .tool-cta p:not(.tc-label):not(.tc-action):not(.tool-cta__title){font-size:15px;line-height:1.7;color:var(--sable);max-width:460px;margin:0 auto 22px}
.soeurs-article .art-body .tool-cta .tc-action{margin:0}
/* Fond or-clair-degrade et non Or : Forêt sur Or = 2,98:1 (Lighthouse, 12/10/2026), sur #CEB684 = 6,01:1. */
.soeurs-article .art-body .tool-cta .tc-action a{display:inline-block;border:1px solid var(--or-clair-degrade);background:var(--or-clair-degrade);color:var(--foret);padding:14px 34px;border-radius:30px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.soeurs-article .art-body .tool-cta .tc-action a:hover{background:var(--ivoire);border-color:var(--ivoire);opacity:1}
/* Variante « tirage » (soeurs/cta-tirage) : sans motif runique, étiquette en pastille,
   titre en paragraphe (hors plan du texte : ni H3 ni H4). */
.soeurs-article .art-body .tool-cta--tirage{padding:36px 30px;margin:44px 0}
.soeurs-article .art-body .tool-cta--tirage::before{content:none}
.soeurs-article .art-body .tool-cta--tirage .tc-label{display:inline-block;border:1px solid var(--or-clair);border-radius:20px;padding:5px 16px;font-size:10.5px;letter-spacing:.14em;margin:0 0 14px}
.soeurs-article .art-body .tool-cta .tool-cta__title{font-family:var(--serif);font-size:24px;font-style:italic;line-height:1.3;color:#fff;margin:0 0 10px}
.soeurs-article .art-body .tool-cta--tirage p:not(.tc-label):not(.tc-action):not(.tool-cta__title){margin-bottom:20px}
.soeurs-article .art-body .tool-cta--tirage .tc-action a{padding:13px 28px;font-size:12px}
.soeurs-article .art-body .term .term-link{margin:10px 0 0;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}
.soeurs-article .art-body .term .term-link a{color:var(--or-texte)}
@media (max-width:640px){
	.soeurs-article .art-body .tool-cta{padding:32px 20px}
	.soeurs-article .art-body .figure-roue{padding:14px}
}

/* ==========================================================================
   19. Éléments boutique MASQUÉS — à supprimer à l'ouverture de la boutique.
   Produit inline, section boutique (soeurs/section-boutique) et encart
   produit de la barre latérale des pages piliers.
   En dernière position exprès : aucune règle placée plus haut, ni dans une
   requête média, ne peut les réafficher par erreur.
   ========================================================================== */
.soeurs-article .prod-inline,
.soeurs-article .art-body .prod-inline,
.soeurs-article .art-body .boutique-masquee,
.soeurs-article .art-sidebar .side-produit{display:none}

/* ==========================================================================
   20. Pages runes — pied de page (pattern soeurs/navigation-rune)
   ========================================================================== */
.soeurs-article .art-body .nav-rune{margin:48px 0 8px;padding:22px 24px;border:1px solid var(--sable);border-radius:16px;background:var(--papier);font-size:15.5px}
.soeurs-article .art-body .nav-rune p{margin:0 0 8px}
.soeurs-article .art-body .nav-rune p:last-child{margin:0}
.soeurs-article .art-body .nav-rune .nav-rune-suite{font-family:var(--serif);font-size:17px}
.soeurs-article .art-body .nav-rune .nav-rune-cta a,
.soeurs-article .art-body .nav-rune .lien-boutique a{font-weight:600}

/* ==========================================================================
   21. Page « À propos » (page-a-propos.php), mise en page « récit » (maquette v7) :
   une colonne en serif, chapitres numérotés en chiffres romains (compteur CSS,
   retiré de la lecture d'écran), ornement et lettrine, portrait qui chevauche
   l'en-tête, cartes « Par où commencer », TL;DR ivoire en fin de page.
   ========================================================================== */
.soeurs-apropos .art-hero{padding:64px 24px 120px}
.soeurs-apropos .art-hero .cat{margin-bottom:20px}
.soeurs-apropos .art-hero h1{font-size:48px;margin:0}
.soeurs-apropos .art-hero .sub{font-family:var(--serif);font-style:italic;font-size:20px;line-height:1.5;color:var(--sable);margin:10px 0 0}
.soeurs-apropos .art-hero:not(:has(.sub)) h1{margin-bottom:0}
/* Portrait : image à la une, 3:4 ; hauteur réservée par aspect-ratio (pas de décalage). */
.soeurs-apropos .apropos-portrait{position:relative;z-index:3;width:270px;aspect-ratio:3/4;margin:-100px auto 0;border:6px solid #fff;border-radius:14px;background:var(--ivoire);box-shadow:0 16px 40px rgba(44,59,45,.28);overflow:hidden}
.soeurs-apropos .apropos-portrait img{width:100%;height:100%;object-fit:cover;display:block}
.soeurs-apropos .art-solo{max-width:688px;margin:0 auto;padding:40px 24px 72px}
.soeurs-apropos .art-body{counter-reset:soeurs-chapitre}
.soeurs-apropos .art-body > p{font-family:var(--serif);font-size:19px;line-height:1.85;color:#33402f;margin:0 0 22px}
.soeurs-apropos .art-body > p.lead{font-size:22px;line-height:1.7;color:var(--terre-texte);text-align:center;font-style:italic;margin:10px 0}
/* Chapitres : ornement (fond), chiffre romain (::before), titre centré ; lettrine du 1er paragraphe. */
.soeurs-apropos .art-body > h2{font-size:27px;line-height:1.3;text-align:center;margin:56px 0 26px;padding-top:30px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0L9.6 6.4L16 8L9.6 9.6L8 16L6.4 9.6L0 8L6.4 6.4Z' fill='%239A7B3C'/%3E%3C/svg%3E") top center/14px 14px no-repeat}
.soeurs-apropos .art-body > h2::before{counter-increment:soeurs-chapitre;content:counter(soeurs-chapitre,upper-roman);content:counter(soeurs-chapitre,upper-roman) / "";display:block;font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:.12em;text-transform:none;color:var(--or-texte);margin:0 0 4px;line-height:1.4}
.soeurs-apropos .art-body > h2 + p::first-letter{font-family:var(--serif);font-size:58px;float:left;line-height:.85;padding:6px 12px 0 0;color:var(--or);font-style:italic}
.soeurs-apropos .art-body > p.pullquote{font-size:26px;line-height:1.5;text-align:center;font-style:italic;letter-spacing:.05em;color:var(--foret);border:0;border-top:1px solid var(--sable);border-bottom:1px solid var(--sable);padding:26px 0;margin:60px 0 0}
.soeurs-apropos .art-body > p.signature{text-align:right;font-style:italic;font-size:26px;color:var(--or-texte);margin:36px 0 0}
/* Cartes « Par où commencer » (soeurs/cartes-depart) : plus larges que la colonne (900 px). */
.soeurs-apropos .art-body .cartes-depart{position:relative;left:50%;transform:translateX(-50%);width:min(900px,calc(100vw - 48px));margin:44px 0 0}
.soeurs-article .art-body .cartes-depart .start-label{text-align:center;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--or-texte);margin:0 0 16px;line-height:1.6}
.soeurs-article .art-body .start-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.soeurs-article .art-body .start-grid > .wp-block-group__inner-container,
.soeurs-article .art-body .start-card > .wp-block-group__inner-container{display:contents}
.soeurs-article .art-body .start-card{position:relative;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--sable);border-radius:14px;padding:22px}
.soeurs-article .art-body .start-card:hover,.soeurs-article .art-body .start-card:focus-within{border-color:var(--or)}
.soeurs-article .art-body .start-card:focus-within{outline:2px solid var(--or);outline-offset:2px}
.soeurs-article .art-body .start-card p{margin:0}
.soeurs-article .art-body .start-card .start-tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--or-texte);line-height:1.5}
.soeurs-article .art-body .start-card .start-title{font-family:var(--serif);font-size:19px;line-height:1.3}
.soeurs-article .art-body .start-card .start-title a{color:var(--foret);text-decoration:none}
.soeurs-article .art-body .start-card .start-title a::after{content:"";position:absolute;inset:0;border-radius:14px}
.soeurs-article .art-body .start-card .start-text{font-size:14.5px;line-height:1.5;color:var(--terre-texte)}
/* TL;DR ivoire (variante tldr--ivoire), ici en fin de page « En quelques mots ». */
.soeurs-article .art-body .tldr--ivoire{background:var(--ivoire);color:var(--foret);margin:56px 0 0}
.soeurs-article .art-body .tldr--ivoire .tldr-label{color:var(--or-texte);font-weight:600;letter-spacing:.24em}
.soeurs-article .art-body .tldr--ivoire li{color:var(--foret);font-size:16px;padding-left:22px;margin-bottom:8px}
.soeurs-article .art-body .tldr--ivoire li::before{content:"✦";width:auto;height:auto;background:none;border-radius:0;color:var(--or);font-size:12px;left:0;top:2px}
.soeurs-article .art-body .tldr--ivoire strong{color:var(--foret)}
.soeurs-apropos .art-body > p.contact{font-family:var(--sans);font-size:16.5px;line-height:1.7;text-align:center;color:var(--terre-texte);margin:40px 0 0}
@media (max-width:640px){
	.soeurs-apropos .art-hero h1{font-size:38px}
	.soeurs-apropos .art-solo{padding:32px 16px 56px}
	.soeurs-apropos .art-body > p{font-size:18px}
	.soeurs-apropos .art-body > h2{font-size:24px}
	.soeurs-apropos .art-body .cartes-depart{width:auto;left:auto;transform:none}
}

/* ==========================================================================
   22. Page « La boutique » (page-boutique.php, 1.11.1) : page simple
   (maquette page-boutique.html) : en-tête Forêt, colonne de lecture de 660 px.
   ========================================================================== */
.soeurs-simple .art-hero{padding:64px 24px 72px}
.soeurs-simple .art-hero .cat{margin-bottom:20px}
.soeurs-simple .art-hero h1{font-size:42px;line-height:1.2;max-width:760px;margin:0 auto}
.soeurs-simple .art-solo{max-width:708px;margin:0 auto;padding:52px 24px 70px}
.soeurs-simple .art-body > p{font-size:18px;line-height:1.8;margin:0 0 18px}
.soeurs-simple .art-body > p.intro{font-size:20px;color:var(--terre-texte);margin-bottom:34px}
.soeurs-simple .art-body > h2{font-size:27px;font-style:italic;margin:40px 0 12px}
/* Ni numéro de section ni lettrine : la maquette de la page n'en a pas. */
.soeurs-simple .art-body > h2::before{content:none}
.soeurs-article.soeurs-simple .art-body p.intro::first-letter{font:inherit;float:none;padding:0;color:inherit;line-height:inherit}
.soeurs-simple .art-body .liens{list-style:none;margin:8px 0 24px;padding:0}
.soeurs-simple .art-body .liens li{border-bottom:1px solid var(--sable);padding:14px 0;margin:0}
.soeurs-simple .art-body .liens li::before{content:none}
.soeurs-simple .art-body .liens a{font-family:var(--serif);font-size:19px;color:var(--foret);text-decoration:none}
.soeurs-simple .art-body .liens a:hover{color:var(--or-texte)}
.soeurs-simple .art-body .liens span{display:block;font-size:15px;color:var(--terre-texte)}
.soeurs-simple .art-body > p.signature{font-family:var(--serif);font-style:italic;font-size:21px;margin-top:30px}
@media (max-width:640px){
	.soeurs-simple .art-hero h1{font-size:31px}
	.soeurs-simple .art-solo{padding:36px 16px 56px}
}