.article-row{border-radius:var(--r-card);border:1px solid var(--line);background:var(--surface);animation:article-row-in .42s var(--ease-out) both;animation-delay:var(--delay,0s);flex-direction:column;transition:border-color .2s;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.article-row:hover{border-color:var(--line-strong)}.article-row:hover .article-row__title{color:var(--ink)}}.article-row__media{aspect-ratio:4/3;background:var(--raised);position:relative}.article-row__media .develop,.article-row__media .develop__img{height:100%}.article-row__category{z-index:1;-webkit-backdrop-filter:blur(10px);color:var(--ink-2);background:#06060880;border-radius:5px;padding:5px 8px 4px;position:absolute;inset-block-start:10px;inset-inline-start:10px}.article-row__body{padding:var(--space-4);flex-direction:column;gap:8px;display:flex}.article-row__title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-2);text-wrap:pretty;margin:0;font-size:20px;font-weight:500;line-height:1.2;transition:color .2s}:lang(ar) .article-row__title{letter-spacing:normal}.article-row__lede{font-family:var(--font-ui);color:var(--ink-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.article-row__meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:4px;display:flex}.article-row__dot{color:var(--ink-3)}.article-row__read{font-family:var(--font-ui);color:var(--ink-3);font-size:13px}.article-row__sample{margin-inline-start:auto}@keyframes article-row-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.article-row{animation:none}}