.app-article-preview-container[data-v-c9c56b17]{container-name:article-container;container-type:inline-size}.app-article-preview[data-v-c9c56b17]{display:grid;transition:scale .1s ease-in-out}.app-article-preview[data-v-c9c56b17]:focus-within,.app-article-preview[data-v-c9c56b17]:hover{scale:1.025}.app-article-preview.layout-row[data-v-c9c56b17]{align-items:start;gap:0 1rem;grid-template-areas:"image title" "image tags";grid-template-columns:auto 1fr;grid-template-rows:1fr min-content}.app-article-preview.layout-row .article-image[data-v-c9c56b17]{max-width:400px;width:25vw}.app-article-preview.layout-row .article-title[data-v-c9c56b17]{font-size:clamp(1.125rem,2vw,1.25rem)}.app-article-preview.layout-row .article-tags[data-v-c9c56b17]{margin-top:1rem}.app-article-preview.layout-row .article-excerpt[data-v-c9c56b17]{display:none}.app-article-preview.layout-card[data-v-c9c56b17]{align-items:start;gap:0 1rem;grid-template-areas:"image" "title" "tags";grid-template-columns:1fr;grid-template-rows:min-content min-content min-content}.app-article-preview.layout-card .article-image[data-v-c9c56b17]{aspect-ratio:16/9}.app-article-preview.layout-card .article-title[data-v-c9c56b17]{font-size:clamp(1.125rem,2vw,1.25rem);margin-top:.5rem}.app-article-preview.layout-card .article-tags[data-v-c9c56b17]{margin-top:.75rem}.app-article-preview.layout-card .article-excerpt[data-v-c9c56b17]{display:none}.app-article-preview .article-image[data-v-c9c56b17]{border-radius:var(--radius-m);grid-area:image;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.app-article-preview .article-title[data-v-c9c56b17]{color:var(--color-heading);font-weight:600;grid-area:title}.app-article-preview .article-title a[data-v-c9c56b17]{color:inherit}.app-article-preview .article-title a[data-v-c9c56b17]:hover{text-decoration:underline}.app-article-preview .article-title a[data-v-c9c56b17]:focus{border-radius:3px;outline:3px solid var(--color-info)}.app-article-preview .article-excerpt[data-v-c9c56b17]{display:-webkit-box;grid-area:excerpt;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.app-article-preview .article-tags[data-v-c9c56b17]{display:flex;flex-wrap:wrap;gap:.5rem;grid-area:tags}.app-article-preview .article-tags>li[data-v-c9c56b17]{display:contents}@container article-container (width < 600px){.app-article-preview.layout-row[data-v-c9c56b17]{align-items:start;gap:0 1rem;grid-template-areas:"image" "title" "tags";grid-template-columns:1fr;grid-template-rows:min-content min-content min-content}.app-article-preview.layout-row .article-title[data-v-c9c56b17]{margin-top:1rem}.app-article-preview.layout-row .article-image[data-v-c9c56b17]{width:100%}}