/* ==========================================================================
   ACTUS.CSS — page liste des actus (actus.php) et page article (article.php)
   Les cartes d'actus elles-mêmes sont dans global.css (.carte-actu).
   ========================================================================== */


/* --------------------------------------------------------------------------
   1. PAGE LISTE
   -------------------------------------------------------------------------- */

/* Bloc « suivez-nous » sous la liste */
.suivre {
    margin-top: var(--espace-xl);
    text-align: center;
}


/* --------------------------------------------------------------------------
   2. PAGE ARTICLE
   -------------------------------------------------------------------------- */
.article {
    padding-block: var(--espace-l) var(--espace-xl);
}

/* En-tête : lien retour, titre, date. Largeur limitée pour bien lire */
.article__entete {
    max-width: 760px;
    margin-bottom: var(--espace-l);
}

.article__retour {
    display: inline-block;
    margin-bottom: var(--espace-m);
    font-weight: bold;
    text-decoration: none;
}

.article__entete h1 {
    margin-bottom: var(--espace-s);
}

/* Grande image de l'article */
.article__image {
    width: min(100% - 2 * var(--marge-cotes), 1000px);
    max-height: 520px;
    margin: 0 auto var(--espace-l);
    object-fit: cover;
    border-radius: var(--rayon);
    box-shadow: var(--ombre);
}

/* Texte : environ 70 caractères par ligne, le plus confortable à lire */
.article__texte {
    max-width: 760px;
    font-size: 1.1rem;
    line-height: 1.75;
}

.article__texte ul,
.article__texte ol {
    margin: 0 0 var(--espace-m);
    padding-left: 1.3rem;
}

.article__texte li + li {
    margin-top: var(--espace-xs);
}