/* ==========================================================================
   www.addixi.com — feuille de style complémentaire
   Chargée automatiquement par YOOtheme Pro depuis templates/yootheme/css/.
   Ne jamais écrire dans theme.css : il est régénéré par le Customizer.
   Créée le 26/07/2026 — séparation des articles dans la liste du Journal.
   ========================================================================== */

/* --- Journal : séparer nettement les articles de la liste -----------------

   Les articles s'enchaînaient sans rupture visible, et leurs sous-titres h2
   avaient presque la taille du titre d'article : on ne voyait pas où l'un
   finissait et où l'autre commençait.

   ⚠️ Structure réelle : chaque <article> est enveloppé dans un <div> enfant de
   la grille UIkit. Un sélecteur « article + article » ne matche donc JAMAIS —
   il faut passer par les <div> parents.                                      */

#tm-main [uk-grid] > div:not(:first-child) > article.uk-article,
#tm-main .uk-grid > div:not(:first-child) > article.uk-article {
    margin-top: 64px;
    padding-top: 56px;
    border-top: 2px solid #c8d3e2;
}

/* Titre d'article : doit dominer les sous-titres de son propre contenu. */
#tm-main article.uk-article .uk-article-title {
    font-size: 2rem;
    line-height: 1.2;
}

/* Sous-titres du contenu : nettement en dessous du titre d'article. */
#tm-main article.uk-article h2:not(.uk-article-title) {
    font-size: 1.35rem;
}

/* Liste des articles plus anciens, en bas de page : la détacher du dernier
   article et aérer les lignes, pour qu'elle se lise comme un sommaire. */
#tm-main .uk-panel > ul.uk-list,
#tm-main ul.uk-list.uk-list-divider {
    margin-top: 40px;
}

#tm-main ul.uk-list > li {
    padding-top: 6px;
    padding-bottom: 6px;
}

@media (max-width: 639px) {
    #tm-main [uk-grid] > div:not(:first-child) > article.uk-article,
    #tm-main .uk-grid > div:not(:first-child) > article.uk-article {
        margin-top: 44px;
        padding-top: 40px;
    }
    #tm-main article.uk-article .uk-article-title {
        font-size: 1.6rem;
    }
    #tm-main article.uk-article h2:not(.uk-article-title) {
        font-size: 1.2rem;
    }
}