:root {
    --primary-color: #f8f5e6;
    --secondary-color: #2b2118;
    --accent-color: #8b5a2b;
    --ink-blot: #1e1e1e;
    --paper-shadow: rgba(0,0,0,0.2);
}

article.recit h1 {
    text-align:center;
    color: var(--secondary-color);
    border-bottom: 1px solid var(--accent-color);
    text-shadow: 2px 2px 0 rgba(0,0,0,0.1);
}

/* Style par defaut pour tous les paragraphes */
article.recit p {
    margin: 1em 0;
    text-indent: 1.5em; /* L'alinéa classique */
    text-align: justify;
    color: var(--secondary-color);
}

/* Le premier paragraphe d'un article ou apres un titre n'a pas d'alinéa (regle typo) 
   ou, dans ce cas, on lui donne le "double alineat" */
article.recit p:first-of-type {
/*    text-indent: 3em; /* Double alinéat pour le début */
    text-indent: 0em;
    margin-top: 1em;
}

article.recit p strong:first-of-type {
    float: left;
    text-indent: 0em;
    margin-top: 0e;
    font-size: 60px;
    line-height: 40px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
    font-weight: 700;
    color: var(--accent-color);
}

article.recit p em:first-of-type {
   margin-left: -1.5em; 
   margin-right: 0em;
}

/* Style pour les listes (les dialogues) */
article.recit ul {
    list-style-type: none; /* On enleve les puces rondes */
    padding-left: 0;
    color: var(--secondary-color);
}

article.recit li {
    text-indent: -1em; /* Alinea de dialogue */
    margin-bottom: 0.2em;
    margin-left: 2.5em;
}

article.recit li::before {
    content: "- "; /* On rajoute le tiret proprement */
    margin-right: 0.4em;
}

article.recit hr {
    border: none;       /* On supprime la ligne grise par défaut */
    margin: 3em 0 5em 0;      /* On garde les sauts de ligne (haut/bas) */
    text-align: center; /* On centre le contenu */
    overflow: visible;
    height: 0;
}

/* On utilise le pseudo-élément ::after pour insérer l'astérisque */
article.recit hr::after {
    content: "∗";       /* Utilise l'astérisque mathématique (plus jolie) ou juste "*" */
    font-size: 1.5em;
    color: #555;        /* Gris foncé ou la couleur de ton choix */
}

.poisoned-easter {
    display: none;
}

html {
    background-color: #f0f0f0;
}

body {
    background-color: var(--primary-color);
    box-shadow: 0 4px 8px var(--paper-shadow);
}

.meta {
    text-align: center;
    font-size: .8em;
    color: var(--accent-color);
}

tbody {
   border-top: 0px solid #1a1a1a;
   border-bottom: 0px solid #1a1a1a;
}

.hid {
   display: none;
}