.weblogPost {
    display: flex;
    flex-direction: column;
    gap: var(--gridGutter);
}

.weblogPost__backLink {
    font-family: var(--proximaMedium);
    font-size: var(--h4Size);
    color: var(--baseLight900);
}

.weblogPost__text,
.weblogPost .weblogPost__attachments {
    margin-block-end: 3rem;
}

.weblogPost .postMetaInfo {
    margin-top: var(--marginSmall);
}

.weblogPost__title {
    margin-block: 2rem;
    font-size: var(--h1Size);
    hyphens: auto;
}

.at-articleContainer .weblogPost__title {
    margin-top: 0;
}

.weblogPost__title:has(+ .weblogPost__subTitle) {
    margin-bottom: 0;
}

.weblogPost__subTitle {
    display: inline-block;
    margin-bottom: var(--marginMedium);
}

.weblogPost .postListPost__intro {
    font-size: var(--introSize);
    font-weight: 600;
}

.weblogPost__image {
    border-radius: var(--borderRadiusSmall);
}

.weblogPost__contentSection {
    position: relative;
}

@media (min-width: 1024px) {
    .blogPost:not(.variantSidebar) .weblogPost .weblogPost__title,
    .blogPost:not(.variantSidebar) .weblogPost .postMetaInfo,
    .blogPost:not(.variantSidebar) .weblogPost .weblogPost__imageSection,
    .blogPost:not(.variantSidebar) .weblogPost .postListPost__intro,
    .blogPost:not(.variantSidebar) .weblogPost .weblogPost__text,
    .blogPost:not(.variantSidebar) .weblogPost .weblogPost__attachments {
        max-width: 70%;
    }

    .weblogPost__share:has(.ShareButtons--sizeSmall) {
        --socialMediaButtonSize: 26px;
    }

    .weblogPost__share:has(.ShareButtons--sizeNormal) {
        --socialMediaButtonSize: 32px;
    }

    .weblogPost__share:has(.ShareButtons--sizeLarge) {
        --socialMediaButtonSize: 42px;
    }

    .weblogPost__share {
        position: absolute;
        left: calc(20% - var(--socialMediaButtonSize) - 1.5rem);
        top: .4rem;
        display: flex;
        flex: 0 0 var(--socialMediaButtonSize);
        max-width: var(--socialMediaButtonSize);
    }

    .weblogPost__share .ShareButtons {
        flex-direction: column;
    }
}

/**
 * Detailpage as file (dossier)
*/

.Article--blogPostFile .postListPost__intro {
    padding: var(--marginMedium);
    color: var(--baseLight100);
    box-shadow: var(--boxShadowWithBorder);
    border-radius: var(--borderRadiusSmall);
    background-color: var(--colorGreen);
}