article[data-v-2e5fc066] {
    --article-media-height-percent: var(--v378df7fe);

    display: grid;
    grid-template: "media" auto
                   "title" auto
                   "intro" 1fr
                   "buttons" auto / 1fr;

    place-items: flex-start stretch;
    container-type: size;
    margin: var(--content-preview-margin);
    color: var(--body-text-color);

    border: var(--content-preview-border-size) solid;
    border-radius: var(--border-radius-elements);
    padding: var(--content-preview-padding);
    box-shadow: 0 0 var(--drop-shadow-elements-range) 0 rgb(0, 0, 0, 0.2);
}
article[data-has-readmore-url] > h4[data-v-2e5fc066], article[data-has-readmore-url] > .article-media[data-v-2e5fc066] {
            cursor: pointer;
}
article > h4[data-v-2e5fc066] {
        grid-area: title;

        font-weight: var(--title-font-weight);
        font-family: var(--title-font), sans-serif;
        font-size: var(--w-font-20-title);
        color: var(--body-title-color);
        text-transform: var(--title-text-transform);
        text-align: var(--article-group-text-alignment);

        margin-inline: 0;
        margin-block: .75em;
        padding: 0;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        min-width: unset;
}
article > .article-media[data-v-2e5fc066] {
        --article-media-height-value: calc(1cqb * var(--article-media-height-percent));
        --dynamic-image-height: var(--article-media-height-value);
        --dynamic-image-width: 100%;

        place-self: stretch;
        grid-area: media;
        height: var(--article-media-height-value);
        width: 100cqi;
        contain: size;

        background-color: rgb(0, 0, 0, .1);
}
article > .article-media[data-v-2e5fc066] > * {
            --dynamic-image-max-width: 100%;
            --dynamic-image-max-height: 100%;
}
article > .article-intro[data-v-2e5fc066] {
        grid-area: intro;
        place-self: stretch;
        position: relative;
        overflow: clip;
        padding-block-end: 1em;
        padding-inline: 1em;
        min-height: 1em;
        min-width: unset;
        max-width: 100cqw;
}
article > .article-intro[data-v-2e5fc066] > * {
            overflow: visible;
            min-width: unset;
}
article > .article-intro[data-v-2e5fc066]::after {
            position: absolute;
            bottom: 0;
            pointer-events: none;
            background: linear-gradient(to bottom, color-mix(in srgb, var(--body-background-color) 10%, transparent), var(--body-background-color));
            height: 2em;
            width: 100%;
            display: block;
            content: "";
}
article > .article-buttons[data-v-2e5fc066] {
        grid-area: buttons;
        place-self: center;
        display: flex;
        flex-flow: row wrap;
        gap: 1em;
        padding-block: 1em;
}

div.article-list-block-root[data-v-3f3efc96]{container-type:inline-size}div.article-list-block-root>div.article-list[data-v-3f3efc96]{--configured-column-count: var(--v0bbc2c0e);--article-card-height-scale: var(--v4cd29664);--max-column-count: 5;--article-card-height: min(90dvh, calc(30em * var(--article-card-height-scale)));--column-count: min(var(--configured-column-count), var(--max-column-count));display:grid;grid-template-columns:repeat(var(--column-count), 1fr);grid-auto-rows:var(--article-card-height);place-content:center}@container (width <= 120em){div.article-list-block-root>div.article-list[data-v-3f3efc96]{--max-column-count: 4}}@container (width <= 100em){div.article-list-block-root>div.article-list[data-v-3f3efc96]{--max-column-count: 3}}@container (width <= 70em){div.article-list-block-root>div.article-list[data-v-3f3efc96]{--max-column-count: 2}}@container (width <= 40em){div.article-list-block-root>div.article-list[data-v-3f3efc96]{--max-column-count: 1}}