/* ------------------------------------------------------------------
   Lawdle — ajustements maison
   Chargé après le thème. Ne jamais modifier style.css : ce fichier
   permet de conserver les personnalisations lors d'une mise à jour
   du thème.
   ------------------------------------------------------------------ */

/* --- Lecture des articles ---------------------------------------- */

/* Longueur de ligne : ~68 caractères, dans la fourchette 65-80
   recommandée pour le confort de lecture sur desktop.
   L'unité "ch" suit automatiquement la taille de police. */
.blog.single .post-content {
    max-width: 68ch;
    margin-left: auto;
    margin-right: auto;
}

/* Le pied d'article et l'image de couverture gardent la largeur de la carte */
.blog.single .post-footer {
    max-width: 68ch;
    margin-left: auto;
    margin-right: auto;
}

/* Chapeau : perçu immédiatement comme l'introduction, sans encadré */
.article-standfirst {
    font-size: 1.15rem;
    line-height: 1.75;
    font-weight: 500;
    color: #4a5568;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(34, 74, 116, .12);
}

/* Intertitres : respiration nettement plus marquée au-dessus qu'en dessous,
   pour signaler le passage d'une partie à l'autre. */
.blog.single .post-content h2,
.blog.single .post-content h3,
.blog.single .post-content h4 {
    margin-top: 3rem;
    margin-bottom: .9rem;
}

/* Pas d'espace superflu si un intertitre ouvre l'article */
.blog.single .post-content > h2:first-child,
.blog.single .post-content > h3:first-child,
.blog.single .post-content > h4:first-child {
    margin-top: 0;
}

/* Un peu d'air entre les paragraphes d'un article long */
.blog.single .post-content p {
    margin-bottom: 1.35rem;
}

@media (max-width: 767px) {
    .article-standfirst {
        font-size: 1.05rem;
    }

    .blog.single .post-content h2,
    .blog.single .post-content h3,
    .blog.single .post-content h4 {
        margin-top: 2.25rem;
    }
}