.sy-article-card{padding:var(--sy-space-6) 0;border-bottom:1px solid var(--sy-border-subtle)}.sy-article-card,.sy-article-link{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sy-space-6);width:100%}.sy-article-link{color:inherit;text-decoration:none}.sy-article-card-thumb{flex-shrink:0;width:200px;height:200px;overflow:hidden;border-radius:var(--sy-radius-lg)}.sy-article-card-img{width:100%;height:100%;border-radius:var(--sy-radius-lg);object-fit:cover;display:block;transition:transform .3s ease,box-shadow .3s ease}.sy-article-link:hover .sy-article-card-img{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.sy-article-card-img.loaded{opacity:1}.sy-article-card-content{flex:1;min-width:0}.sy-article-title{font-family:var(--sy-font-heading);font-size:var(--sy-text-lg);line-height:1.4;margin-bottom:var(--sy-space-3)}.sy-article-subtitle{font-size:var(--sy-text-md);color:var(--sy-text-secondary);margin-bottom:var(--sy-space-4);max-width:60ch}.sy-article-meta{font-size:var(--sy-text-xs);color:var(--sy-text-tertiary);display:flex;gap:var(--sy-space-2);margin-bottom:var(--sy-space-4)}.sy-article-topics{display:flex;gap:var(--sy-space-2);flex-wrap:wrap}.sy-topic-badge{font-size:var(--sy-text-xs);padding:.25em .5em;border-radius:var(--sy-radius-sm);background:var(--sy-bg-secondary);color:var(--sy-text-secondary)}@media (max-width:640px){.sy-article-link{flex-direction:column}.sy-article-card-thumb{width:100%;margin-bottom:var(--sy-space-4)}.sy-article-card-img{width:100%;height:auto}}