.article-item[data-v-abfb0cfb]{align-items:baseline;border-bottom:1px solid var(--xm-line);color:var(--xm-ink);display:grid;gap:8px 24px;grid-template-columns:112px minmax(0,1fr) 24px;padding:22px 16px;position:relative;transition:background-color .3s}.article-item[data-v-abfb0cfb]:before{background:var(--xm-brand);bottom:-1px;content:"";left:0;position:absolute;top:0;transform:scaleY(0);transform-origin:top;transition:transform .4s var(--xm-ease);width:2px}.article-item[data-v-abfb0cfb]:hover{background:var(--xm-surface);text-decoration:none}.article-item[data-v-abfb0cfb]:hover:before{transform:none}.article-item:hover .title[data-v-abfb0cfb]{color:var(--xm-brand)}.article-item:hover .arrow[data-v-abfb0cfb]{color:var(--xm-brand);transform:translate(4px)}.date[data-v-abfb0cfb]{color:var(--xm-ink-3);font-size:14px;font-variant-numeric:tabular-nums}.title[data-v-abfb0cfb]{font-size:18px;font-weight:600;letter-spacing:0;line-height:1.55;transition:color .15s}.desc[data-v-abfb0cfb]{color:var(--xm-ink-2);font-size:15px;line-height:1.7;margin-top:6px}.tags[data-v-abfb0cfb]{color:var(--xm-ink-3);display:flex;flex-wrap:wrap;font-size:13px;gap:4px 14px;margin-top:8px}.tags span[data-v-abfb0cfb]:before{content:"#"}.arrow[data-v-abfb0cfb]{color:var(--xm-ink-3);justify-self:end;transition:transform .3s var(--xm-ease),color .3s}@media screen and (max-width:600px){.article-item[data-v-abfb0cfb]{gap:4px;grid-template-columns:minmax(0,1fr);padding:18px 4px}.date[data-v-abfb0cfb]{font-size:13px;order:2}.body[data-v-abfb0cfb]{order:1}.arrow[data-v-abfb0cfb]{display:none}}