.main-blog__wrapper{display:flex;flex-direction:column;background-color:var(--primary-background)}@media only screen and (max-width:767px){.main-blog__wrapper{overflow:hidden}}.main-blog__wrapper .blog-articles__title{padding:20px;border-top:1px solid var(--text-color)}.main-blog__wrapper .blog-articles__list{--items-per-row:4;display:flex;flex-wrap:wrap;max-width:calc(100% + 2px);margin:0 -1px;position:relative}@media only screen and (max-width:639px){.main-blog__wrapper .blog-articles__list{margin:0;max-width:100%}}@media only screen and (max-width:1239px){.main-blog__wrapper .blog-articles__list{--items-per-row:2}}@media only screen and (max-width:767px){.main-blog__wrapper .blog-articles__list{--items-per-row:2}}@media only screen and (max-width:639px){.main-blog__wrapper .blog-articles__list{--items-per-row:1}}.main-blog__wrapper .blog-articles__list:before{content:"";position:absolute;left:0;top:0;width:calc(100% - 1px);height:1px;background-color:var(--text-color);border-top:none;z-index:1;opacity:1}.main-blog__wrapper .blog-articles__list:before,.main-blog__wrapper .blog-most-loved__wrapper:before{content:"";position:absolute;left:0;top:0;width:calc(100% - 1px);height:1px;background-color:var(--text-color);border-top:none;z-index:1;opacity:1}.main-blog__wrapper .blog-articles__item,.main-blog__wrapper .blog-most-loved__wrapper .article-card__wrapper{max-width:calc(100% / var(--items-per-row));width:100%;height:auto;position:relative}.main-blog__wrapper .blog-articles__item:after,.main-blog__wrapper .blog-most-loved__wrapper .article-card__wrapper:after{content:"";position:absolute;left:0;top:0;bottom:-1px;width:calc(100% - 1px);border:1px solid var(--text-color);border-top:none;z-index:1;pointer-events:none}@media only screen and (max-width:639px){.main-blog__wrapper .blog-articles__item:after,.main-blog__wrapper .blog-most-loved__wrapper .article-card__wrapper:after{border-right:0;border-left:0}}.main-blog__wrapper .blog-articles__item:before,.main-blog__wrapper .blog-most-loved__wrapper .article-card__wrapper:before{content:"";position:absolute;right:-1px;top:0;width:1px;height:100%;background-color:var(--link-hover-color);z-index:4;opacity:0}@media only screen and (min-width:768px){.main-blog__wrapper .blog-articles__item:hover:after,.main-blog__wrapper .blog-most-loved__wrapper .article-card__wrapper:hover:after{border-top:1px solid;border-color:var(--link-hover-color)}.main-blog__wrapper .blog-articles__item:hover:before,.main-blog__wrapper .blog-most-loved__wrapper .article-card__wrapper:hover:before{opacity:1}.main-blog__wrapper .blog-articles__item:hover .article-card__image:before,.main-blog__wrapper .blog-most-loved__wrapper .article-card__wrapper:hover .article-card__image:before{background-color:var(--link-hover-color)}}.main-blog__wrapper .blog-articles__item{background-color:var(--primary-background);order:var(--order)}.main-blog__wrapper .blog-most-loved__wrapper{--items-per-row:3;width:100%;display:flex;flex-wrap:wrap;justify-content:center;background-color:var(--secondary-background);order:var(--order-desktop);position:relative}@media only screen and (max-width:1239px){.main-blog__wrapper .blog-most-loved__wrapper{order:var(--order-medium)}}@media only screen and (max-width:767px){.main-blog__wrapper .blog-most-loved__wrapper{--items-per-row:1;order:var(--order-small)}}.main-blog__wrapper .blog-most-loved__wrapper:before{z-index:0}.main-blog__wrapper .blog-most-loved__wrapper .blog-most-loved__heading{width:100%;padding:20px}.main-blog__wrapper .blog-most-loved__wrapper .article-card__wrapper:after{border:1px solid var(--text-color)}@media only screen and (max-width:639px){.main-blog__wrapper .blog-most-loved__wrapper .article-card__wrapper:after{border-right:0;border-left:0}}.main-blog__wrapper .main-blog__pagination--wrapper{width:100%;display:flex;justify-content:center;margin:auto}.main-blog__wrapper .main-blog__pagination--wrapper view-more{padding:10px 0;display:flex}.main-blog__wrapper .main-blog__pagination--wrapper view-more[aria-hidden=true]{display:none}.main-blog__wrapper .main-blog__pagination--wrapper .main-blog__pagination--btn{padding:15px;min-width:300px;display:flex;gap:5px}@media only screen and (max-width:639px){.main-blog__wrapper .main-blog__pagination--wrapper .main-blog__pagination--btn{padding:5px 10px}}.main-blog__wrapper .main-blog__pagination--wrapper .main-blog__pagination--btn span{text-decoration:underline}