/* Style des articles du blog - Le Peuple des Traducteurs */

body {
    margin: 0;
    background: #ffffff;
    color: #222;
    font-family: Georgia, "Times New Roman", serif;
    line-height: 1.8;
}


/* Conteneur principal de l'article */

.article {
    max-width: 1050px;
    margin: 60px auto;
    padding: 0 40px;
}


/* Lien retour blog */

.retour-blog {
    display: inline-block;
    margin-bottom: 40px;
    color: #555;
    text-decoration: none;
    font-size: 0.95rem;
}

.retour-blog:hover {
    text-decoration: underline;
}


/* Titre principal */

.article h1 {
    font-size: 2.4rem;
    line-height: 1.25;
    font-weight: normal;
    margin-bottom: 25px;
}


/* Introduction */

.intro {
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 45px;
    text-indent: 0;
}


/* Paragraphes */

.article p {
    font-size: 1.15rem;
    margin-bottom: 28px;
    text-align: justify;
    line-height: 1.8;
    text-indent: 2em;
}


/* Pas d'alinéa après un titre */

.article h1 + p,
.article h2 + p {
    text-indent: 0;
}


/* Titres intermédiaires */

.article h2 {
    font-size: 1.8rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin-top: 60px;
    margin-bottom: 24px;
    color: #111;
}


/* Responsive mobile */

@media screen and (max-width: 700px) {

    .article {
        margin: 30px auto;
        padding: 0 20px;
    }

    .article h1 {
        font-size: 1.8rem;
    }

    .article p {
        font-size: 1rem;
        text-align: left;
        text-indent: 1.5em;
    }

    .article h2 {
        font-size: 1.4rem;
    }
}