/* Blog — à partir de 900 px. */

.blog-hero {
    padding-block: var(--sp-8) var(--sp-7);
}

.blog-hero .container,
.article-hero .container {
    padding-block: 40px 0;
}

.post-grid {
    grid-template-columns: repeat(3, 1fr);
}

.post-card--featured .post-card-body {
    padding: var(--sp-7);
}

.article-media {
    aspect-ratio: 16 / 8;
    margin-top: var(--sp-7);
}

/* Sommaire collant à gauche, texte à droite. */
.article-layout {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: var(--sp-8);
    align-items: start;
}

.article-layout--solo {
    grid-template-columns: minmax(0, 1fr);
}

.article-aside {
    position: sticky;
    top: calc(var(--header-h) + var(--sp-5));
}

.blog-cta-grid {
    grid-template-columns: 1.1fr 1fr;
}

.blog-cta-grid--single {
    grid-template-columns: 1.3fr 1fr;
}

.blog-cta-services {
    grid-template-columns: 1fr;
}

.blog-cta-grid:not(.blog-cta-grid--single) .blog-cta-services {
    grid-template-columns: repeat(4, 1fr);
}

.blog-cta-grid:not(.blog-cta-grid--single) {
    grid-template-columns: 1fr;
}