.popular-posts-list{list-style:none;margin:0;padding:0}.popular-post-item{display:flex;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1);align-items:flex-start}.popular-post-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.popular-post-thumbnail{flex-shrink:0;width:80px;height:80px;overflow:hidden;border-radius:4px;background-color:#f5f5f5}.popular-post-thumbnail a{display:block;width:100%;height:100%;text-decoration:none}.popular-post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.popular-post-thumbnail a:hover img{transform:scale(1.05)}.popular-post-thumbnail.no-thumbnail{display:flex;align-items:center;justify-content:center;background-color:#e8e8e8}.popular-post-thumbnail.no-thumbnail .no-image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#999}.popular-post-thumbnail.no-thumbnail svg{width:40px;height:40px}.popular-post-content{flex:1;min-width:0}.popular-post-title{margin:0 0 6px 0;font-size:14px;line-height:1.4;font-weight:500}.popular-post-title a{color:inherit;text-decoration:none;transition:color .2s ease;display:block}.popular-post-title a:hover{color:#0073aa}.popular-post-meta{display:flex;gap:12px;font-size:12px;color:#666;flex-wrap:wrap}.popular-post-meta .post-date,.popular-post-meta .post-comments{display:inline-block}.popular-post-meta .post-comments::before{content:"•";margin-right:8px;color:#ccc}@media (max-width:768px){.popular-post-thumbnail{width:70px;height:70px}.popular-post-title{font-size:13px}.popular-post-meta{font-size:11px}}