Aller au contenu

« MediaWiki:Common.css » : différence entre les versions

MediaWiki:Common.css (voir la source)

Version du 18 février 2026 à 01:12

3 383 octets ajoutés ,  18 février
Annulation des modifications 24426 de Ducdesaintamand (discussion)
Aucun résumé des modifications
Balise : Révoqué
(Annulation des modifications 24426 de Ducdesaintamand (discussion))
Balise : Annulation
Ligne 2 : Ligne 2 :


/* ===================================================
/* ===================================================
   Import Google Fonts — UNIQUE (tout en haut du fichier)
   Police de caractère pour cadre MJonly
  Merriweather remplace EB Garamond comme police de corps.
  Cinzel = titres · Crimson Text = sous-titres · Cormorant Garamond = MJonly
  Lora = accueil (existant) · Merriweather = corps de texte
   =================================================== */
   =================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital@1&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Merriweather:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Cormorant+Garamond:ital@1&display=swap');
/* ===================================================
  Police de caractère pour le nouveau Accueil
  =================================================== */
/* === Import Google Fonts (optionnel, à mettre tout en haut du fichier) === */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Lora:ital,wght@0,400;0,600;1,400&display=swap');


/* ===================================================
/* ===================================================
   NEPHILIM — Points de règle (5 éditions)
   NEPHILIM — Points de règle (5 éditions)
   =================================================== */
   =================================================== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap');


/* --- Structure commune --- */
/* --- Structure commune --- */
Ligne 21 : Ligne 26 :
   border: 2px solid #33302A;
   border: 2px solid #33302A;
   box-shadow: 0 3px 16px rgba(30,27,22,0.2);
   box-shadow: 0 3px 16px rgba(30,27,22,0.2);
   font-family: 'Merriweather', Georgia, serif;
   font-family: 'EB Garamond', Georgia, serif;
   border-collapse: separate;
   border-collapse: separate;
   border-spacing: 0;
   border-spacing: 0;
Ligne 61 : Ligne 66 :
   color: #2A2520;
   color: #2A2520;
   border-top: 1px solid rgba(51,48,42,0.15);
   border-top: 1px solid rgba(51,48,42,0.15);
   font-weight: 400;
   font-weight: 500;
   font-size: 15px;
   font-size: 15px;
}
}
Ligne 254 : Ligne 259 :
/* --- Variables couleurs (via classes, MediaWiki ne supporte pas :root nativement partout) --- */
/* --- Variables couleurs (via classes, MediaWiki ne supporte pas :root nativement partout) --- */


/* === BANNIERE HERO === */
/* === BANNIÈRE HERO === */
/* === BANNIÈRE HERO === */
.nph-hero {
.nph-hero {
Ligne 397 : Ligne 403 :
   font-size: 0.88rem;
   font-size: 0.88rem;
   line-height: 1.45;
   line-height: 1.45;
}
.nph-card-body b,
.nph-card-body strong {
  font-weight: 700;
}
}


Ligne 470 : Ligne 472 :
}
}
.nph-table-flat td:first-child {
.nph-table-flat td:first-child {
   font-weight: 400;
   font-weight: 600;
   color: #4A2D6B;
   color: #4A2D6B;
   white-space: nowrap;
   white-space: nowrap;
Ligne 477 : Ligne 479 :
.nph-table-flat td:first-child b,
.nph-table-flat td:first-child b,
.nph-table-flat td:first-child strong {
.nph-table-flat td:first-child strong {
   font-weight: 700;
   font-weight: 600;
}
}
.nph-table-flat a {
.nph-table-flat a {
Ligne 895 : Ligne 897 :
   vertical-align: middle;
   vertical-align: middle;
}
}


/* ============================================================
/* ============================================================
   NEPHILIM LÉGENDE — CSS de base pour tous les tableaux
   NEPHILIM LÉGENDE — CSS de base pour tous les tableaux
   Classe : neph_table_NL
   Classe : neph_table_NL
  À copier dans MediaWiki:Common.css
    
    
   Charte NL : Pourpre sombre #574B6B / Parchemin mauve #E3DEE8
   Charte NL : Pourpre sombre #574B6B / Parchemin mauve #E3DEE8
   Polices : Cinzel (titres), Crimson Text (sous-titres),
   Polices : Cinzel (titres), Crimson Text (sous-titres),
             Merriweather (contenu, 15px, weight 400)
             EB Garamond (contenu, 16px, weight 500)
  Bordures : #33302A · Texte : #2A2520 · Blanc : #F7F6F2
 
  USAGE (tableau simple) :
  {| class="wikitable neph_table_NL"
  |-
  ! En-tête 1 !! En-tête 2
  |-
  | Donnée 1 || Donnée 2
  |}
 
  USAGE (tableau large avec scroll horizontal) :
  <div class="neph-scroll-top"><div class="neph-scroll-top-spacer"></div></div>
  <div class="neph-scroll-table">
  {| class="wikitable neph_table_NL" ...
  |}
  </div>
  (requiert nephilim-double-scroll.js dans MediaWiki:Common.js)
 
  Pour le tableau des Incarnations, ajouter aussi la classe
  neph_table_incarnations et charger le CSS correspondant.
   ============================================================ */
   ============================================================ */


Ligne 925 : Ligne 947 :


/* --- Barre de défilement HAUTE (div vide + spacer) --- */
/* --- Barre de défilement HAUTE (div vide + spacer) --- */
.neph-scroll-top {
.neph-scroll-top {
   overflow-x: auto;
   overflow-x: auto;
Ligne 977 : Ligne 1 000 :
}
}


/* Quand le scroll-table est seul (sans scroll-top au-dessus) */
/* Quand le scroll-table est seul (sans scroll-top au-dessus) :
  coins arrondis complets et marge haute restaurée */
.neph-scroll-table:not(.neph-scroll-top + .neph-scroll-table) {
.neph-scroll-table:not(.neph-scroll-top + .neph-scroll-table) {
   margin-top: 1.5em;
   margin-top: 1.5em;
Ligne 985 : Ligne 1 009 :


/* ===========================================================
/* ===========================================================
   2. STYLE DE BASE DU TABLEAU NL
   2. STYLE DE BASE DU TABLEAU
   =========================================================== */
   =========================================================== */


Ligne 993 : Ligne 1 017 :
   background: #ffffff !important;
   background: #ffffff !important;
   color: #2A2520 !important;
   color: #2A2520 !important;
   font-family: 'Merriweather', Georgia, serif;
   font-family: 'EB Garamond', Georgia, serif;
   font-size: 15px !important;
   font-size: 16px !important;
   font-weight: 400;
   font-weight: 500;
   line-height: 1.4;
   line-height: 1.4;
   border: none !important;
   border: none !important;
}
}


/* --- Cellules générales --- */
.neph_table_NL th,
.neph_table_NL th,
.neph_table_NL td {
.neph_table_NL td {
Ligne 1 009 : Ligne 1 034 :
}
}


/* Force 16px sur les cellules de données (surcharge wikitable) */
.neph_table_NL td {
.neph_table_NL td {
   font-size: 15px !important;
   font-size: 16px !important;
}
}


/* --- En-têtes (th) --- */
.neph_table_NL th {
.neph_table_NL th {
   background: #574B6B !important;
   background: #574B6B !important;
Ligne 1 025 : Ligne 1 052 :
}
}


/* Liens dans les en-têtes : blancs sur fond pourpre */
.neph_table_NL th a,
.neph_table_NL th a,
.neph_table_NL th a:visited {
.neph_table_NL th a:visited {
Ligne 1 035 : Ligne 1 063 :
}
}


/* 3. LIENS DANS LES CELLULES NL */
 
/* ===========================================================
  3. LIENS DANS LES CELLULES
  =========================================================== */
 
.neph_table_NL td a {
.neph_table_NL td a {
   color: #574B6B !important;
   color: #574B6B !important;
Ligne 1 044 : Ligne 1 076 :
   text-decoration: underline;
   text-decoration: underline;
}
}
/* Liens non existants (redlinks MediaWiki) */
.neph_table_NL a.new {
.neph_table_NL a.new {
   color: #a0352a !important;
   color: #a0352a !important;
}
}


/* 4. SÉPARATION VISUELLE NL */
 
/* ===========================================================
  4. SÉPARATION VISUELLE (opt-in)
  Ajouter class="ere-end" sur une cellule pour un trait fort
  =========================================================== */
 
.neph_table_NL .ere-end {
.neph_table_NL .ere-end {
   border-right: 2px solid #574B6B !important;
   border-right: 2px solid #574B6B !important;
}
}


/* 5. EFFETS INTERACTIFS NL */
 
.neph_table_NL tbody tr:hover td {
/* ===========================================================
  5. EFFETS INTERACTIFS
  =========================================================== */
 
.neph_table_NL tbody tr:hover td {
   background: #EDE8F0 !important;
   background: #EDE8F0 !important;
   transition: background 0.12s ease;
   transition: background 0.12s ease;
}
}
.neph_table_NL td:hover {
.neph_table_NL td:hover {
   outline: 1px solid #574B6B;
   outline: 1px solid #574B6B;
Ligne 1 063 : Ligne 1 106 :
}
}


/* 6. RESPONSIVE NL */
 
/* ===========================================================
  6. RESPONSIVE
  =========================================================== */
 
@media (max-width: 768px) {
@media (max-width: 768px) {
   .neph_table_NL {
   .neph_table_NL {
Ligne 1 074 : Ligne 1 121 :
}
}


/* 7. IMPRESSION NL */
 
/* ===========================================================
  7. IMPRESSION
  =========================================================== */
 
@media print {
@media print {
   .neph-scroll-table,
   .neph-scroll-table,
Ligne 1 095 : Ligne 1 146 :
   }
   }
}
}


/* ============================================================
/* ============================================================
   NEPHILIM 4e — Anniversaire — neph_table_N4
   NEPHILIM 4e — Anniversaire — CSS de base pour tous les tableaux
  Classe : neph_table_N4
  À copier dans MediaWiki:Common.css
 
  Charte N4 : #6B4548 / #E8DDD8
  Polices : Cinzel (titres), Crimson Text (sous-titres),
            EB Garamond (contenu, 16px, weight 500)
  Bordures : #33302A · Texte : #2A2520 · Blanc : #F7F6F2
 
  USAGE :
  {| class="wikitable neph_table_N4"
  ...
  |}
   ============================================================ */
   ============================================================ */
/* ===========================================================
  1. STYLE DE BASE DU TABLEAU
  =========================================================== */


.neph_table_N4 {
.neph_table_N4 {
Ligne 1 106 : Ligne 1 173 :
   background: #ffffff !important;
   background: #ffffff !important;
   color: #2A2520 !important;
   color: #2A2520 !important;
   font-family: 'Merriweather', Georgia, serif;
   font-family: 'EB Garamond', Georgia, serif;
   font-size: 15px !important;
   font-size: 16px !important;
   font-weight: 400;
   font-weight: 500;
   line-height: 1.4;
   line-height: 1.4;
   border: none !important;
   border: none !important;
}
}
/* --- Cellules générales --- */
.neph_table_N4 th,
.neph_table_N4 th,
.neph_table_N4 td {
.neph_table_N4 td {
Ligne 1 120 : Ligne 1 189 :
   color: #2A2520 !important;
   color: #2A2520 !important;
}
}
.neph_table_N4 td { font-size: 15px !important; }
 
/* Force 16px sur les cellules de données (surcharge wikitable) */
.neph_table_N4 td {
  font-size: 16px !important;
}
 
/* --- En-têtes (th) --- */
.neph_table_N4 th {
.neph_table_N4 th {
   background: #6B4548 !important;
   background: #6B4548 !important;
Ligne 1 132 : Ligne 1 207 :
   border-bottom: 2px solid #33302A !important;
   border-bottom: 2px solid #33302A !important;
}
}
.neph_table_N4 th a, .neph_table_N4 th a:visited { color: #ffffff !important; text-decoration: none; }
 
.neph_table_N4 th a:hover { color: #E8DDD8 !important; text-decoration: underline; }
/* Liens dans les en-têtes : blancs */
.neph_table_N4 td a { color: #6B4548 !important; text-decoration: none; }
.neph_table_N4 th a,
.neph_table_N4 td a:hover { color: #9a6a6d !important; text-decoration: underline; }
.neph_table_N4 th a:visited {
.neph_table_N4 a.new { color: #a0352a !important; }
  color: #ffffff !important;
.neph_table_N4 .ere-end { border-right: 2px solid #6B4548 !important; }
  text-decoration: none;
.neph_table_N4 tbody tr:hover td { background: #F0E8E5 !important; transition: background 0.12s ease; }
.neph_table_N4 td:hover { outline: 1px solid #6B4548; outline-offset: -1px; }
@media (max-width: 768px) {
  .neph_table_N4 { font-size: 12px; }
  .neph_table_N4 th, .neph_table_N4 td { padding: 3px 5px !important; }
}
}
@media print {
.neph_table_N4 th a:hover {
  .neph_table_N4 th, .neph_table_N4 td { position: static !important; }
   color: #E8DDD8 !important;
   .neph_table_N4 th { background: #ddd !important; color: #000 !important; text-shadow: none; }
  text-decoration: underline;
}
}




/* ============================================================
/* ===========================================================
   NEPHILIM 3e — Révélation — neph_table_NR
   2. LIENS DANS LES CELLULES
   ============================================================ */
   =========================================================== */


.neph_table_NR {
.neph_table_N4 td a {
   border-collapse: separate !important;
   color: #6B4548 !important;
   border-spacing: 0 !important;
   text-decoration: none;
  background: #ffffff !important;
}
   color: #2A2520 !important;
.neph_table_N4 td a:hover {
   font-family: 'Merriweather', Georgia, serif;
   color: #9a6a6d !important;
  font-size: 15px !important;
   text-decoration: underline;
  font-weight: 400;
  line-height: 1.4;
  border: none !important;
}
}
.neph_table_NR th,
.neph_table_N4 a.new {
.neph_table_NR td {
   color: #a0352a !important;
  border: 1px solid #c0c8d0 !important;
  padding: 4px 7px !important;
  vertical-align: middle !important;
  background: #ffffff !important;
   color: #2A2520 !important;
}
}
.neph_table_NR td { font-size: 15px !important; }
 
.neph_table_NR th {
 
  background: #4A5568 !important;
/* ===========================================================
  color: #F7F6F2 !important;
  3. SÉPARATION VISUELLE (opt-in)
  font-family: 'Cinzel', serif;
  =========================================================== */
  font-weight: 600;
 
  font-size: 0.85em;
.neph_table_N4 .ere-end {
  letter-spacing: 0.04em;
   border-right: 2px solid #6B4548 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-color: #3A4558 !important;
   border-bottom: 2px solid #33302A !important;
}
}
.neph_table_NR th a, .neph_table_NR th a:visited { color: #ffffff !important; text-decoration: none; }
 
.neph_table_NR th a:hover { color: #DDE2E8 !important; text-decoration: underline; }
 
.neph_table_NR td a { color: #4A5568 !important; text-decoration: none; }
/* ===========================================================
.neph_table_NR td a:hover { color: #6a7a9a !important; text-decoration: underline; }
  4. EFFETS INTERACTIFS
.neph_table_NR a.new { color: #a0352a !important; }
  =========================================================== */
.neph_table_NR .ere-end { border-right: 2px solid #4A5568 !important; }
 
.neph_table_NR tbody tr:hover td { background: #E8ECF0 !important; transition: background 0.12s ease; }
.neph_table_N4 tbody tr:hover td {
.neph_table_NR td:hover { outline: 1px solid #4A5568; outline-offset: -1px; }
  background: #F0E8E5 !important;
@media (max-width: 768px) {
  transition: background 0.12s ease;
  .neph_table_NR { font-size: 12px; }
  .neph_table_NR th, .neph_table_NR td { padding: 3px 5px !important; }
}
}
@media print {
 
  .neph_table_NR th, .neph_table_NR td { position: static !important; }
.neph_table_N4 td:hover {
   .neph_table_NR th { background: #ddd !important; color: #000 !important; text-shadow: none; }
   outline: 1px solid #6B4548;
  outline-offset: -1px;
}
}




/* ============================================================
/* ===========================================================
   NEPHILIM 2e édition — neph_table_N2
   5. RESPONSIVE
   ============================================================ */
   =========================================================== */


.neph_table_N2 {
@media (max-width: 768px) {
  border-collapse: separate !important;
   .neph_table_N4 {
   border-spacing: 0 !important;
    font-size: 12px;
  background: #ffffff !important;
   }
  color: #2A2520 !important;
   .neph_table_N4 th,
  font-family: 'Merriweather', Georgia, serif;
   .neph_table_N4 td {
   font-size: 15px !important;
    padding: 3px 5px !important;
   font-weight: 400;
  }
   line-height: 1.4;
  border: none !important;
}
}
.neph_table_N2 th,
 
.neph_table_N2 td {
 
  border: 1px solid #c8c8c0 !important;
/* ===========================================================
  padding: 4px 7px !important;
  6. IMPRESSION
  vertical-align: middle !important;
  =========================================================== */
   background: #ffffff !important;
 
   color: #2A2520 !important;
@media print {
}
   .neph_table_N4 th,
.neph_table_N2 td { font-size: 15px !important; }
   .neph_table_N4 td {
.neph_table_N2 th {
    position: static !important;
  background: #727a68 !important;
  }
  color: #F7F6F2 !important;
  .neph_table_N4 th {
  font-family: 'Cinzel', serif;
    background: #ddd !important;
  font-weight: 600;
    color: #000 !important;
  font-size: 0.85em;
    text-shadow: none;
  letter-spacing: 0.04em;
   }
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   border-color: #626A58 !important;
  border-bottom: 2px solid #33302A !important;
}
}
.neph_table_N2 th a, .neph_table_N2 th a:visited { color: #ffffff !important; text-decoration: none; }
.neph_table_N2 th a:hover { color: #E8E4D8 !important; text-decoration: underline; }
.neph_table_N2 td a { color: #727a68 !important; text-decoration: none; }
.neph_table_N2 td a:hover { color: #8a9a7a !important; text-decoration: underline; }
.neph_table_N2 a.new { color: #a0352a !important; }
.neph_table_N2 .ere-end { border-right: 2px solid #727a68 !important; }
.neph_table_N2 tbody tr:hover td { background: #EDE8E0 !important; transition: background 0.12s ease; }
.neph_table_N2 td:hover { outline: 1px solid #727a68; outline-offset: -1px; }
@media (max-width: 768px) {
  .neph_table_N2 { font-size: 12px; }
  .neph_table_N2 th, .neph_table_N2 td { padding: 3px 5px !important; }
}
@media print {
  .neph_table_N2 th, .neph_table_N2 td { position: static !important; }
  .neph_table_N2 th { background: #ddd !important; color: #000 !important; text-shadow: none; }
}


/* ============================================================
/* ============================================================
   NEPHILIM 1ère édition — neph_table_N1
   NEPHILIM 3e — Révélation — CSS de base pour tous les tableaux
  Classe : neph_table_NR
  À copier dans MediaWiki:Common.css
 
  Charte NR : #4A5568 / #DDE2E8
  Polices : Cinzel (titres), Crimson Text (sous-titres),
            EB Garamond (contenu, 16px, weight 500)
  Bordures : #33302A · Texte : #2A2520 · Blanc : #F7F6F2
 
  USAGE :
  {| class="wikitable neph_table_NR"
  ...
  |}
   ============================================================ */
   ============================================================ */


.neph_table_N1 {
 
/* ===========================================================
  1. STYLE DE BASE DU TABLEAU
  =========================================================== */
 
.neph_table_NR {
   border-collapse: separate !important;
   border-collapse: separate !important;
   border-spacing: 0 !important;
   border-spacing: 0 !important;
   background: #ffffff !important;
   background: #ffffff !important;
   color: #2A2520 !important;
   color: #2A2520 !important;
   font-family: 'Merriweather', Georgia, serif;
   font-family: 'EB Garamond', Georgia, serif;
   font-size: 15px !important;
   font-size: 16px !important;
   font-weight: 400;
   font-weight: 500;
   line-height: 1.4;
   line-height: 1.4;
   border: none !important;
   border: none !important;
}
}
.neph_table_N1 th,
 
.neph_table_N1 td {
/* --- Cellules générales --- */
   border: 1px solid #d0c8c0 !important;
.neph_table_NR th,
.neph_table_NR td {
   border: 1px solid #c0c8d0 !important;
   padding: 4px 7px !important;
   padding: 4px 7px !important;
   vertical-align: middle !important;
   vertical-align: middle !important;
Ligne 1 279 : Ligne 1 334 :
   color: #2A2520 !important;
   color: #2A2520 !important;
}
}
.neph_table_N1 td { font-size: 15px !important; }
 
.neph_table_N1 th {
/* Force 16px sur les cellules de données (surcharge wikitable) */
   background: #6B5D4F !important;
.neph_table_NR td {
  font-size: 16px !important;
}
 
/* --- En-têtes (th) --- */
.neph_table_NR th {
   background: #4A5568 !important;
   color: #F7F6F2 !important;
   color: #F7F6F2 !important;
   font-family: 'Cinzel', serif;
   font-family: 'Cinzel', serif;
Ligne 1 288 : Ligne 1 349 :
   letter-spacing: 0.04em;
   letter-spacing: 0.04em;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   border-color: #5B4D3F !important;
   border-color: #3A4558 !important;
   border-bottom: 2px solid #33302A !important;
   border-bottom: 2px solid #33302A !important;
}
}
.neph_table_N1 th a, .neph_table_N1 th a:visited { color: #ffffff !important; text-decoration: none; }
 
.neph_table_N1 th a:hover { color: #E8E0D3 !important; text-decoration: underline; }
/* Liens dans les en-têtes : blancs */
.neph_table_N1 td a { color: #6B5D4F !important; text-decoration: none; }
.neph_table_NR th a,
.neph_table_N1 td a:hover { color: #9a8a7a !important; text-decoration: underline; }
.neph_table_NR th a:visited {
.neph_table_N1 a.new { color: #a0352a !important; }
  color: #ffffff !important;
.neph_table_N1 .ere-end { border-right: 2px solid #6B5D4F !important; }
  text-decoration: none;
.neph_table_N1 tbody tr:hover td { background: #F0E8E0 !important; transition: background 0.12s ease; }
.neph_table_N1 td:hover { outline: 1px solid #6B5D4F; outline-offset: -1px; }
@media (max-width: 768px) {
  .neph_table_N1 { font-size: 12px; }
  .neph_table_N1 th, .neph_table_N1 td { padding: 3px 5px !important; }
}
}
@media print {
.neph_table_NR th a:hover {
  .neph_table_N1 th, .neph_table_N1 td { position: static !important; }
   color: #DDE2E8 !important;
   .neph_table_N1 th { background: #ddd !important; color: #000 !important; text-shadow: none; }
  text-decoration: underline;
}
}




/* ============================================================
/* ===========================================================
   NEPHILIM LÉGENDE — CSS spécifique au tableau des Incarnations
   2. LIENS DANS LES CELLULES
   Classe additionnelle : neph_table_incarnations
   =========================================================== */
  ============================================================ */


.neph_table_incarnations {
.neph_table_NR td a {
   width: max-content;
   color: #4A5568 !important;
   min-width: 100%;
  text-decoration: none;
}
.neph_table_NR td a:hover {
  color: #6a7a9a !important;
   text-decoration: underline;
}
}
.neph_table_incarnations td {
.neph_table_NR a.new {
   white-space: nowrap;
   color: #a0352a !important;
}
}


/* --- Ligne des Ères (première ligne) --- */
 
.neph_table_incarnations tr:first-child th {
/* ===========================================================
   font-size: 0.88em;
  3. SÉPARATION VISUELLE (opt-in)
  letter-spacing: 0.06em;
  =========================================================== */
  padding: 7px 8px !important;
 
.neph_table_NR .ere-end {
   border-right: 2px solid #4A5568 !important;
}
}
.neph_table_incarnations tr:first-child th.ere-end {
 
   border-right: 2px solid #ffffff !important;
 
/* ===========================================================
  4. EFFETS INTERACTIFS
  =========================================================== */
 
.neph_table_NR tbody tr:hover td {
   background: #E8ECF0 !important;
  transition: background 0.12s ease;
}
}


/* --- Ligne des Époques (deuxième ligne) --- */
.neph_table_NR td:hover {
.neph_table_incarnations tr:nth-child(2) td,
   outline: 1px solid #4A5568;
.neph_table_incarnations tr:nth-child(2) th {
   outline-offset: -1px;
   background: #E3DEE8 !important;
}
   color: #574B6B !important;
 
  font-family: 'Crimson Text', serif;
 
   font-size: 0.82em;
/* ===========================================================
   font-weight: 600;
  5. RESPONSIVE
   text-shadow: none;
  =========================================================== */
   border-bottom: 2px solid #574B6B !important;
 
@media (max-width: 768px) {
   .neph_table_NR {
    font-size: 12px;
   }
   .neph_table_NR th,
   .neph_table_NR td {
    padding: 3px 5px !important;
  }
}
}


/* --- Colonnes fixes (sticky) --- */
 
.neph_table_incarnations .neph-sticky-1 {
/* ===========================================================
  position: sticky !important;
  6. IMPRESSION
   left: 0 !important;
  =========================================================== */
   z-index: 8;
 
  background: #E3DEE8 !important;
@media print {
  color: #574B6B !important;
  .neph_table_NR th,
  font-family: 'Cinzel', serif;
  .neph_table_NR td {
   font-weight: 600;
    position: static !important;
  font-size: 0.88em;
   }
  border-right: 2px solid #574B6B !important;
   .neph_table_NR th {
  box-sizing: border-box;
    background: #ddd !important;
  width: 95px;
    color: #000 !important;
  min-width: 95px;
    text-shadow: none;
  max-width: 95px;
   }
  white-space: normal;
}
}


.neph_table_incarnations .neph-sticky-2 {
/* ============================================================
   position: sticky !important;
  NEPHILIM 2e édition — CSS de base pour tous les tableaux
   left: 95px !important;
  Classe : neph_table_N2
   z-index: 7;
  À copier dans MediaWiki:Common.css
   background: #E3DEE8 !important;
 
   color: #574B6B !important;
  Charte N2 : #727a68 / #E8E4D8
  Polices : Cinzel (titres), Crimson Text (sous-titres),
            EB Garamond (contenu, 16px, weight 500)
  Bordures : #33302A · Texte : #2A2520 · Blanc : #F7F6F2
 
  USAGE :
  {| class="wikitable neph_table_N2"
  ...
  |}
  ============================================================ */
 
 
/* ===========================================================
  1. STYLE DE BASE DU TABLEAU
  =========================================================== */
 
.neph_table_N2 {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  color: #2A2520 !important;
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 1.4;
  border: none !important;
}
 
/* --- Cellules générales --- */
.neph_table_N2 th,
.neph_table_N2 td {
   border: 1px solid #c8c8c0 !important;
  padding: 4px 7px !important;
  vertical-align: middle !important;
   background: #ffffff !important;
   color: #2A2520 !important;
}
 
/* Force 16px sur les cellules de données (surcharge wikitable) */
.neph_table_N2 td {
  font-size: 16px !important;
}
 
/* --- En-têtes (th) --- */
.neph_table_N2 th {
   background: #727a68 !important;
   color: #F7F6F2 !important;
   font-family: 'Cinzel', serif;
   font-family: 'Cinzel', serif;
   font-weight: 600;
   font-weight: 600;
   font-size: 0.85em;
   font-size: 0.85em;
   border-right: 2px solid #574B6B !important;
   letter-spacing: 0.04em;
   box-sizing: border-box;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
   width: 60px;
   border-color: #626A58 !important;
  min-width: 60px;
   border-bottom: 2px solid #33302A !important;
   max-width: 60px;
  box-shadow: 3px 0 6px rgba(87, 75, 107, 0.1);
}
}


.neph_table_incarnations th.neph-sticky-1 {
/* Liens dans les en-têtes : blancs */
   z-index: 15;
.neph_table_N2 th a,
  background: #574B6B !important;
.neph_table_N2 th a:visited {
   color: #F7F6F2 !important;
   color: #ffffff !important;
   text-decoration: none;
}
}
.neph_table_incarnations th.neph-sticky-2 {
.neph_table_N2 th a:hover {
   z-index: 14;
   color: #E8E4D8 !important;
  background: #574B6B !important;
   text-decoration: underline;
   color: #F7F6F2 !important;
}
}


/* --- Lignes des Éléments (Vécus par Ka) --- */
.neph_table_incarnations .ka-feu .neph-sticky-2 { background: #f8e8e4 !important; color: #a0352a !important; }
.neph_table_incarnations .ka-feu td { background: #fdf6f5 !important; }
.neph_table_incarnations .ka-air .neph-sticky-2 { background: #e4eef6 !important; color: #3a6a90 !important; }
.neph_table_incarnations .ka-air td { background: #f5f8fc !important; }
.neph_table_incarnations .ka-eau .neph-sticky-2 { background: #dce8f2 !important; color: #2a5a80 !important; }
.neph_table_incarnations .ka-eau td { background: #f2f6fa !important; }
.neph_table_incarnations .ka-terre .neph-sticky-2 { background: #e4f0dc !important; color: #3a6a28 !important; }
.neph_table_incarnations .ka-terre td { background: #f5faf2 !important; }
.neph_table_incarnations .ka-lune .neph-sticky-2 { background: #ebe4f2 !important; color: #6a4a8a !important; }
.neph_table_incarnations .ka-lune td { background: #f8f5fc !important; }


.neph_table_incarnations .ka-feu .neph-sticky-1,
/* ===========================================================
.neph_table_incarnations .ka-air .neph-sticky-1,
  2. LIENS DANS LES CELLULES
.neph_table_incarnations .ka-eau .neph-sticky-1,
  =========================================================== */
.neph_table_incarnations .ka-terre .neph-sticky-1,
 
.neph_table_incarnations .ka-lune .neph-sticky-1 {
.neph_table_N2 td a {
   background: #E3DEE8 !important;
  color: #727a68 !important;
   color: #574B6B !important;
  text-decoration: none;
}
.neph_table_N2 td a:hover {
   color: #8a9a7a !important;
  text-decoration: underline;
}
.neph_table_N2 a.new {
   color: #a0352a !important;
}
}


.neph_table_incarnations tr.ka-feu:hover td  { background: #f3e0dc !important; }
.neph_table_incarnations tr.ka-air:hover td  { background: #dce8f2 !important; }
.neph_table_incarnations tr.ka-eau:hover td  { background: #d4e0ec !important; }
.neph_table_incarnations tr.ka-terre:hover td { background: #dcecd4 !important; }
.neph_table_incarnations tr.ka-lune:hover td  { background: #e2d8ee !important; }


/* --- Lignes spéciales --- */
/* ===========================================================
.neph_table_incarnations .neph-pi td {
  3. SÉPARATION VISUELLE (opt-in)
  text-align: center;
  =========================================================== */
  font-weight: 700;
 
  color: #574B6B !important;
.neph_table_N2 .ere-end {
  font-family: 'Cinzel', serif;
   border-right: 2px solid #727a68 !important;
  font-size: 1em;
  background: #f0ecf4 !important;
}
.neph_table_incarnations .neph-pi .neph-sticky-1,
.neph_table_incarnations .neph-pi .neph-sticky-2 {
   background: #E3DEE8 !important;
}
}


.neph_table_incarnations .neph-so td,
 
.neph_table_incarnations .neph-sorts td,
/* ===========================================================
.neph_table_incarnations .neph-quetes td,
  4. EFFETS INTERACTIFS
.neph_table_incarnations .neph-quetes-arcane td,
  =========================================================== */
.neph_table_incarnations .neph-savoirs td {
 
   font-size: 0.82em;
.neph_table_N2 tbody tr:hover td {
   line-height: 1.5;
   background: #EDE8E0 !important;
  white-space: normal;
   transition: background 0.12s ease;
  min-width: 100px;
}
}


.neph_table_incarnations .neph-stases td {
.neph_table_N2 td:hover {
   font-style: italic;
   outline: 1px solid #727a68;
  color: #6a6060 !important;
   outline-offset: -1px;
  font-size: 0.82em;
   white-space: normal;
  min-width: 150px;
}
}
/* ===========================================================
  5. RESPONSIVE
  =========================================================== */


@media (max-width: 768px) {
@media (max-width: 768px) {
   .neph_table_incarnations .neph-sticky-2 {
   .neph_table_N2 {
     position: static !important;
     font-size: 12px;
     left: auto !important;
  }
  .neph_table_N2 th,
  .neph_table_N2 td {
     padding: 3px 5px !important;
   }
   }
}
}
@media print {
 
   .neph_table_incarnations .neph-sticky-1,
 
   .neph_table_incarnations .neph-sticky-2 {
/* ===========================================================
  6. IMPRESSION
  =========================================================== */
 
@media print {
   .neph_table_N2 th,
   .neph_table_N2 td {
     position: static !important;
     position: static !important;
  }
  .neph_table_N2 th {
    background: #ddd !important;
    color: #000 !important;
    text-shadow: none;
   }
   }
}
}


/* ============================================================
  NEPHILIM 1ère édition — CSS de base pour tous les tableaux
  Classe : neph_table_N1
  À copier dans MediaWiki:Common.css
 
  Charte N1 : #6B5D4F / #E8E0D3
  Polices : Cinzel (titres), Crimson Text (sous-titres),
            EB Garamond (contenu, 16px, weight 500)
  Bordures : #33302A · Texte : #2A2520 · Blanc : #F7F6F2
 
  USAGE :
  {| class="wikitable neph_table_N1"
  ...
  |}
  ============================================================ */


/* ============================================ */
/* INFOBOX EFFETMAGIQUE — Dégradés en-tête      */
/* par science occulte                          */
/* ============================================ */


/* Magie — Or royal */
/* ===========================================================
.infobox-sc-magie {
  1. STYLE DE BASE DU TABLEAU
  background: linear-gradient(135deg, #6A5010 0%, #B89830 25%, #E8C848 50%, #B89830 75%, #6A5010 100%) !important;
  =========================================================== */
  color: #FFFFFF !important;
}


/* Kabbale — Argent sacré */
.neph_table_N1 {
.infobox-sc-kabbale {
  border-collapse: separate !important;
   background: linear-gradient(135deg, #3A3A4A 0%, #6A6A80 30%, #9898B0 50%, #6A6A80 70%, #3A3A4A 100%) !important;
  border-spacing: 0 !important;
   color: #F0F0F8 !important;
   background: #ffffff !important;
  color: #2A2520 !important;
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 16px !important;
   font-weight: 500;
  line-height: 1.4;
  border: none !important;
}
}


/* Alchimie — Rouge métallique */
/* --- Cellules générales --- */
.infobox-sc-alchimie {
.neph_table_N1 th,
   background: linear-gradient(135deg, #3A0A0A 0%, #6A1A1A 30%, #982828 50%, #6A1A1A 70%, #3A0A0A 100%) !important;
.neph_table_N1 td {
   color: #F8D8D8 !important;
  border: 1px solid #d0c8c0 !important;
  padding: 4px 7px !important;
  vertical-align: middle !important;
   background: #ffffff !important;
   color: #2A2520 !important;
}
}


/* Qiyas — Or classique */
/* Force 16px sur les cellules de données (surcharge wikitable) */
.infobox-sc-qiyas {
.neph_table_N1 td {
   background: linear-gradient(135deg, #B8860B 0%, #DAA520 30%, #F0D060 50%, #DAA520 70%, #B8860B 100%) !important;
   font-size: 16px !important;
  color: #2A1F0A !important;
}
}


/* Nécromancie — Noir / violet sombre */
/* --- En-têtes (th) --- */
.infobox-sc-necromancie {
.neph_table_N1 th {
   background: linear-gradient(135deg, #1A1020 0%, #2A1840 30%, #402860 50%, #2A1840 70%, #1A1020 100%) !important;
  background: #6B5D4F !important;
   color: #D0C0E0 !important;
  color: #F7F6F2 !important;
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 0.85em;
   letter-spacing: 0.04em;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  border-color: #5B4D3F !important;
   border-bottom: 2px solid #33302A !important;
}
}


/* Kabbale noire — Noir / gris métallique */
/* Liens dans les en-têtes : blancs */
.infobox-sc-kabbale-noire {
.neph_table_N1 th a,
   background: linear-gradient(135deg, #0E0E0E 0%, #2A2A30 30%, #484850 50%, #2A2A30 70%, #0E0E0E 100%) !important;
.neph_table_N1 th a:visited {
   color: #C8C8D0 !important;
   color: #ffffff !important;
   text-decoration: none;
}
}
 
.neph_table_N1 th a:hover {
/* Talents — Turquoise métallique */
   color: #E8E0D3 !important;
.infobox-sc-talents {
   text-decoration: underline;
   background: linear-gradient(135deg, #0A3038 0%, #186068 30%, #20888C 50%, #186068 70%, #0A3038 100%) !important;
   color: #D0F4F4 !important;
}
}


/* Mandalas — Mauve / gris argent */
.infobox-sc-mandalas {
  background: linear-gradient(135deg, #3A2848 0%, #6A5080 30%, #8878A0 50%, #6A5080 70%, #3A2848 100%) !important;
  color: #E8E0F0 !important;
}


/* Dons — Mauve / doré */
/* ===========================================================
.infobox-sc-dons {
  2. LIENS DANS LES CELLULES
   background: linear-gradient(135deg, #3A2040 0%, #6A4060 30%, #A07040 50%, #6A4060 70%, #3A2040 100%) !important;
  =========================================================== */
   color: #F0E0D0 !important;
 
.neph_table_N1 td a {
  color: #6B5D4F !important;
  text-decoration: none;
}
.neph_table_N1 td a:hover {
   color: #9a8a7a !important;
  text-decoration: underline;
}
.neph_table_N1 a.new {
   color: #a0352a !important;
}
}




/* ============================================
/* ===========================================================
   Modèle {{Définition}} — Cadres de définition
   3. SÉPARATION VISUELLE (opt-in)
   ============================================ */
   =========================================================== */


.def-cadre {
.neph_table_N1 .ere-end {
    border-left: 4px solid #999;
  border-right: 2px solid #6B5D4F !important;
    padding: .8em 1.2em;
    margin: .5em 0;
    background: #fafafa;
    border-radius: 0 3px 3px 0;
}
}
.def-badge {
 
    display: inline-block;
 
    font-family: 'Cinzel', serif;
/* ===========================================================
    font-size: .7em;
  4. EFFETS INTERACTIFS
    font-weight: 600;
  =========================================================== */
    letter-spacing: .06em;
 
    text-transform: uppercase;
.neph_table_N1 tbody tr:hover td {
    padding: .15em .55em;
  background: #F0E8E0 !important;
    border-radius: 3px;
  transition: background 0.12s ease;
    color: #fff;
    margin-bottom: .5em;
    line-height: 1.4;
}
}
.def-texte {
 
    font-size: .95em;
.neph_table_N1 td:hover {
    line-height: 1.55;
  outline: 1px solid #6B5D4F;
}
  outline-offset: -1px;
.def-source {
    margin-top: .5em;
    font-size: .82em;
    color: #888;
    font-style: italic;
}
}


.def-nl  { border-left-color: #574B6B; }
.def-badge-nl { background-color: #7B6D92; }
.def-n4  { border-left-color: #6B4548; }
.def-badge-n4 { background-color: #8E6568; }
.def-nr  { border-left-color: #4A5568; }
.def-badge-nr { background-color: #6B7A8E; }
.def-n2  { border-left-color: #727a68; }
.def-badge-n2 { background-color: #8E9680; }
.def-n1  { border-left-color: #6B5D4F; }
.def-badge-n1 { background-color: #8E7E6E; }
.def-wiki { border-left-color: #A08050; }
.def-badge-wiki { background-color: #B89860; }


/* ===========================================================
  5. RESPONSIVE
  =========================================================== */


/* ============================================
@media (max-width: 768px) {
   INFOBOX SUPPLÉMENTS — Styles par édition
  .neph_table_N1 {
   ============================================ */
    font-size: 12px;
  }
  .neph_table_N1 th,
  .neph_table_N1 td {
    padding: 3px 5px !important;
  }
}
 
 
/* ===========================================================
   6. IMPRESSION
   =========================================================== */


.infobox-supplement {
@media print {
     background: #fff;
  .neph_table_N1 th,
     border-radius: 4px;
  .neph_table_N1 td {
     overflow: hidden;
     position: static !important;
     box-shadow: 0 1px 5px rgba(0,0,0,0.1);
  }
    font-family: 'Merriweather', 'Georgia', serif;
  .neph_table_N1 th {
    font-size: 0.92em;
     background: #ddd !important;
     color: #000 !important;
     text-shadow: none;
  }
}
}
.infobox-supplement table {
 
    width: 100%;
 
    border-collapse: collapse;
 
}
/* ============================================================
.infobox-supplement-badge {
  NEPHILIM LÉGENDE — CSS spécifique au tableau des Incarnations
    font-family: 'Cinzel', serif;
  Classe additionnelle : neph_table_incarnations
    font-size: 0.65em;
  À copier dans MediaWiki:Common.css (après nephilim-table-NL.css)
    letter-spacing: 0.15em;
 
    text-transform: uppercase;
  REQUIERT : nephilim-table-NL.css (classe de base neph_table_NL)
    text-align: center;
 
    padding: 3px 8px;
  USAGE MediaWiki :
    color: rgba(255,255,255,0.82);
  <div class="neph-scroll-top"><div class="neph-scroll-top-spacer"></div></div>
  <div class="neph-scroll-table">
  {| class="wikitable neph_table_NL neph_table_incarnations"
  ...
  |}
  </div>
  ============================================================ */
 
 
/* ===========================================================
  1. TABLEAU LARGE — forcer la largeur au contenu
  =========================================================== */
 
.neph_table_incarnations {
  width: max-content;
  min-width: 100%;
}
 
.neph_table_incarnations td {
  white-space: nowrap;
}
}
.infobox-supplement-title {
 
    font-family: 'Cinzel', serif;
 
    font-size: 1.05em;
/* ===========================================================
    font-weight: 700;
  2. LIGNES D'EN-TÊTE POSITIONNELLES
    text-align: center;
  Spécifiques à la structure Ères (1ère ligne) + Époques (2ème)
    padding: 10px 12px;
  =========================================================== */
    color: #fff;
 
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
/* --- Ligne des Ères (première ligne) --- */
.neph_table_incarnations tr:first-child th {
  font-size: 0.88em;
  letter-spacing: 0.06em;
  padding: 7px 8px !important;
}
}
.infobox-supplement-cover {
 
    text-align: center;
/* Séparations d'ères : blanc sur la ligne Ères (fond pourpre) */
    padding: 12px;
.neph_table_incarnations tr:first-child th.ere-end {
  border-right: 2px solid #ffffff !important;
}
}
.infobox-supplement-cover img {
 
    border-radius: 2px;
/* --- Ligne des Époques (deuxième ligne) --- */
    border: 1px solid rgba(0,0,0,0.08);
.neph_table_incarnations tr:nth-child(2) td,
}
.neph_table_incarnations tr:nth-child(2) th {
.infobox-supplement-legend {
  background: #E3DEE8 !important;
    text-align: center;
  color: #574B6B !important;
    font-style: italic;
  font-family: 'Crimson Text', serif;
    font-size: 0.82em;
  font-size: 0.82em;
    color: #888;
  font-weight: 600;
    padding: 0 12px 8px;
  text-shadow: none;
  border-bottom: 2px solid #574B6B !important;
}
}
.infobox-supplement-sep {
 
    height: 1px;
 
    padding: 0;
/* ===========================================================
    line-height: 0;
  3. COLONNES FIXES (sticky)
    font-size: 0;
 
}
  Classes explicites pour éviter les bugs liés au rowspan.
.infobox-supplement-section {
 
    font-family: 'Cinzel', serif;
  | class="neph-sticky-1" rowspan="5" | Vécus
    font-size: 0.68em;
  | class="neph-sticky-2" | Feu
    font-weight: 600;
  =========================================================== */
    letter-spacing: 0.1em;
 
    text-transform: uppercase;
.neph_table_incarnations .neph-sticky-1 {
    padding: 4px 10px;
  position: sticky !important;
    color: #fff;
  left: 0 !important;
  z-index: 8;
  background: #E3DEE8 !important;
  color: #574B6B !important;
  font-family: 'Cinzel', serif;
  font-weight: 600;
  font-size: 0.88em;
  border-right: 2px solid #574B6B !important;
  box-sizing: border-box;
  width: 95px;
  min-width: 95px;
  max-width: 95px;
  white-space: normal;
}
}
.infobox-supplement-label {
 
    width: 38%;
.neph_table_incarnations .neph-sticky-2 {
    text-align: left;
  position: sticky !important;
    padding: 4px 10px;
  left: 95px !important;
    font-weight: 600;
  z-index: 7;
    font-size: 15px;
  background: #E3DEE8 !important;
    vertical-align: top;
  color: #574B6B !important;
    background: #fff;
  font-family: 'Cinzel', serif;
    border-bottom: 1px solid #EDEDED;
  font-weight: 600;
  font-size: 0.85em;
  border-right: 2px solid #574B6B !important;
  box-sizing: border-box;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  box-shadow: 3px 0 6px rgba(87, 75, 107, 0.1);
}
 
/* En-têtes sticky : z-index supérieur */
.neph_table_incarnations th.neph-sticky-1 {
  z-index: 15;
  background: #574B6B !important;
  color: #F7F6F2 !important;
}
}
.infobox-supplement-data {
.neph_table_incarnations th.neph-sticky-2 {
    padding: 4px 10px;
  z-index: 14;
    font-size: 15px;
  background: #574B6B !important;
    vertical-align: top;
  color: #F7F6F2 !important;
    color: #444;
    background: #fff;
    border-bottom: 1px solid #EDEDED;
}
}


/* --- NL — 5e édition (Légende) — Pourpre --- */
.infobox-supplement-nl { border: 1px solid #C4BAD0; }
.infobox-supplement-nl .infobox-supplement-badge { background: #483D5C; }
.infobox-supplement-nl .infobox-supplement-title { background: linear-gradient(135deg, #574B6B, #7B6E91); }
.infobox-supplement-nl .infobox-supplement-cover { background: #E3DEE8; }
.infobox-supplement-nl .infobox-supplement-legend { background: #E3DEE8; }
.infobox-supplement-nl .infobox-supplement-sep { background: #C4BAD0; }
.infobox-supplement-nl .infobox-supplement-section { background: #7B6E91; }
.infobox-supplement-nl .infobox-supplement-label { color: #574B6B; }


/* --- N4 — 4e édition (Anniversaire) — Bordeaux --- */
/* ===========================================================
.infobox-supplement-n4 { border: 1px solid #D0C0BD; }
  4. LIGNES DES ÉLÉMENTS (Vécus par Ka)
.infobox-supplement-n4 .infobox-supplement-badge { background: #5B3538; }
  Couleurs adaptées au fond clair
.infobox-supplement-n4 .infobox-supplement-title { background: linear-gradient(135deg, #6B4548, #8B6568); }
  =========================================================== */
.infobox-supplement-n4 .infobox-supplement-cover { background: #E8DDD8; }
.infobox-supplement-n4 .infobox-supplement-legend { background: #E8DDD8; }
.infobox-supplement-n4 .infobox-supplement-sep { background: #D0C0BD; }
.infobox-supplement-n4 .infobox-supplement-section { background: #8B6568; }
.infobox-supplement-n4 .infobox-supplement-label { color: #6B4548; }


/* --- NR — 3e édition (Révélation) — Bleu nuit --- */
/* --- Feu --- */
.infobox-supplement-nr { border: 1px solid #C0C8D0; }
.neph_table_incarnations .ka-feu .neph-sticky-2 {
.infobox-supplement-nr .infobox-supplement-badge { background: #3A4558; }
  background: #f8e8e4 !important;
.infobox-supplement-nr .infobox-supplement-title { background: linear-gradient(135deg, #4A5568, #6A7588); }
  color: #a0352a !important;
.infobox-supplement-nr .infobox-supplement-cover { background: #DDE2E8; }
}
.infobox-supplement-nr .infobox-supplement-legend { background: #DDE2E8; }
.neph_table_incarnations .ka-feu td {
.infobox-supplement-nr .infobox-supplement-sep { background: #C0C8D0; }
  background: #fdf6f5 !important;
.infobox-supplement-nr .infobox-supplement-section { background: #6A7588; }
}
.infobox-supplement-nr .infobox-supplement-label { color: #4A5568; }


/* --- N2 — 2e édition — Olive --- */
/* --- Air --- */
.infobox-supplement-n2 { border: 1px solid #C8C8C0; }
.neph_table_incarnations .ka-air .neph-sticky-2 {
.infobox-supplement-n2 .infobox-supplement-badge { background: #626A58; }
  background: #e4eef6 !important;
.infobox-supplement-n2 .infobox-supplement-title { background: linear-gradient(135deg, #727a68, #8A9278); }
  color: #3a6a90 !important;
.infobox-supplement-n2 .infobox-supplement-cover { background: #E8E4D8; }
}
.infobox-supplement-n2 .infobox-supplement-legend { background: #E8E4D8; }
.neph_table_incarnations .ka-air td {
.infobox-supplement-n2 .infobox-supplement-sep { background: #C8C8C0; }
  background: #f5f8fc !important;
.infobox-supplement-n2 .infobox-supplement-section { background: #8A9278; }
}
.infobox-supplement-n2 .infobox-supplement-label { color: #727a68; }


/* --- N1 — 1ère édition — Brun chaud --- */
/* --- Eau --- */
.infobox-supplement-n1 { border: 1px solid #D0C8B8; }
.neph_table_incarnations .ka-eau .neph-sticky-2 {
.infobox-supplement-n1 .infobox-supplement-badge { background: #5B4D3F; }
  background: #dce8f2 !important;
.infobox-supplement-n1 .infobox-supplement-title { background: linear-gradient(135deg, #6B5D4F, #8B7D6F); }
  color: #2a5a80 !important;
.infobox-supplement-n1 .infobox-supplement-cover { background: #E8E0D3; }
}
.infobox-supplement-n1 .infobox-supplement-legend { background: #E8E0D3; }
.neph_table_incarnations .ka-eau td {
.infobox-supplement-n1 .infobox-supplement-sep { background: #D0C8B8; }
  background: #f2f6fa !important;
.infobox-supplement-n1 .infobox-supplement-section { background: #8B7D6F; }
}
.infobox-supplement-n1 .infobox-supplement-label { color: #6B5D4F; }


/* --- NUS — US édition — Gris neutre --- */
/* --- Terre --- */
.infobox-supplement-nus { border: 1px solid #C8C8C8; }
.neph_table_incarnations .ka-terre .neph-sticky-2 {
.infobox-supplement-nus .infobox-supplement-badge { background: #5B5B5B; }
  background: #e4f0dc !important;
.infobox-supplement-nus .infobox-supplement-title { background: linear-gradient(135deg, #6B6B6B, #8B8B8B); }
   color: #3a6a28 !important;
.infobox-supplement-nus .infobox-supplement-cover { background: #E8E8E8; }
.infobox-supplement-nus .infobox-supplement-legend { background: #E8E8E8; }
.infobox-supplement-nus .infobox-supplement-sep { background: #C8C8C8; }
.infobox-supplement-nus .infobox-supplement-section { background: #8B8B8B; }
.infobox-supplement-nus .infobox-supplement-label { color: #6B6B6B; }
 
/* --- FAN — Fanzines — Bleu-vert --- */
.infobox-supplement-fan { border: 1px solid #B8D0C8; }
.infobox-supplement-fan .infobox-supplement-badge { background: #2D5B5B; }
.infobox-supplement-fan .infobox-supplement-title { background: linear-gradient(135deg, #3D6B6B, #5D8B8B); }
.infobox-supplement-fan .infobox-supplement-cover { background: #D8E8E4; }
.infobox-supplement-fan .infobox-supplement-legend { background: #D8E8E4; }
.infobox-supplement-fan .infobox-supplement-sep { background: #B8D0C8; }
.infobox-supplement-fan .infobox-supplement-section { background: #5D8B8B; }
.infobox-supplement-fan .infobox-supplement-label { color: #3D6B6B; }
 
 
/* ============================================================
  STYLE DES ARTICLES STANDARDS — NOUVEAU BLOC
  S'applique automatiquement à tous les articles du wiki.
  Aucun article existant n'a besoin d'être modifié.
  ============================================================ */
 
/* --- A1. Typographie générale du corps d'article --- */
.mw-body-content {
  font-family: 'Merriweather', 'Georgia', serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.78;
   color: #2A2520;
  -webkit-font-smoothing: antialiased;
}
}
 
.neph_table_incarnations .ka-terre td {
.mw-body-content p {
   background: #f5faf2 !important;
   margin-bottom: 0.9em;
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
}
}


.mw-body-content b,
/* --- Lune --- */
.mw-body-content strong {
.neph_table_incarnations .ka-lune .neph-sticky-2 {
   font-weight: 700;
   background: #ebe4f2 !important;
   color: #1E1A16;
   color: #6a4a8a !important;
}
}
 
.neph_table_incarnations .ka-lune td {
.mw-body-content i,
   background: #f8f5fc !important;
.mw-body-content em {
   font-style: italic;
  color: #3A3530;
}
}


/* --- A2. Titre principal de l'article (H1) --- */
/* Label "Vécus" sticky sur les lignes élémentaires */
#firstHeading,
.neph_table_incarnations .ka-feu .neph-sticky-1,
.mw-first-heading {
.neph_table_incarnations .ka-air .neph-sticky-1,
  font-family: 'Cinzel', 'Georgia', serif;
.neph_table_incarnations .ka-eau .neph-sticky-1,
  font-weight: 700;
.neph_table_incarnations .ka-terre .neph-sticky-1,
  font-size: 2.1em;
.neph_table_incarnations .ka-lune .neph-sticky-1 {
  color: #2D1B4E;
   background: #E3DEE8 !important;
  letter-spacing: 0.03em;
   color: #574B6B !important;
  margin-bottom: 0.2em;
  padding-bottom: 0.35em;
   border-bottom: 3px solid #C49A2A;
   line-height: 1.2;
}
}


/* --- A3. Titres de sections (H2 à H5) --- */
/* Survol élémentaire : rester dans la teinte */
.neph_table_incarnations tr.ka-feu:hover td  { background: #f3e0dc !important; }
.neph_table_incarnations tr.ka-air:hover td  { background: #dce8f2 !important; }
.neph_table_incarnations tr.ka-eau:hover td  { background: #d4e0ec !important; }
.neph_table_incarnations tr.ka-terre:hover td { background: #dcecd4 !important; }
.neph_table_incarnations tr.ka-lune:hover td  { background: #e2d8ee !important; }


/* H2 : Sections principales (== Titre ==) */
.mw-body-content h2,
.mw-body-content .mw-heading2 h2 {
  font-family: 'Cinzel', 'Georgia', serif;
  font-weight: 600;
  font-size: 1.55em;
  color: #574B6B;
  letter-spacing: 0.04em;
  margin-top: 2em;
  margin-bottom: 0.6em;
  padding-bottom: 0.35em;
  border-bottom: 2px solid;
  border-image: linear-gradient(90deg, #574B6B 0%, #C49A2A 50%, transparent 100%) 1;
  line-height: 1.3;
}


/* Lien [modifier] */
/* ===========================================================
.mw-body-content .mw-editsection {
  5. LIGNES SPÉCIALES
  font-family: 'Merriweather', serif;
  =========================================================== */
  font-size: 0.55em;
  font-weight: 400;
  letter-spacing: 0;
  vertical-align: baseline;
}


/* H3 : Sous-sections (=== Titre ===) */
/* PI (points d'incarnation) */
.mw-body-content h3,
.neph_table_incarnations .neph-pi td {
.mw-body-content .mw-heading3 h3 {
   text-align: center;
   font-family: 'Cinzel', 'Georgia', serif;
   font-weight: 700;
   font-weight: 500;
   color: #574B6B !important;
  font-size: 1.25em;
   font-family: 'Cinzel', serif;
   color: #6B5A80;
   font-size: 1em;
   letter-spacing: 0.03em;
   background: #f0ecf4 !important;
   margin-top: 1.6em;
   margin-bottom: 0.5em;
  padding-bottom: 0.25em;
  border-bottom: 1px solid #D0C4DC;
  line-height: 1.3;
}
}
 
.neph_table_incarnations .neph-pi .neph-sticky-1,
/* H4 : Sous-sous-sections (==== Titre ====) */
.neph_table_incarnations .neph-pi .neph-sticky-2 {
.mw-body-content h4,
   background: #E3DEE8 !important;
.mw-body-content .mw-heading4 h4 {
  font-family: 'Cinzel', 'Georgia', serif;
  font-weight: 500;
  font-size: 1.08em;
  color: #7A6D8E;
  letter-spacing: 0.02em;
  margin-top: 1.3em;
  margin-bottom: 0.4em;
  padding-left: 0.6em;
   border-left: 3px solid #C49A2A;
  line-height: 1.3;
}
}


/* H5 : Niveau rare */
/* Lignes multi-contenu (texte wrappé) */
.mw-body-content h5,
.neph_table_incarnations .neph-so td,
.mw-body-content .mw-heading5 h5 {
.neph_table_incarnations .neph-sorts td,
  font-family: 'Cinzel', 'Georgia', serif;
.neph_table_incarnations .neph-quetes td,
  font-weight: 500;
.neph_table_incarnations .neph-quetes-arcane td,
   font-size: 0.95em;
.neph_table_incarnations .neph-savoirs td {
   color: #8A7FA0;
   font-size: 0.82em;
  text-transform: uppercase;
   line-height: 1.5;
  letter-spacing: 0.08em;
   white-space: normal;
   margin-top: 1.1em;
   min-width: 100px;
   margin-bottom: 0.35em;
}
}


/* --- A4. Liens --- */
/* Stases */
 
.neph_table_incarnations .neph-stases td {
/* Liens internes (articles existants) */
  font-style: italic;
.mw-body-content a:not(.new):not(.external):not(.mw-editsection a) {
   color: #6a6060 !important;
   color: #574B6B;
   font-size: 0.82em;
   text-decoration: none;
   white-space: normal;
   border-bottom: 1px solid rgba(87, 75, 107, 0.25);
   min-width: 150px;
   transition: color 0.2s, border-bottom-color 0.2s;
}
}
.mw-body-content a:not(.new):not(.external):not(.mw-editsection a):hover {
 
   color: #2D1B4E;
 
   border-bottom-color: #C49A2A;
/* ===========================================================
}
  6. RESPONSIVE — colonnes sticky
.mw-body-content a:not(.new):not(.external):not(.mw-editsection a):visited {
  =========================================================== */
   color: #6B5A80;
 
@media (max-width: 768px) {
   /* Sur mobile, ne garder que la 1ère colonne sticky */
   .neph_table_incarnations .neph-sticky-2 {
    position: static !important;
    left: auto !important;
   }
}
}


/* Liens rouges (articles inexistants) */
.mw-body-content a.new {
  color: #a04030;
  border-bottom: 1px dashed rgba(160, 64, 48, 0.3);
}
.mw-body-content a.new:hover {
  color: #c05040;
  border-bottom-color: #c05040;
}


/* Liens externes */
/* ===========================================================
.mw-body-content a.external {
  7. IMPRESSION — colonnes sticky
   color: #4A6B5B;
  =========================================================== */
  text-decoration: none;
 
   border-bottom: 1px dotted rgba(74, 107, 91, 0.4);
@media print {
}
   .neph_table_incarnations .neph-sticky-1,
.mw-body-content a.external:hover {
   .neph_table_incarnations .neph-sticky-2 {
  color: #2D4E3B;
    position: static !important;
   border-bottom-color: #2D4E3B;
   }
}
}


/* --- A5. Table des matières (TOC) --- */
/* ============================================ */
.toc,
/* INFOBOX EFFETMAGIQUE — Dégradés en-tête      */
.toccolours {
/* par science occulte                          */
   background: linear-gradient(135deg, #F5F2F8 0%, #EDE8F2 100%);
/* ============================================ */
   border: 1px solid #D0C4DC;
 
   border-radius: 8px;
/* --- Nephilim --- */
   padding: 1em 1.4em;
 
   margin: 0.8em 0 1.5em 0;
/* Magie — Or royal (aussi utilisé par défaut si sc_occulte vide) */
  font-family: 'Merriweather', serif;
.infobox-sc-magie {
  font-size: 0.88em;
  background: linear-gradient(135deg, #6A5010 0%, #B89830 25%, #E8C848 50%, #B89830 75%, #6A5010 100%) !important;
  line-height: 1.65;
  color: #FFFFFF !important;
  width: auto;
}
  display: table;
 
  box-shadow: 0 1px 4px rgba(87, 75, 107, 0.08);
/* Kabbale — Argent sacré */
}
.infobox-sc-kabbale {
.toc .toctitle,
  background: linear-gradient(135deg, #3A3A4A 0%, #6A6A80 30%, #9898B0 50%, #6A6A80 70%, #3A3A4A 100%) !important;
.toc #toctitle {
  color: #F0F0F8 !important;
  font-family: 'Cinzel', 'Georgia', serif;
 
  font-weight: 600;
}
  font-size: 1.05em;
 
  color: #574B6B;
/* Alchimie — Rouge métallique */
  letter-spacing: 0.06em;
.infobox-sc-alchimie {
  text-align: center;
  background: linear-gradient(135deg, #3A0A0A 0%, #6A1A1A 30%, #982828 50%, #6A1A1A 70%, #3A0A0A 100%) !important;
  margin-bottom: 0.5em;
  color: #F8D8D8 !important;
  padding-bottom: 0.4em;
 
  border-bottom: 1px solid rgba(196, 154, 42, 0.35);
}
}
 
.toc .toctoggle,
/* Qiyas — Or classique */
.toc .togglelink,
.infobox-sc-qiyas {
.toc .toctogglelabel {
  background: linear-gradient(135deg, #B8860B 0%, #DAA520 30%, #F0D060 50%, #DAA520 70%, #B8860B 100%) !important;
  font-family: 'Merriweather', serif;
  color: #2A1F0A !important;
  font-size: 0.85em;
 
  color: #7A6D8E;
}
 
/* --- Selenim --- */
 
/* Nécromancie — Noir / violet sombre */
.infobox-sc-necromancie {
   background: linear-gradient(135deg, #1A1020 0%, #2A1840 30%, #402860 50%, #2A1840 70%, #1A1020 100%) !important;
   color: #D0C0E0 !important;
 
}
 
/* Kabbale noire — Noir / gris métallique */
.infobox-sc-kabbale-noire {
  background: linear-gradient(135deg, #0E0E0E 0%, #2A2A30 30%, #484850 50%, #2A2A30 70%, #0E0E0E 100%) !important;
   color: #C8C8D0 !important;
 
}
 
/* --- Ar-Kaïm --- */
 
/* Talents — Turquoise métallique */
.infobox-sc-talents {
  background: linear-gradient(135deg, #0A3038 0%, #186068 30%, #20888C 50%, #186068 70%, #0A3038 100%) !important;
   color: #D0F4F4 !important;
 
}
 
/* --- Bohémiens --- */
 
/* Mandalas — Mauve / gris argent */
.infobox-sc-mandalas {
  background: linear-gradient(135deg, #3A2848 0%, #6A5080 30%, #8878A0 50%, #6A5080 70%, #3A2848 100%) !important;
   color: #E8E0F0 !important;
 
}
 
/* Dons — Mauve / doré */
.infobox-sc-dons {
  background: linear-gradient(135deg, #3A2040 0%, #6A4060 30%, #A07040 50%, #6A4060 70%, #3A2040 100%) !important;
  color: #F0E0D0 !important;
 
}
 
 
/* ============================================
  Modèle {{Définition}} — Cadres de définition
  Style A+C : filet latéral + badge d'édition
  ============================================ */
 
/* Cadre de base */
.def-cadre {
    border-left: 4px solid #999;
    padding: .8em 1.2em;
    margin: .5em 0;
    background: #fafafa;
    border-radius: 0 3px 3px 0;
}
 
/* Badge d'édition */
.def-badge {
    display: inline-block;
    font-family: 'Cinzel', serif;
    font-size: .7em;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: .15em .55em;
    border-radius: 3px;
    color: #fff;
    margin-bottom: .5em;
    line-height: 1.4;
}
 
/* Texte de la définition */
.def-texte {
    font-size: .95em;
    line-height: 1.55;
}
 
/* Source */
.def-source {
    margin-top: .5em;
    font-size: .82em;
    color: #888;
    font-style: italic;
}
 
/* --- Nephilim Légende (5e) — Pourpre --- */
.def-nl {
    border-left-color: #574B6B;
}
.def-badge-nl {
    background-color: #7B6D92;
}
 
/* --- Nephilim Anniversaire (4e) — Bordeaux --- */
.def-n4 {
    border-left-color: #6B4548;
}
.def-badge-n4 {
    background-color: #8E6568;
}
 
/* --- Nephilim Révélation (3e) — Bleu nuit --- */
.def-nr {
    border-left-color: #4A5568;
}
.def-badge-nr {
    background-color: #6B7A8E;
}
 
/* --- Nephilim 2e édition — Olive --- */
.def-n2 {
    border-left-color: #727a68;
}
.def-badge-n2 {
    background-color: #8E9680;
}
 
/* --- Nephilim 1ère édition — Brun chaud --- */
.def-n1 {
    border-left-color: #6B5D4F;
}
.def-badge-n1 {
    background-color: #8E7E6E;
}
 
/* --- Contenu natif du wiki — Ambre/Parchemin --- */
.def-wiki {
    border-left-color: #A08050;
}
.def-badge-wiki {
    background-color: #B89860;
}
 
/* ============================================
  INFOBOX SUPPLÉMENTS — Styles par édition
  À ajouter dans MediaWiki:Common.css
  ============================================ */
 
/* --- Structure commune --- */
.infobox-supplement {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    font-family: 'EB Garamond', 'Georgia', serif;
    font-size: 0.92em;
}
 
.infobox-supplement table {
    width: 100%;
    border-collapse: collapse;
}
 
.infobox-supplement-badge {
    font-family: 'Cinzel', serif;
    font-size: 0.65em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: center;
    padding: 3px 8px;
    color: rgba(255,255,255,0.82);
}
 
.infobox-supplement-title {
    font-family: 'Cinzel', serif;
    font-size: 1.05em;
    font-weight: 700;
    text-align: center;
    padding: 10px 12px;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
 
.infobox-supplement-cover {
    text-align: center;
    padding: 12px;
}
 
.infobox-supplement-cover img {
    border-radius: 2px;
    border: 1px solid rgba(0,0,0,0.08);
}
 
.infobox-supplement-legend {
    text-align: center;
    font-style: italic;
    font-size: 0.82em;
    color: #888;
    padding: 0 12px 8px;
}
 
.infobox-supplement-sep {
    height: 1px;
    padding: 0;
    line-height: 0;
    font-size: 0;
}
 
.infobox-supplement-section {
    font-family: 'Cinzel', serif;
    font-size: 0.68em;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 4px 10px;
    color: #fff;
}
 
.infobox-supplement-label {
    width: 38%;
    text-align: left;
    padding: 4px 10px;
    font-weight: 600;
    font-size: 16px;
    vertical-align: top;
    background: #fff;
    border-bottom: 1px solid #EDEDED;
}
 
.infobox-supplement-data {
    padding: 4px 10px;
    font-size: 16px;
    vertical-align: top;
    color: #444;
    background: #fff;
    border-bottom: 1px solid #EDEDED;
}
 
/* --- NL — 5e édition (Légende) — Pourpre --- */
.infobox-supplement-nl {
    border: 1px solid #C4BAD0;
}
.infobox-supplement-nl .infobox-supplement-badge {
    background: #483D5C;
}
.infobox-supplement-nl .infobox-supplement-title {
    background: linear-gradient(135deg, #574B6B, #7B6E91);
}
.infobox-supplement-nl .infobox-supplement-cover {
    background: #E3DEE8;
}
.infobox-supplement-nl .infobox-supplement-legend {
    background: #E3DEE8;
}
.infobox-supplement-nl .infobox-supplement-sep {
    background: #C4BAD0;
}
.infobox-supplement-nl .infobox-supplement-section {
    background: #7B6E91;
}
.infobox-supplement-nl .infobox-supplement-label {
    color: #574B6B;
}
 
/* --- N4 — 4e édition (Anniversaire) — Bordeaux --- */
.infobox-supplement-n4 {
    border: 1px solid #D0C0BD;
}
.infobox-supplement-n4 .infobox-supplement-badge {
    background: #5B3538;
}
.infobox-supplement-n4 .infobox-supplement-title {
    background: linear-gradient(135deg, #6B4548, #8B6568);
}
.infobox-supplement-n4 .infobox-supplement-cover {
    background: #E8DDD8;
}
.infobox-supplement-n4 .infobox-supplement-legend {
    background: #E8DDD8;
}
.infobox-supplement-n4 .infobox-supplement-sep {
    background: #D0C0BD;
}
.infobox-supplement-n4 .infobox-supplement-section {
    background: #8B6568;
}
.infobox-supplement-n4 .infobox-supplement-label {
    color: #6B4548;
}
 
/* --- NR — 3e édition (Révélation) — Bleu nuit --- */
.infobox-supplement-nr {
    border: 1px solid #C0C8D0;
}
.infobox-supplement-nr .infobox-supplement-badge {
    background: #3A4558;
}
.infobox-supplement-nr .infobox-supplement-title {
    background: linear-gradient(135deg, #4A5568, #6A7588);
}
.infobox-supplement-nr .infobox-supplement-cover {
    background: #DDE2E8;
}
.infobox-supplement-nr .infobox-supplement-legend {
    background: #DDE2E8;
}
.infobox-supplement-nr .infobox-supplement-sep {
    background: #C0C8D0;
}
.infobox-supplement-nr .infobox-supplement-section {
    background: #6A7588;
}
.infobox-supplement-nr .infobox-supplement-label {
    color: #4A5568;
}
 
/* --- N2 — 2e édition — Olive --- */
.infobox-supplement-n2 {
    border: 1px solid #C8C8C0;
}
.infobox-supplement-n2 .infobox-supplement-badge {
    background: #626A58;
}
.infobox-supplement-n2 .infobox-supplement-title {
    background: linear-gradient(135deg, #727a68, #8A9278);
}
.infobox-supplement-n2 .infobox-supplement-cover {
    background: #E8E4D8;
}
.infobox-supplement-n2 .infobox-supplement-legend {
    background: #E8E4D8;
}
.infobox-supplement-n2 .infobox-supplement-sep {
    background: #C8C8C0;
}
.infobox-supplement-n2 .infobox-supplement-section {
    background: #8A9278;
}
.infobox-supplement-n2 .infobox-supplement-label {
    color: #727a68;
}
 
/* --- N1 — 1ère édition — Brun chaud --- */
.infobox-supplement-n1 {
    border: 1px solid #D0C8B8;
}
.infobox-supplement-n1 .infobox-supplement-badge {
    background: #5B4D3F;
}
.infobox-supplement-n1 .infobox-supplement-title {
    background: linear-gradient(135deg, #6B5D4F, #8B7D6F);
}
.infobox-supplement-n1 .infobox-supplement-cover {
    background: #E8E0D3;
}
.infobox-supplement-n1 .infobox-supplement-legend {
    background: #E8E0D3;
}
.infobox-supplement-n1 .infobox-supplement-sep {
    background: #D0C8B8;
}
.infobox-supplement-n1 .infobox-supplement-section {
    background: #8B7D6F;
}
.infobox-supplement-n1 .infobox-supplement-label {
    color: #6B5D4F;
}
 
/* --- NUS — US édition — Gris neutre --- */
.infobox-supplement-nus {
    border: 1px solid #C8C8C8;
}
.infobox-supplement-nus .infobox-supplement-badge {
    background: #5B5B5B;
}
}
.toc .tocnumber {
.infobox-supplement-nus .infobox-supplement-title {
  color: #C49A2A;
    background: linear-gradient(135deg, #6B6B6B, #8B8B8B);
  font-weight: 700;
  margin-right: 0.3em;
}
}
.toc a {
.infobox-supplement-nus .infobox-supplement-cover {
  color: #574B6B !important;
    background: #E8E8E8;
  text-decoration: none !important;
  border-bottom: none !important;
}
}
.toc a:hover {
.infobox-supplement-nus .infobox-supplement-legend {
  color: #2D1B4E !important;
    background: #E8E8E8;
  text-decoration: underline !important;
}
}
.toc ul {
.infobox-supplement-nus .infobox-supplement-sep {
  list-style: none;
    background: #C8C8C8;
  padding-left: 0;
  margin: 0;
}
}
.toc ul ul {
.infobox-supplement-nus .infobox-supplement-section {
  padding-left: 1.3em;
    background: #8B8B8B;
}
}
.toc li {
.infobox-supplement-nus .infobox-supplement-label {
  margin: 0.15em 0;
    color: #6B6B6B;
}
}


/* --- A6. Listes à puces et numérotées --- */
/* --- FAN — Fanzines — Bleu-vert --- */
.mw-body-content ul:not(.toc ul) {
.infobox-supplement-fan {
  list-style: none;
    border: 1px solid #B8D0C8;
  padding-left: 1.6em;
  margin: 0.5em 0 1em 0;
}
.mw-body-content ul:not(.toc ul) > li {
  position: relative;
  padding-left: 0.2em;
  margin-bottom: 0.35em;
}
.mw-body-content ul:not(.toc ul) > li::before {
  content: '\25C6';
  position: absolute;
  left: -1.4em;
  color: #C49A2A;
  font-size: 0.55em;
  top: 0.55em;
}
.mw-body-content ul:not(.toc ul) ul > li::before {
  content: '\25C7';
  color: #8A7FA0;
}
.mw-body-content ol {
  padding-left: 2em;
  margin: 0.5em 0 1em 0;
}
.mw-body-content ol > li {
  margin-bottom: 0.35em;
  padding-left: 0.3em;
}
.mw-body-content ol > li::marker {
  color: #C49A2A;
  font-weight: 700;
  font-family: 'Cinzel', serif;
  font-size: 0.85em;
}
}
 
.infobox-supplement-fan .infobox-supplement-badge {
/* --- A7. Blocs de citation --- */
    background: #2D5B5B;
.mw-body-content blockquote {
  margin: 1.2em 0;
  padding: 1em 1.4em;
  background: linear-gradient(135deg, #F8F5FB 0%, #F2EEF6 100%);
  border-left: 4px solid #C49A2A;
  border-radius: 0 6px 6px 0;
  font-style: italic;
  color: #3A3530;
  font-size: 1.02em;
  line-height: 1.7;
  position: relative;
}
}
.mw-body-content blockquote::before {
.infobox-supplement-fan .infobox-supplement-title {
  content: '\275D';
    background: linear-gradient(135deg, #3D6B6B, #5D8B8B);
  position: absolute;
  top: -8px;
  left: 10px;
  font-size: 2.5em;
  color: rgba(196, 154, 42, 0.2);
  font-style: normal;
  line-height: 1;
}
}
 
.infobox-supplement-fan .infobox-supplement-cover {
/* --- A8. Séparateur horizontal --- */
    background: #D8E8E4;
.mw-body-content hr {
  border: none;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, #C49A2A 20%, #574B6B 50%, #C49A2A 80%, transparent 100%);
  margin: 2em 0;
  opacity: 0.5;
}
}
 
.infobox-supplement-fan .infobox-supplement-legend {
/* --- A9. Catégories en bas de page --- */
    background: #D8E8E4;
.catlinks {
  font-family: 'Merriweather', serif;
  font-size: 0.85em;
  background: #F5F2F8;
  border: 1px solid #D0C4DC;
  border-radius: 6px;
  padding: 0.6em 1em;
  margin-top: 2em;
  color: #574B6B;
}
}
.catlinks a {
.infobox-supplement-fan .infobox-supplement-sep {
  color: #574B6B !important;
    background: #B8D0C8;
}
}
.catlinks a:hover {
.infobox-supplement-fan .infobox-supplement-section {
  color: #2D1B4E !important;
    background: #5D8B8B;
}
}
 
.infobox-supplement-fan .infobox-supplement-label {
/* --- A10. Images / Thumbnails --- */
     color: #3D6B6B;
.mw-body-content .thumb {
  border: 1px solid #D0C4DC;
  border-radius: 6px;
  overflow: hidden;
  background: #F8F5FB;
}
.mw-body-content .thumbcaption {
  font-family: 'Merriweather', serif;
  font-size: 0.85em;
  color: #6B5A80;
  padding: 0.4em 0.6em;
  line-height: 1.4;
  font-style: italic;
}
 
/* --- A11. Premier paragraphe (intro) --- */
.mw-body-content > p:first-of-type {
  font-size: 1.05em;
  line-height: 1.8;
}
 
/* --- A12. Impression articles --- */
@media print {
  .mw-body-content {
    font-size: 11pt;
     color: #000;
  }
  .mw-body-content h2,
  .mw-body-content h3,
  .mw-body-content h4 {
    color: #000;
    border-color: #ccc;
  }
  .toc {
    border: 1px solid #ccc;
    background: #f5f5f5;
    box-shadow: none;
  }
}
}
Récupérée de « https://nephilim-rpg.com/index.php/Spécial:MobileDiff/24427 »