.article-card[data-v-b5168b7b]{margin:0 0 var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);animation:float-in .2s var(--delay) backwards;flex-direction:column;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;overflow:hidden;container-type:inline-size}.article-card[data-v-b5168b7b]:focus-visible,.article-card[data-v-b5168b7b]:hover{border-color:color-mix(in srgb,var(--c-primary) 70%,var(--c-border));box-shadow:var(--box-shadow-1),inset 0 0 0 1px var(--c-primary-soft)}.article-card>article[data-v-b5168b7b]{min-height:8rem;padding:var(--sp-4);flex-direction:column;flex:1;display:flex}.article-info[data-v-b5168b7b]{color:var(--c-text-2);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.6em;margin-top:auto;font-size:.8em;display:grid}.article-info[data-v-b5168b7b]:empty{display:none}.article-info[data-v-b5168b7b]>*{min-width:0}.article-info[data-v-b5168b7b] .iconify{flex-shrink:0}.article-date[data-v-b5168b7b],.article-words[data-v-b5168b7b]{gap:.25em;overflow:hidden}.article-category[data-v-b5168b7b],.article-date[data-v-b5168b7b],.article-words[data-v-b5168b7b]{white-space:nowrap;text-overflow:ellipsis;align-items:center;display:flex}.article-category[data-v-b5168b7b]{align-self:flex-start;gap:.3em;max-width:100%;font-size:.78rem;font-weight:700;line-height:1.2}.article-words[data-v-b5168b7b]{max-width:8em;color:var(--c-text-3);justify-self:start}.article-date[data-v-b5168b7b]{text-align:end;justify-self:end}.article-title[data-v-b5168b7b]{font-size:var(--fs-h2);-webkit-line-clamp:2;font-weight:700;line-height:var(--lh-tight);color:var(--c-text);-webkit-box-orient:vertical;margin:auto 0;display:-webkit-box;overflow:hidden}.article-cover-frame[data-v-b5168b7b]{flex-shrink:0;height:12rem;position:relative;overflow:hidden}.article-cover[data-v-b5168b7b]{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;margin:0;transition:transform .35s;display:block}.article-card:focus-visible .article-cover[data-v-b5168b7b],.article-card:hover .article-cover[data-v-b5168b7b]{transform:scale(1.06)}