/* ============================================================================
 * chronique-core.css — En-tête + parchemin 3-slice + format scénario.
 * TOUT est scopé sous body.tag-chronique-de-la-guilde (classe ajoutée
 * automatiquement par Ghost sur les posts taggés "Chronique de la Guilde").
 * Chemins d'images supposés : assets/css/  →  ../img/chronique/*.png
 * Polices : Cinzel (titres/noms) + EB Garamond (corps/dialogues) à charger
 * dans default.hbs (Google Fonts) à côté d'Inter.
 * ========================================================================== */

/* ---- En-tête éditorial ---- */
body.tag-chronique-de-la-guilde .chronique-badge{display:inline-flex;align-items:center;gap:8px;
  font:800 12px/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#1a1407;
  background:linear-gradient(180deg,#F3D784,#C9A227);padding:8px 15px;border-radius:999px;
  box-shadow:0 0 0 1px rgba(212,175,55,.5),0 8px 26px rgba(201,162,39,.30)}
body.tag-chronique-de-la-guilde .chronique-badge::before{content:'';width:7px;height:7px;
  border-radius:50%;background:#1a1407;opacity:.65}
/* recolore aussi le badge natif du thème (pillar-badge) en OR sur cette catégorie */
body.tag-chronique-de-la-guilde .pillar-badge{color:#1a1407 !important;
  background:linear-gradient(180deg,#F3D784,#C9A227) !important;border-color:rgba(212,175,55,.6) !important}
/* Badge OR PARTOUT (home, listes, articles liés) — via la classe slug posée sur la carte */
.pillar-badge.chronique-de-la-guilde{color:#1a1407 !important;
  background:linear-gradient(180deg,#F3D784,#C9A227) !important;border-color:rgba(212,175,55,.6) !important}

body.tag-chronique-de-la-guilde .chronique-dek{font-family:"EB Garamond",Georgia,serif;
  font-style:italic;font-size:18px;color:#94a3b8;max-width:620px;margin:0 auto 6px}
body.tag-chronique-de-la-guilde .chronique-author{font:13px/1.4 Inter,sans-serif;
  letter-spacing:.04em;color:#c99a3a;margin:14px 0 28px}
body.tag-chronique-de-la-guilde .chronique-author b{color:#e9c766;font-weight:700}
body.tag-chronique-de-la-guilde .chronique-devise{font-family:"EB Garamond",Georgia,serif;
  font-style:italic;color:#7dd3e8;font-size:15px;margin:14px 0 34px;letter-spacing:.02em;text-align:center}

/* ---- Parchemin « rouleau » : rouleaux <img> haut/bas + feuille tuilée glissée dessous ---- */
body.tag-chronique-de-la-guilde .chronique-parch{position:relative;filter:drop-shadow(0 26px 60px rgba(0,0,0,.55))}
body.tag-chronique-de-la-guilde .chronique-parch .roll{display:block;width:100%;height:auto;position:relative;z-index:3;pointer-events:none;user-select:none}
body.tag-chronique-de-la-guilde .chronique-parch .parch-sheet{position:relative;z-index:1;
  background:url('https://home-ai.fr/content/images/2026/06/parch-mid.png') top center / 100% auto repeat-y;
  margin:-11% 0;padding:34px 60px}
@media(max-width:640px){body.tag-chronique-de-la-guilde .chronique-parch .parch-sheet{padding:24px 24px;margin:-8% 0}}

/* ---- Contenu sur le parchemin ---- */
body.tag-chronique-de-la-guilde .chronique-parch .scene{font-family:"EB Garamond",Georgia,serif;max-width:700px;margin:0 auto}
body.tag-chronique-de-la-guilde .chronique-parch .stage{font-style:italic;color:#7a5a2c;font-size:15px;text-align:center;margin:0 0 22px}
body.tag-chronique-de-la-guilde .chronique-parch .line{margin:0 0 16px}
body.tag-chronique-de-la-guilde .chronique-parch .who{display:block;font-family:"Cinzel",Georgia,serif;
  font-weight:700;font-size:15px;letter-spacing:.04em;color:#6b3f12;margin-bottom:2px}
body.tag-chronique-de-la-guilde .chronique-parch .who .role{font-family:Georgia,serif;font-style:italic;
  font-weight:400;font-size:.82em;color:#8a6230}
body.tag-chronique-de-la-guilde .chronique-parch .say{display:block;font-size:18px;line-height:1.5;color:#33240f;
  padding-left:20px;border-left:2px solid rgba(107,63,18,.22)}
body.tag-chronique-de-la-guilde .chronique-parch .chap{font-family:"Cinzel",Georgia,serif;color:#5b3a12;
  font-size:22px;text-align:center;margin:30px 0 14px}
body.tag-chronique-de-la-guilde .chronique-parch .prose p{font-size:18px;line-height:1.62;color:#33240f;margin:0 0 14px}

/* ---- Rangée de cartes-flip dans le fil ---- */
body.tag-chronique-de-la-guilde .chronique-cards{display:flex;flex-wrap:wrap;gap:22px;
  justify-content:center;margin:30px 0}
body.tag-chronique-de-la-guilde .chronique-cards .guilde-card{width:230px}
