.post__title {
    max-width: none;
}

.post__intro {
    margin-block: var(--marginMedium);
    font-size: var(--introSize);
}

.post__intro,
.post__contentSection {
    max-width: var(--maxArticleWidth);
}

.post__metaWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--marginSmall);
}

.post__date:has(+ .post__tags)::after {
    margin-left: .8rem;
    content: '|';
}

.post__contentSection {
    margin-top: var(--marginLarge);
}

.post__image {
    aspect-ratio: 16/9;
    object-fit: cover;
    border-radius: 0 0 0 var(--borderRadiusMedium);
    background-color: var(--primaryColor100);
}

.post__share {
    display: flex;
    align-items: center;
    margin-top: var(--marginLarge);
}

.post__shareTitle {
    margin: 0 var(--marginSmall) 0 0;
}