/**
 * @license MIT, https://opensource.org/license/MIT
 */

.article .article-cover {
    background-color: var(--pico-muted-background-color);
    margin: 2rem 0;
    border-radius: calc(var(--pico-border-radius) * 4);
    overflow: hidden;
    position: relative;
}

.article .cover {
    display: block;
    margin: 0;
}

.article .cover source,
.article .cover img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    width: 100%;
}

.article .article-cover .title {
    background: linear-gradient(to top, #000000E6, #00000099);
    bottom: 0;
    color: #FFFFFF;
    font-size: clamp(2rem, 5vw, 4rem);
    left: 0;
    margin: 0;
    padding: clamp(1.25rem, 5vw, 3rem);
    position: absolute;
    right: 0;
    text-wrap: balance;
    z-index: 1;
}

.article .text {
    line-height: 1.625;
    font-weight: 400;
}