.articles-section {
    max-width: 768px;
    margin: 0px auto;
}

.articles-section__error {
    color: var(--destructive);
}

.articles-section__validation {
    color: var(--destructive);
}

.articles-section__content {
    max-width: 100%; /* quasi full-width */
    text-align: center; /* titre et paragraphe centrés */
    position: relative; /* pour l’empilement si overlay */
    z-index: 1;
    color: var(--black); /* ou blanc si fond foncé */
}

    .articles-section__content h2 {
        font-family: Poppins-Black;
        text-transform: uppercase;
    }

    .articles-section__content > p {
        color: var(--grey-dark);
    }

    .articles-section__content .title_icon {
        width: 30px;
        height: 30px;
        fill: var(--destructive) !important;
        padding-top: 0.2rem;
    }

.articles-section .thickBorderFull {
    border: 2px solid var(--input-border-color);
    width: 100%;
    border-radius: 0px;
}

.articles-section .thickBorder {
    border: 2px solid var(--input-border-color);
    border-radius: 0px;
}

.articles-section .back {
    text-decoration: none;
    color: var(--black);
}

.blog-article .share-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1rem;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

    .blog-article .share-btn:hover {
        opacity: 1;
    }


/* === Responsive mobile (<768px) === */
@media (max-width: 767.98px) {
    .articles-section {
        margin-left: 2em;
        margin-right: 2em;
    }
}