/*
 * Tirage de tarot : page outil principale (.soeurs-tarot, modèle page-tarot.php).
 *
 * Reproduction de maquette-hub-tarot-v1.html (30/09/2026). Chargée SEULEMENT
 * sur les pages de ce modèle, voir inc/outil-tarot.php. Couleurs : les jetons
 * du thème enfant (style.css), aux valeurs de la maquette.
 *
 * Écarts voulus avec la maquette :
 * - cartes au format 2/3 (celui des images) au lieu de 7/12 : en 7/12,
 *   object-fit:cover rognait les bords et les coins arrondis des cartes ;
 * - boutons et champ redéfinis en entier : Kadence style tous les <button>
 *   et <input> du site ;
 * - le tableau « Quel tirage choisir ? » est un bloc Tableau de l'éditeur :
 *   pas de classes par cellule, les colonnes sont visées par leur rang ;
 *   les liens « Tirer » (#tirer-…) prennent l'allure des boutons.
 */

/* ==========================================================================
   0. Jetons
   ========================================================================== */
.soeurs-tarot{
	--foret:var(--soeurs-foret,#2C3B2D);
	--foret-clair:var(--soeurs-foret-clair,#3A4D3B);
	--foret-fonce:var(--soeurs-foret-fonce,#243024);
	--ivoire:var(--soeurs-ivoire,#F5F0E8);
	--or:var(--soeurs-or-bronze,#9A7B3C);
	--or-clair:var(--soeurs-or-clair-texte,#BA9E64);
	--or-fonce:var(--soeurs-or-texte,#7D6230);
	--sable:var(--soeurs-sable,#D4C5A9);
	--terre:var(--soeurs-terre-texte,#7E694D);
	--blanc:#FFFDF9;
	--titre:Georgia,"Times New Roman",serif;
	--corps:Calibri,Carlito,-apple-system,"Segoe UI",sans-serif;

	background:var(--ivoire);color:var(--foret);font:17px/1.75 var(--corps);
}
.soeurs-tarot [hidden]{display:none!important}
.soeurs-tarot *,.soeurs-tarot *::before,.soeurs-tarot *::after{box-sizing:border-box}
.soeurs-tarot h1,.soeurs-tarot h2,.soeurs-tarot h3{font-family:var(--titre);font-weight:400;letter-spacing:0;text-transform:none;color:inherit}
.soeurs-tarot a{color:var(--or-fonce)}
.soeurs-tarot :focus-visible{outline:2px solid var(--or-clair);outline-offset:3px}
.soeurs-tarot .wrap{max-width:1080px;margin:0 auto;padding:0 22px}
@media (prefers-reduced-motion:reduce){.soeurs-tarot *{transition:none!important;animation:none!important}}

/* Boutons de l'outil : remise à zéro des styles Kadence. */
.soeurs-tarot button{font:inherit;line-height:1.4;min-height:0;box-shadow:none;text-shadow:none;text-transform:none;letter-spacing:0;margin:0;cursor:pointer}

/* ==========================================================================
   1. Fil d'Ariane (bandeau forêt)
   ========================================================================== */
.soeurs-tarot .crumbs{background:var(--foret);color:var(--sable);font-size:13px;line-height:1.5}
.soeurs-tarot .crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;max-width:1080px;margin:0 auto;padding:10px 22px 8px}
.soeurs-tarot .crumbs li{margin:0}
.soeurs-tarot .crumbs li+li::before{content:"›";margin-right:8px;color:var(--or-clair)}
.soeurs-tarot .crumbs a{color:var(--sable)}

/* ==========================================================================
   2. Zone outil
   ========================================================================== */
.soeurs-tarot .tool{background:var(--foret);color:var(--ivoire);padding:18px 0 46px;text-align:center}
.soeurs-tarot .tool h1{font-size:44px;line-height:1.15;color:#fff;font-style:italic;margin:8px 0 12px}
.soeurs-tarot .lede{max-width:620px;margin:0 auto 18px;color:var(--sable);font-size:17.5px;line-height:1.65}
.soeurs-tarot .pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 26px;padding:0;list-style:none}
.soeurs-tarot .pills li{margin:0;border:1px solid rgba(186,158,100,.55);border-radius:30px;padding:4px 14px;font-size:13.5px;line-height:1.5;color:var(--ivoire)}
.soeurs-tarot .modes{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:14px}
.soeurs-tarot .modes button,.soeurs-tarot .sub button{font-size:15.5px;border-radius:999px;border:1px solid var(--or-clair);background:transparent;color:var(--ivoire);padding:7px 17px;scroll-margin-top:20px}
.soeurs-tarot .modes button:hover,.soeurs-tarot .sub button:hover{background:rgba(186,158,100,.18);color:var(--ivoire)}
.soeurs-tarot .modes button[aria-pressed=true],.soeurs-tarot .sub button[aria-pressed=true]{background:var(--or-clair);color:var(--foret)}
.soeurs-tarot .sub{display:flex;gap:8px;justify-content:center;margin-bottom:14px}
.soeurs-tarot .sub button{font-size:14.5px;padding:5px 15px}
.soeurs-tarot .mode-hint{color:var(--sable);font-size:15px;min-height:1.6em;margin:0 0 12px}
.soeurs-tarot .note{max-width:620px;margin:0 auto 14px;background:rgba(245,240,232,.07);border:1px solid rgba(186,158,100,.5);border-radius:10px;padding:12px 16px;font-size:15px;color:#E9E1D2;text-align:left}
.soeurs-tarot .ask{max-width:560px;margin:0 auto 16px;text-align:left}
.soeurs-tarot .ask label{display:block;font-size:14.5px;color:var(--sable);margin-bottom:4px}
.soeurs-tarot .ask input{width:100%;font:16px/1.5 var(--corps);padding:10px 16px;border-radius:12px;border:1px solid rgba(186,158,100,.6);background:rgba(245,240,232,.06);color:#fff;box-shadow:none;margin:0}
.soeurs-tarot .ask input:focus{border-color:var(--or-clair);background:rgba(245,240,232,.1);color:#fff}
.soeurs-tarot .ask input::placeholder{color:rgba(212,197,169,.7)}
.soeurs-tarot .ask small{display:block;font-size:13px;line-height:1.5;color:rgba(212,197,169,.85);margin-top:4px}
.soeurs-tarot .guard{max-width:620px;margin:0 auto 14px;background:var(--ivoire);color:var(--foret);border-radius:12px;padding:16px 20px;text-align:left;font-size:15.5px}
.soeurs-tarot .guard p{margin:0}
.soeurs-tarot .guard p+p{margin-top:8px}
.soeurs-tarot .draw{display:inline-block;font:600 16px/1.4 var(--corps);letter-spacing:.08em;text-transform:uppercase;background:var(--or-clair);color:var(--foret);border:0;border-radius:999px;padding:14px 34px;text-decoration:none}
.soeurs-tarot .draw:hover,.soeurs-tarot .draw:focus{background:#cdb47c;color:var(--foret)}
/* Annonce pour les lecteurs d'écran : hors de la vue, lue par la zone role="status". */
.soeurs-tarot .st-annonce{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Paquet de 22 cartes face cachée (phase 2 bis) : chaque dos est un bouton.
   4 par rangée sur mobile, 6 en tablette, 11 sur grand écran (2 rangées). */
.soeurs-tarot .choix{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 0}
.soeurs-tarot .compteur{margin:0;color:var(--ivoire);font-size:15.5px;font-weight:600;min-width:10.5em}
.soeurs-tarot .melanger{font-size:14px;border-radius:999px;border:1px solid var(--or-clair);background:transparent;color:var(--sable);padding:5px 15px}
.soeurs-tarot .melanger:hover,.soeurs-tarot .melanger:focus-visible{background:rgba(186,158,100,.18);color:var(--ivoire)}
/* Éventail (phase 2 ter) : les 22 dos se chevauchent comme dans une main.
   Chaque carte tourne autour d'un même point, --r sous son bord haut ; son
   angle vient de son rang --i (posé en ligne par le PHP). Les cartes de droite
   recouvrent celles de gauche. Hauteur fixe : rien ne bouge au chargement. */
.soeurs-tarot .table{margin:14px 0 0;scroll-margin-top:16px}
.soeurs-tarot .eventail{--w:58px;--h:87px;--pas:3.2deg;--r:210px;--haut:170px;position:relative;height:var(--haut);max-width:1000px;margin:0 auto;transition:opacity .3s}
.soeurs-tarot .eventail .dos{--a:calc((var(--i) - 10.5) * var(--pas));position:absolute;left:50%;top:22px;width:var(--w);height:var(--h);margin-left:calc(var(--w) / -2);padding:0;border:0;border-radius:6px;background:transparent;transform-origin:50% var(--r);transform:rotate(var(--a)) translateY(var(--lev,0px));transition:transform .25s ease;box-shadow:-2px 2px 6px rgba(0,0,0,.35)}
.soeurs-tarot .eventail .dos img{display:block;width:100%;height:100%;object-fit:contain;border-radius:6px}
/* Carte soulevée : elle sort de la main, passe devant ses voisines, liseré or. */
.soeurs-tarot .eventail .dos.leve,.soeurs-tarot .eventail .dos:focus-visible{--lev:-22px;z-index:30;box-shadow:0 0 0 2px var(--or-clair),0 10px 18px rgba(0,0,0,.45);outline:0}
@media (hover:hover){.soeurs-tarot .eventail .dos:hover:not(:disabled){--lev:-22px;z-index:30;box-shadow:0 0 0 2px var(--or-clair),0 10px 18px rgba(0,0,0,.45)}}
.soeurs-tarot .eventail .dos.tiree{visibility:hidden}
.soeurs-tarot .eventail .dos:disabled{cursor:default}
.soeurs-tarot .eventail.rassemble .dos{--a:0deg;--lev:0px}
.soeurs-tarot .eventail.verrou,.soeurs-tarot .revele .eventail{opacity:.4}
@media (min-width:560px){.soeurs-tarot .eventail{--w:70px;--h:105px;--pas:3deg;--r:420px;--haut:215px}}
@media (min-width:900px){.soeurs-tarot .eventail{--w:84px;--h:126px;--pas:2.9deg;--r:640px;--haut:268px}}

/* Emplacements nommés sous l'éventail : cadre en pointillés à la taille d'une
   carte, nom de la position dessous (2 lignes réservées). */
.soeurs-tarot .poses{display:flex;justify-content:center;gap:12px;margin:10px 0 0;outline:0;scroll-margin-top:16px}
.soeurs-tarot .emplacement{width:96px}
.soeurs-tarot .cadre{position:relative;aspect-ratio:2/3;border:1.5px dashed rgba(186,158,100,.6);border-radius:9px}
.soeurs-tarot .posee,.soeurs-tarot .face{position:absolute;inset:0;padding:0;border:0;background:transparent;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.4)}
.soeurs-tarot .posee img,.soeurs-tarot .face img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.soeurs-tarot .posee:disabled{cursor:default}
.soeurs-tarot .face{animation:st-reveal .55s ease both}
.soeurs-tarot .poses .pos{min-height:2.7em;margin:8px 0 0;font-size:13.5px;line-height:1.35;color:var(--soeurs-or-clair-degrade,#CEB684)}
.soeurs-tarot .poses .pos b{display:block;color:var(--ivoire);font-weight:600}
@media (min-width:560px){.soeurs-tarot .emplacement{width:120px}.soeurs-tarot .poses{gap:22px}}
@media (min-width:900px){.soeurs-tarot .emplacement{width:140px}}
/* Le double qui vole de l'éventail à l'emplacement (ajouté au <body> par le script). */
.st-vol img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;box-shadow:0 8px 18px rgba(0,0,0,.45)}
@keyframes st-reveal{from{transform:rotateY(90deg);opacity:.2}to{transform:none;opacity:1}}

/* ==========================================================================
   3. Lecture
   ========================================================================== */
.soeurs-tarot #lecture{padding:6px 0 10px}
.soeurs-tarot #lecture:empty{display:none}
/* Même colonne que le contenu de l'éditeur (.st-corps > *) : 720 px utiles + 2 × 22 px. */
.soeurs-tarot .reading{max-width:764px;margin:0 auto;padding:10px 22px 30px}
.soeurs-tarot .reading h2{font-size:27px;line-height:1.3;margin:30px 0 8px;padding-bottom:6px;border-bottom:1px solid var(--sable)}
.soeurs-tarot .reading h3{font-size:21px;line-height:1.35;color:var(--or-fonce);margin:22px 0 4px}
.soeurs-tarot .reading p{margin:.55em 0}
.soeurs-tarot .reading .journal{margin:.55em 0 .55em 22px;padding:0}
.soeurs-tarot .brief{background:var(--blanc);border:1px solid var(--sable);border-left:4px solid var(--or);border-radius:10px;padding:18px 22px;margin-top:26px}
.soeurs-tarot .brief h2{border:0;margin:0 0 6px;padding:0}
.soeurs-tarot .q{border-left:3px solid var(--or);background:var(--blanc);padding:8px 14px;font-weight:600}
.soeurs-tarot .verdict{font:400 30px/1.3 var(--titre);text-align:center;margin:26px 0 0}
.soeurs-tarot .verdict b{color:var(--or-fonce)}
.soeurs-tarot .mirror{background:var(--blanc);border:1px solid var(--sable);border-radius:10px;padding:14px 20px}
.soeurs-tarot .after{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.soeurs-tarot .after-note{margin:28px 0 0;font-style:italic;color:var(--terre)}
.soeurs-tarot .after-note + .after{margin-top:14px}
.soeurs-tarot .btn{display:inline-block;font:600 14px/1.4 var(--corps);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--foret);color:var(--foret);background:transparent;border-radius:999px;padding:11px 24px;text-decoration:none}
.soeurs-tarot .btn:hover,.soeurs-tarot .btn:focus{background:var(--foret);color:var(--ivoire)}
.soeurs-tarot .btn.solid{background:var(--foret);color:var(--ivoire)}

/* ==========================================================================
   4. Contenu de l'éditeur : colonne de lecture de 720 px
   ========================================================================== */
.soeurs-tarot .st-corps{padding-bottom:1px}
.soeurs-tarot .st-corps > *{max-width:764px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}
/* Marges verticales seulement : les marges latérales auto de .st-corps > * centrent la colonne. */
.soeurs-tarot .st-corps p{margin-top:0;margin-bottom:14px}
.soeurs-tarot .st-corps > h2{font-size:33px;line-height:1.25;font-style:italic;margin-top:64px;margin-bottom:18px;scroll-margin-top:20px}
.soeurs-tarot .st-corps h3{font-size:22px;line-height:1.35;margin:26px auto 8px}
.soeurs-tarot .bluf{background:var(--blanc);border-left:3px solid var(--or);padding:14px 20px;font-size:17.5px;line-height:1.65}
/* L'encart a son propre fond : sa boîte, et non son texte, s'aligne sur la colonne (720 px, marge de 22 px sur mobile). */
.soeurs-tarot .st-corps > .bluf{margin-bottom:20px;padding-left:20px;max-width:min(720px,calc(100% - 44px))}
.soeurs-tarot .lead{color:var(--terre);font-size:17.5px}

/* Tableau « Quel tirage choisir ? » (bloc Tableau, classe pick). */
.soeurs-tarot .pick{overflow-x:auto;margin-top:10px;margin-bottom:12px}
.soeurs-tarot .pick table{width:100%;border-collapse:separate;border-spacing:0;margin:0;font-size:16px;background:var(--blanc);border:1px solid var(--sable);border-radius:16px;overflow:hidden;table-layout:auto}
.soeurs-tarot .pick th{background:var(--foret);color:var(--sable);font:600 12.5px/1.4 var(--corps);letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:12px 16px;border:0}
.soeurs-tarot .pick th:last-child{font-size:0}
.soeurs-tarot .pick td{padding:16px;border:0;border-top:1px solid #E8DFCC;vertical-align:middle;color:var(--terre);line-height:1.55}
.soeurs-tarot .pick tbody tr:first-child td{border-top:0}
.soeurs-tarot .pick tbody tr:nth-child(even){background:#FAF5EC}
.soeurs-tarot .pick tbody tr:hover{background:#F4ECDC}
.soeurs-tarot .pick td:nth-child(1){font:italic 19px/1.3 var(--titre);color:var(--foret);white-space:nowrap}
.soeurs-tarot .pick td:nth-child(2){white-space:nowrap;font-size:14px;color:var(--foret)}
/* Mini-cartes décoratives (filet or, fond ivoire) : 3 par ligne, 1 seule pour la
   carte du jour (1re ligne). Dessinées en CSS : le bloc Tableau n'accepte pas de <i> vides. */
.soeurs-tarot .pick td:nth-child(2)::before{content:"";display:inline-block;vertical-align:middle;margin-right:8px;width:39px;height:19px;background:
	linear-gradient(160deg,var(--ivoire),#EADFCB) 1px 1px/9px 17px no-repeat,
	linear-gradient(160deg,var(--ivoire),#EADFCB) 15px 1px/9px 17px no-repeat,
	linear-gradient(160deg,var(--ivoire),#EADFCB) 29px 1px/9px 17px no-repeat,
	linear-gradient(var(--or),var(--or)) 0 0/11px 19px no-repeat,
	linear-gradient(var(--or),var(--or)) 14px 0/11px 19px no-repeat,
	linear-gradient(var(--or),var(--or)) 28px 0/11px 19px no-repeat}
.soeurs-tarot .pick tbody tr:first-child td:nth-child(2)::before{width:11px}
.soeurs-tarot .pick td:last-child{text-align:right}
.soeurs-tarot .pick a[href^="#tirer-"]{display:inline-block;font:600 12.5px/1.4 var(--corps);letter-spacing:.08em;text-transform:uppercase;background:var(--or-clair);color:var(--foret);border-radius:999px;padding:8px 18px;white-space:nowrap;text-decoration:none}
.soeurs-tarot .pick a[href^="#tirer-"]:hover,.soeurs-tarot .pick a[href^="#tirer-"]:focus{background:var(--foret);color:var(--ivoire)}
.soeurs-tarot .pick figcaption{display:none}

/* ==========================================================================
   4 bis. Blocs éditoriaux (intro, En résumé, étapes, reformulation, auteur,
   FAQ, bloc final). Styles de la maquette, adaptés au balisage de l'éditeur :
   Kadence enveloppe les enfants des groupes, aucun sélecteur ne vise donc
   les enfants directs d'un groupe. Les encadrés à fond propre s'alignent sur
   la colonne comme .bluf (720 px, marge de 22 px sur mobile).
   ========================================================================== */
.soeurs-tarot .st-corps > .intro{font-size:18px;margin-top:56px;margin-bottom:18px}
.soeurs-tarot .st-corps > .tldr,.soeurs-tarot .st-corps > .reform{max-width:min(720px,calc(100% - 44px))}
.soeurs-tarot .tldr{background:var(--blanc);border:1px solid var(--sable);border-radius:14px;padding:18px 24px 18px 22px}
.soeurs-tarot .tldr .tldr-label{font:italic 20px/1.4 var(--titre);margin-bottom:8px}
.soeurs-tarot .tldr ul{margin:0 0 0 20px;padding:0}
.soeurs-tarot .tldr li{margin:5px 0;padding-left:4px}
.soeurs-tarot .tldr li::marker{color:var(--or)}

.soeurs-tarot .steps{list-style:none;counter-reset:etape;margin-top:10px;margin-bottom:24px}
.soeurs-tarot .steps li{counter-increment:etape;position:relative;margin:0;padding:0 0 16px 52px}
.soeurs-tarot .steps li::before{content:counter(etape);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--or);color:var(--or-fonce);font:18px/34px var(--titre);text-align:center}
.soeurs-tarot .steps strong{display:block;font:400 19px/1.5 var(--titre)}

.soeurs-tarot .reform{background:var(--foret);color:var(--ivoire);border-radius:16px;padding:22px 26px;margin-top:6px;margin-bottom:10px}
.soeurs-tarot .reform h3{color:#fff;margin:0 0 10px;font-size:21px}
.soeurs-tarot .reform p{color:var(--sable);font-size:16px;margin-bottom:10px}
.soeurs-tarot .reform ul{list-style:none;margin:0;padding:0}
.soeurs-tarot .reform li{margin:0;padding:10px 0;border-top:1px solid rgba(212,197,169,.25);font-size:16px}
.soeurs-tarot .reform li:first-child{border-top:0}
.soeurs-tarot .reform s{color:var(--sable);text-decoration-color:var(--or-clair)}
.soeurs-tarot .reform em{display:block;font:normal 17.5px/1.6 var(--titre);color:#fff}

/* Auteur : le portrait flotte à gauche ; chaque paragraphe crée son propre
   contexte (flow-root) et reste en colonne à côté, comme la grille de la maquette. */
.soeurs-tarot .who::after{content:"";display:table;clear:both}
.soeurs-tarot .who .portrait{float:left;width:220px;aspect-ratio:4/5;margin:4px 30px 12px 0;padding:14px;border-radius:110px 110px 14px 14px;background:var(--foret-clair);display:flex;align-items:center;justify-content:center}
.soeurs-tarot .who p{display:flow-root}
.soeurs-tarot .who .portrait-attente{margin:0;color:var(--sable);font-size:13px;text-align:center}

.soeurs-tarot .faq h2{font-size:33px;line-height:1.25;font-style:italic;margin:64px 0 18px;scroll-margin-top:20px}
.soeurs-tarot .st-corps > .faq{scroll-margin-top:20px}
.soeurs-tarot .faq-item{margin:0;border-bottom:1px solid var(--sable)}
.soeurs-tarot .faq-item summary{list-style:none;cursor:pointer;position:relative;padding:18px 34px 18px 2px;font:19px/1.4 var(--titre)}
.soeurs-tarot .faq-item summary::-webkit-details-marker{display:none}
.soeurs-tarot .faq-item summary::after{content:"+";position:absolute;right:6px;top:14px;color:var(--or);font-size:26px;transition:transform .2s}
.soeurs-tarot .faq-item[open] summary::after{transform:rotate(45deg)}
.soeurs-tarot .faq .faq-answer{margin:0;padding:0 2px 20px;color:var(--terre)}

/* Bloc final : bandeau forêt pleine largeur ; le titre est un paragraphe stylé, pas un H2. */
.soeurs-tarot .st-corps > .fin{max-width:none;margin-top:64px;margin-bottom:0;padding:60px 22px;background:var(--foret);color:var(--ivoire);text-align:center}
.soeurs-tarot .fin .fin-titre{margin-bottom:18px;font:italic 32px/1.3 var(--titre);color:#fff}
.soeurs-tarot .fin p{margin-top:22px;color:var(--sable)}
.soeurs-tarot .fin a{color:var(--or-clair)}
.soeurs-tarot .fin .fin-bouton{margin:0}
.soeurs-tarot .fin .fin-bouton a{display:inline-block;font:600 16px/1.4 var(--corps);letter-spacing:.08em;text-transform:uppercase;background:var(--or-clair);color:var(--foret);border-radius:999px;padding:14px 34px;text-decoration:none}
.soeurs-tarot .fin .fin-bouton a:hover,.soeurs-tarot .fin .fin-bouton a:focus{background:#cdb47c}

/* ==========================================================================
   5. Grille des 22 arcanes ([soeurs_tarot_arcanes])
   ========================================================================== */
.soeurs-tarot .arcanes{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:18px 14px;list-style:none;margin:24px auto 16px;padding:0 22px;max-width:1080px}
.soeurs-tarot .arcanes li{margin:0;text-align:center;font-size:14px;line-height:1.35}
.soeurs-tarot .arcanes img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;display:block;margin-bottom:6px;filter:drop-shadow(0 2px 4px rgba(44,59,45,.25))}
.soeurs-tarot .arcanes b{font-family:var(--titre);font-weight:400;font-size:15px;display:block}
.soeurs-tarot .arcanes span{color:var(--terre);font-size:13px}

/* ==========================================================================
   6. Mobile
   ========================================================================== */
@media (max-width:720px){
	.soeurs-tarot .tool{padding:8px 0 36px}
	.soeurs-tarot .tool h1{font-size:30px;margin:4px 0 8px}
	.soeurs-tarot .lede{font-size:15.5px;line-height:1.5;margin-bottom:12px}
	.soeurs-tarot .pills{gap:6px;margin-bottom:16px}
	.soeurs-tarot .pills li{font-size:12.5px;padding:2px 11px}
	.soeurs-tarot .modes{gap:6px;margin-bottom:10px}
	.soeurs-tarot .modes button{font-size:14.5px;padding:6px 13px}
	.soeurs-tarot .mode-hint{font-size:13.5px;margin-bottom:8px}
	.soeurs-tarot .ask{margin-bottom:12px}
	.soeurs-tarot .ask input{padding:8px 14px}
	.soeurs-tarot .ask small{font-size:12px}
	.soeurs-tarot .st-corps > h2{font-size:27px;margin-top:48px}
	.soeurs-tarot .faq h2{font-size:27px;margin-top:48px}
	.soeurs-tarot .who .portrait{float:none;width:auto;max-width:200px;margin:0 0 18px}
	.soeurs-tarot .fin .fin-titre{font-size:27px}

	/* Tableau en fiches. */
	.soeurs-tarot .pick table,.soeurs-tarot .pick tbody,.soeurs-tarot .pick tr,.soeurs-tarot .pick td{display:block;width:100%}
	.soeurs-tarot .pick thead{position:absolute;left:-9999px}
	.soeurs-tarot .pick tr{display:grid!important;grid-template-columns:1fr auto;gap:4px 12px;padding:16px 18px;border-top:1px solid #E8DFCC}
	.soeurs-tarot .pick tbody tr:first-child{border-top:0}
	.soeurs-tarot .pick td{padding:0;border:0}
	.soeurs-tarot .pick td:nth-child(1){grid-column:1}
	.soeurs-tarot .pick td:nth-child(2){grid-column:2;text-align:right}
	.soeurs-tarot .pick td:nth-child(3){grid-column:1/-1;font-size:15px}
	.soeurs-tarot .pick td:nth-child(4){grid-column:1/-1;margin-top:8px;text-align:left}
}