.article {
    img {
        max-width:100%;
        height:auto;
        margin:auto;
    }

    .thumbnail img {
        width:100%;
        aspect-ratio: 16 / 9;
        border-radius: $card-radius;
        object-fit: cover;
    }
}

.article-meta {
    .author-area {
        display: flex;
        align-items: center;
        margin-bottom: $lineheight / 2;

        img {
            border-radius: 9999px;
            width: $lineheight * 3;
            height: auto;
            margin: 0;
            margin-right: $lineheight / 2;
        }
    }

    .article-category {
        .badge {
            display: inline-block;
            margin-bottom: $lineheight / 4;
        }
    }
}

.header-anchor {
    color: rgba(0,0,0,0.4);
    font-weight: 900;
    font-family: $basefont;
    text-decoration: none;
    display: inline-block;
    font-style: normal;
    font-size: 0.75em;
}

.header-anchor {
    opacity: 0;
}

:hover > .header-anchor {
    opacity: 1;
}

.aligncenter {
    text-align: center;
}

.alignright {
    text-align: right;
}

#sommaire {
    position: sticky;
    top: 32px;
}