.article-card{border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:5px;padding:20px;transition:.3s ease}.article-card .topic{align-self:start;background-color:var(--bg-color);border-left:3px solid var(--main-color);border-radius:4px;font-size:.875rem;min-width:123px;padding:4px 16px}.article-card .image{border-radius:5px;height:30vw;margin:10px 0;max-height:120px;-o-object-fit:cover;object-fit:cover;width:100%}.article-card .image-placeholder{background-color:var(--bg-color)}.article-card .title{font-size:1rem}.article-card .desc{color:var(--gray-color);flex:1;font-size:.875rem}.article-card .desc span{color:inherit}.article-card .views{align-items:center;color:var(--gray-color);display:flex;font-size:.875rem;gap:6px;line-height:1;margin-top:25px}.article-card .views .icon{background-color:var(--gray-color);height:10px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' fill='none' viewBox='0 0 13 9'%3E%3Cpath fill='%23727272' fill-rule='evenodd' d='M1.936 1.819C3.072.873 4.685 0 6.5 0s3.428.873 4.564 1.819a8.2 8.2 0 0 1 1.373 1.431c.163.224.298.44.394.64.092.185.169.402.169.61s-.077.426-.169.611a4 4 0 0 1-.394.64c-.328.45-.8.956-1.373 1.43C9.928 8.128 8.315 9 6.5 9s-3.428-.872-4.564-1.819a8.1 8.1 0 0 1-1.373-1.43 4 4 0 0 1-.394-.64C.077 4.926 0 4.708 0 4.5s.077-.425.169-.61a4.3 4.3 0 0 1 .394-.64c.328-.45.8-.955 1.373-1.431M.963 4.5c0 .01.014.076.077.204.063.132.164.303.303.492.284.384.694.834 1.214 1.26 1.04.867 2.436 1.597 3.943 1.597s2.903-.73 3.943-1.597a7.2 7.2 0 0 0 1.214-1.26c.14-.19.24-.36.303-.492a.8.8 0 0 0 .077-.204.8.8 0 0 0-.077-.204 3 3 0 0 0-.303-.492 7.4 7.4 0 0 0-1.214-1.261 8 8 0 0 0-1.112-.777c.193.398.299.844.299 1.313 0 1.7-1.401 3.079-3.13 3.079s-3.13-1.379-3.13-3.08c0-.468.106-.914.299-1.312a8 8 0 0 0-1.112.777c-.52.429-.93.878-1.214 1.26-.14.192-.24.36-.303.493a.8.8 0 0 0-.077.204m3.37-1.421c0-1.177.968-2.132 2.167-2.132s2.167.955 2.167 2.132S7.699 5.211 6.5 5.211s-2.167-.955-2.167-2.132' clip-rule='evenodd'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='9' fill='none' viewBox='0 0 13 9'%3E%3Cpath fill='%23727272' fill-rule='evenodd' d='M1.936 1.819C3.072.873 4.685 0 6.5 0s3.428.873 4.564 1.819a8.2 8.2 0 0 1 1.373 1.431c.163.224.298.44.394.64.092.185.169.402.169.61s-.077.426-.169.611a4 4 0 0 1-.394.64c-.328.45-.8.956-1.373 1.43C9.928 8.128 8.315 9 6.5 9s-3.428-.872-4.564-1.819a8.1 8.1 0 0 1-1.373-1.43 4 4 0 0 1-.394-.64C.077 4.926 0 4.708 0 4.5s.077-.425.169-.61a4.3 4.3 0 0 1 .394-.64c.328-.45.8-.955 1.373-1.431M.963 4.5c0 .01.014.076.077.204.063.132.164.303.303.492.284.384.694.834 1.214 1.26 1.04.867 2.436 1.597 3.943 1.597s2.903-.73 3.943-1.597a7.2 7.2 0 0 0 1.214-1.26c.14-.19.24-.36.303-.492a.8.8 0 0 0 .077-.204.8.8 0 0 0-.077-.204 3 3 0 0 0-.303-.492 7.4 7.4 0 0 0-1.214-1.261 8 8 0 0 0-1.112-.777c.193.398.299.844.299 1.313 0 1.7-1.401 3.079-3.13 3.079s-3.13-1.379-3.13-3.08c0-.468.106-.914.299-1.312a8 8 0 0 0-1.112.777c-.52.429-.93.878-1.214 1.26-.14.192-.24.36-.303.493a.8.8 0 0 0-.077.204m3.37-1.421c0-1.177.968-2.132 2.167-2.132s2.167.955 2.167 2.132S7.699 5.211 6.5 5.211s-2.167-.955-2.167-2.132' clip-rule='evenodd'/%3E%3C/svg%3E");width:13px}.article-card:hover{box-shadow:0 7px 29px #64646f33}