@layer addon {
    .collectionArticle, .filterArticle {

        .block {
            .media {
                img {
                    aspect-ratio: 410 / 230;
                }
            }
            .inner {
                background: var(--gradient);
                gap: var(--gutter);
                font-size: var(--xs-fontsize);
                .header {
                    flex: 1;
                    gap: calc(var(--gutter) / 2);
                    .title {
                        -webkit-hyphens: initial;
                                hyphens: initial;
                    }
                    .tags {
                        flex-direction: row;
                        .tag {
                            box-shadow: 0 0 0 1px var(--color-light);
                            padding: 8px;
                            border-radius: var(--border-radius);
                        }
                    }
                    .publication {
                        font-weight: 500;
                    }
                }
            }
        }
    }
}