/**
 * Shared layout for legacy blog-style marketing pages (dossiers, landings, etc.)
 */
.blog-article-page .blog-content {
    min-height: 100vh;
}

.page-home-recruter-developpeur .blog-heading h1.blog-title::before,
.page-recrutez-sur-linkedin .blog-heading h1.blog-title::before {
    display: none !important;
}

.blog-article-page .footer-address {
    font-size: 0.875rem;
    padding-block: 0.5rem;
}

/**
 * Recruiter portrait photos (portrait-recruteur-*.html): same visible size everywhere.
 * 250×250 max; scales down on narrow containers; square crop via object-fit.
 */
.blog-article-page .img-portrait-blog {
    width: min(250px, 100%);
    aspect-ratio: 1;
    height: auto;
    object-fit: cover;
    display: block;
    margin-inline: auto;
}

/* Inline screenshots / figures in blog articles */
.blog-article-page .img-blog-article {
    display: block;
    margin-inline: auto;
    max-width: 100%;
    height: auto;
}

.blog-article-page .img-blog-article.img-large-article {
    width: 100%;
}

/* Espacement des cartes dossier : défini dans blog-overlay.css (.list-articles-two-col) */

.blog-article-page .portfolio-item .item-image-desc {
    display: block;
    font-size: 0.875rem;
    color: var(--gray-700);
    line-height: 1.55;
    margin-top: 0.35rem;
}