.articles article { display: flex; flex-direction: column; } .articles article .article-card-link { display: flex; flex-direction: column; min-height: 0; text-decoration: none; color: inherit; cursor: pointer; } .articles article .article-card-link:first-of-type { flex: 0 0 auto; } .articles article .article-card-link:last-of-type { flex: 1; } .articles article .article-card-link:hover { color: inherit; } .article-card-link:hover .main-title span { text-decoration: underline; } .article-card-link .thumb { display: block; overflow: hidden; } .article-card-link .thumb img { transition: transform 0.35s ease; } .article-card-link:hover .thumb img { transform: scale(1.04); } .articles article .info, .articles article .loop-meta-row { padding-left: 1rem; padding-right: 1rem; } .loop-meta-row { width: 100%; max-width: 100%; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: 0.35rem; margin-bottom: 0.35rem; padding-bottom: 1rem; } .loop-meta-row .loop-updated-date { margin-bottom: 0; } .loop-meta-row .loop-tags { margin-top: 0; } .loop-updated-date { font-size: 0.85em; color: #666; } .article-card-link .main-title, .article-card-link .main-title span { color: inherit; line-height: 1.4; } .post-excerpt p { line-height: 1.4; } .loop-tags { display: flex; flex-wrap: wrap; gap: 0.4em; margin-top: 0.6em; } .loop-tag { display: inline-flex; align-items: center; box-sizing: border-box; background-color: #f0f3f8; color: #476788; border-radius: 50px; padding: 4px 12px; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none; cursor: pointer; transition: all 0.2s ease; } .loop-tag:hover { background-color: #e2e6ee; color: #3a5670; }