.blog__list{background-color:var(--background-secondary);border-radius:32px;flex-wrap:wrap;gap:24px;padding:24px 40px;display:flex}.article,.article__content{flex-direction:column;display:flex}.article{background-color:var(--text-tertiary);border-radius:14px;width:calc(25% - 18px);padding:16px;position:relative}.article:nth-child(4n){margin-right:0}.blog__pic{border:1px solid var(--seryy);border-radius:7px;margin-bottom:12px}.article__title{font-family:var(--second-family);-webkit-line-clamp:2;color:var(--text-primary);-webkit-box-orient:vertical;margin-bottom:8px;font-size:22px;font-weight:500;line-height:140%;transition:color .3s ease-in-out;display:-webkit-box;overflow:hidden}.article__description{font-family:var(--font-family);-webkit-line-clamp:3;color:var(--text-secondary);-webkit-box-orient:vertical;margin-bottom:12px;font-size:16px;font-weight:400;line-height:140%;display:-webkit-box;overflow:hidden}.article__date{background-color:var(--secondary-secondary-80);font-family:var(--font-family);color:var(--text-second-700);border-radius:7px;align-self:flex-start;margin-bottom:8px;padding:2px 4px;font-size:13px;font-weight:600;line-height:140%}.article__link{width:100%;height:100%;position:absolute;top:0;left:0}.article__btn{text-align:center;font-family:var(--font-family);color:var(--text-tertiary);background:linear-gradient(90deg,#4664ff 0%,#8b33f6 100%);border-radius:25px;padding:12px 24px;font-size:16px;font-weight:600;line-height:140%}.article:hover:not(:focus-visible) .article__title{color:#4664ff}@media (max-width:991px){.blog__list{border-radius:24px;flex-direction:column;gap:8px;padding:12px}.article{width:100%;margin-bottom:0;margin-right:0}.blog__pic{border-radius:7px;margin-bottom:12px}.article__title{font-family:var(--font-family);-webkit-line-clamp:2;color:var(--text-primary);-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:600;line-height:140%;display:-webkit-box;overflow:hidden}.article__description{font-family:var(--font-family);-webkit-line-clamp:3;color:var(--text-secondary);-webkit-box-orient:vertical;font-size:14px;font-weight:400;line-height:140%;display:-webkit-box;overflow:hidden}.article__date{font-family:var(--font-family);color:var(--text-second-700);border-radius:7px;margin-bottom:4px;padding:2px 4px;font-size:10px;font-weight:600;line-height:140%}}