.ArticleCard{width:100%;display:flex;align-items:center;border-radius:8px;padding:6px;box-sizing:border-box;overflow:hidden;background-color:var(--background);margin-bottom:20px;transition:all .3s cubic-bezier(.075,.82,.165,1)}:root{--img-size-desktop:15vw;--img-size-max:150px;--img-size-mobile:100px}.ArticleCard .Article_img{width:var(--img-size-desktop);height:var(--img-size-desktop);max-width:var(--img-size-max);max-height:var(--img-size-max);flex-shrink:0;border-radius:10px;overflow:clip;position:relative;margin-right:20px;transition:transform .3s ease,width .3s ease,height .3s ease}@media (max-width:768px){.ArticleCard .Article_img{width:var(--img-size-mobile);height:var(--img-size-mobile)}.ArticleCard .content .title{font-size:1rem}}.ArticleCard:hover{transform:scale(1.01);box-shadow:0 4px 8px rgba(0,0,0,.1)}.ArticleCard .Article_img:hover{transform:scale(1.1)}.ArticleCard a{display:flex;text-decoration:none;color:inherit;width:100%;align-items:center}.ArticleCard .content{display:flex;flex-direction:column;justify-content:center;width:calc(100% - 120px)}.ArticleCard .content .title{font-weight:700;font-size:1rem;margin-bottom:8px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;max-height:2.6em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.ArticleCard .content .date{font-size:.8em;color:#6d6d6d;margin-bottom:5px}.ArticleCard .tag-box{display:flex;flex-wrap:wrap;gap:5px}.ArticleCard .tag{font-size:.65em;color:#222;background:hsla(0,0%,95%,.7);padding:.5em .6em;margin-right:5;border-radius:6px;white-space:nowrap}