.weblogPost__indent {
    max-width: 664px;
    margin-inline: auto;
}

.weblogPost__title {
    font-size: var(--h3Size);
    color: var(--primaryColor500);
}

.weblogMeta {
    margin-block-end: var(--marginLarge);
}

.weblogMeta__dateShare {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--baseDark100);
    border-bottom: 1px solid var(--baseDark100);
}

.weblogMeta__date {
    font-size: var(--14Size);
    font-weight: 600;
    text-transform: uppercase;
    color: var(--baseDark500);
}

.weblogPost__introduction {
    margin-block-end: var(--marginExtraLarge);
    font-size: var(--introSize);
    line-height: 1.55;
}

.weblogPost__image,
.weblogPost__text,
.weblogMeta__tags,
.weblogPost__attachments {
    margin-block-end: var(--marginExtraLarge);
}

.weblogPost__attachmentItem {
    margin-block-end: .5rem;
    padding-block-end: .5rem;
    border-bottom: 1px solid var(--baseDark100);
    list-style-image: none;
}

.weblogPost__attachmentItem .icon:before {
    margin-inline-end: 1rem;
    color: var(--primaryColor500);
}

/**
 * Weblog author
 */

.weblogAuthors {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--marginSmall) ;
    margin-block-end: 2rem;
}

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

.weblogAuthor__profileImageWrapper {
    width: 40px;
    height: 40px;
    overflow: clip;
    border-radius: 50%;
    background-color: var(--baseDark100);
}

.weblogAuthor__info {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0;
    font-style: normal;
}

.weblogAuthor__info > * {
    line-height: 1;
}

.weblogAuthor__name {
    display: block;
    flex: 1 0 100%;
    font-size: var(--14Size);
    font-weight: 600;
    color: var(--baseDark900);
}

.weblogAuthor__function {
    font-size: var(--12Size);
    color: var(--baseDark700);
}

/**
 * Topic tags
 */

.weblogPost__tags:not(:last-child) {
    margin-block-end: calc(var(--marginExtraLarge) * 2);
}

/**
 * Weblog author extended
 */

.weblogAuthorsExtended {
    position: relative;
}

.weblogAuthorsExtended:after {
    position: absolute;
    inset: 0;
    content: '';
    background: #fff;
    box-shadow: 0 0 0 100vmax #fff;
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax);
    z-index: -1;
}

.weblogAuthorsExtended__inner {
    padding-block: var(--marginLarge) var(--marginSmall);
    font-style: normal;
}

.weblogAuthorsExtended__inner:has(.weblogAuthor__profileImageWrapper) {
    padding-block: calc(var(--marginSmall) * 4) var(--marginSmall);
}

.weblogAuthorsExtended__inner + .weblogAuthorsExtended__inner {
    position: relative;
    margin-block-start: var(--marginExtraLarge);
}

.weblogAuthorsExtended__inner:last-child {
    padding-block-end: var(--marginLarge);
}

.weblogAuthorsExtended .weblogAuthor__profileImageWrapper {
    position: absolute;
    width: 84px;
    height: 84px;
    top: -42px;
}

.weblogAuthorsExtended__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--gridGap);
}

.weblogAuthorsExtended__info {
    flex: 1 1 50%;
}

.weblogAuthorsExtended__profileWrapper {
    flex: 0 1 10%;
    text-align: right;
}

.weblogAuthorsExtended .weblogAuthor__description {
    display: block;
    margin-block-start: var(--marginMedium);
    font-size: var(--14Size);
    line-height: 1.375rem;
    color: var(--baseDark700);
}

.weblogAuthorsExtended .weblogAuthor__name,
.weblogAuthorsExtended .weblogAuthor__function {
    font-size: var(--bodySize);
}