.articles__top{margin-bottom:2.4rem}.articles__text{font-size:1.7rem;font-weight:400;line-height:2.6rem}@media (max-width: 992px){.articles__main{flex-direction:column-reverse;gap:4.4rem}}.articles__title{font-size:4.6rem;font-weight:600;line-height:1;margin:0;padding-bottom:0;margin-bottom:3rem}.articles__search{display:flex;align-items:center;gap:1.2rem;background:linear-gradient(0deg,#FFFFFF,#FFFFFF),#F5F6F8;border:1px solid #CED3DD;border-radius:0.6rem;padding:0 1rem}.articles__search__btn{padding:0;display:flex;align-items:center;justify-content:center;box-shadow:none;background:none;border:none;margin:0}.articles__search__clear{background:none;border:none;box-shadow:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity 0.3s;opacity:0;pointer-events:none;cursor:pointer}.articles__search__clear.active{opacity:1;pointer-events:auto}.articles__search__clear:hover svg path{fill:#DB0000}.articles__search svg{width:2rem;height:2rem;flex-shrink:0}.articles__search input{width:100%;font-size:1.5rem;line-height:2rem;border:none;outline:none;padding:0;align-self:stretch;padding:1rem 1rem 1rem 0}.articles__sort{display:flex;gap:1.2rem;font-size:1.4rem;margin-top:2.5rem}.articles__sort input{display:none}.articles__sort__top{color:#464A53;position:relative}.articles__sort__top span{display:flex;align-items:center;cursor:pointer}.articles__sort__top span::after{content:"";width:0;height:0;border-style:solid;border-width:0.6rem 0.5rem 0 0.5rem;border-color:#9BA1AB transparent transparent transparent;margin-left:0.8rem;transition:200ms ease;transition-property:all;transition-property:-webkit-transform;transition-property:transform}.articles__sort__top span.active::after{transform:scale(1,-1)}.articles__sort__list{display:flex;flex-direction:column;position:absolute;top:125%;left:0;opacity:0;pointer-events:none;transition:opacity 0.3s;background:#ffffff;box-shadow:0px 0.4rem 2rem #D8D8D8;border-radius:0.8rem;padding:0.8rem 0!important;z-index:3;list-style:none;min-width:27rem}.articles__sort__list.active{opacity:1;pointer-events:auto}.articles__sort__item{border:none;background:none;padding:0.8rem 1.6rem;margin:0;transition:background 0.3s;text-align:left;cursor:pointer}.articles__sort__item:hover,
.articles__sort__item.active{background:#F0F2F5}.articles__item{font-size:1.2em;margin:0 0 2.5rem 0;padding:0 0 2.5rem 0;border-bottom:1px solid #e5e5e5}.articles__item img{max-width:100%}.articles__item:last-child{margin-bottom:0}.articles__item__title{font-weight:500;font-size:2.6rem;line-height:1.2;margin:0 0 1rem;padding:0}.articles__item__title a{color:inherit}.articles__item__annotation{font-size:1.5rem;font-weight:400;line-height:1.66;margin-bottom:1.6rem;color:#464A53}.articles__item__tags{display:flex;flex-wrap:wrap;gap:0.3rem;margin-top:1rem}.articles__item__cover{margin-top:2rem}@media (max-width: 992px){.articles__item{border:none}}.articles__popular{position:sticky!important;align-self:flex-start;top:10rem}@media (max-width: 992px){.articles__popular{position:static!important}}.articles__popular__title{font-weight:500;font-size:2.6rem;line-height:1.2;margin:0;padding:0}.articles__popular__item{border-bottom:1px solid #e5e5e5;padding:2rem 0}.articles__popular__item__title{margin-top:3rem;padding:0;font-size:1.8rem;font-weight:500;line-height:1.4;word-break:break-word}.articles__popular__item__title a{color:inherit}.articles__popular__item .gray-text-small{margin-bottom:0.8rem}@media (max-width: 992px){.articles__popular__list{display:flex;gap:2.4rem;overflow-x:auto;padding-bottom:2rem}.articles__popular__list .articles__popular__item{padding:0;width:28rem;flex-shrink:0;border:none}}.articles__register{display:flex;flex-direction:column;gap:1.4rem;padding:2rem;background-color:#F0F2F5;border-radius:0.5rem;border-bottom:0.1rem;margin-top:0;margin-bottom:3rem}.articles__register .btn.btn-danger{max-width:100%}@media (max-width: 992px){.articles__register{flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:center}}.articles__register__title{font-weight:500;font-size:2.6rem;line-height:140%;margin-bottom:0.8rem}.articles__register__desc{font-weight:400;font-size:1.3rem;line-height:2rem;color:#7B7D87}.articles__register__btn{border-radius:0.4rem;padding:1rem 2.2rem 1rem 2.2rem;gap:0.4rem;color:#FFFFFF;text-align:center;font-weight:700;font-size:1.5rem;line-height:2rem;background-color:#DB0000;border:none;box-shadow:none}@media (max-width: 992px){.articles__register__btn{padding:1.2rem 2rem}}.gray-text-small{font-size:1.3rem;line-height:1.5;color:#7B7D87;margin-bottom:1.8rem}.rectangle{border-radius:0.2rem;border:1px solid #CED3DD;padding:0.4rem 1.2rem;gap:0.8rem;color:#7B7D87;background-color:#F0F2F5;font-weight:500;font-size:1.3rem;line-height:1.2;display:inline-block;text-align:center}.searchInText{border-radius:2px;border:1px solid #CED3DD;padding:0.4rem 1.2rem;gap:0.8rem;color:#7B7D87;background-color:#F0F2F5;font-weight:500;font-size:1.3rem;line-height:1.2;display:inline-block;text-align:center}.tag_container{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:1.6rem}.tags{border-radius:0.6rem;border:1px solid #7B7D87;padding:1rem 1.6rem;font-weight:500;font-size:1.5rem;line-height:1.2;background:none;color:#7B7D87;display:inline-block;text-align:center}.tags.selected{border:1px solid #DB0000;color:#DB0000}.article__body a{color:#007bff}.article__body blockquote{background:#F0F2F5;padding:2rem;border-radius:0.8rem}.article img{max-width:100%}.article h2,
.article h3,
.article h4,
.article h5,
.article h6{margin-top:3rem}.article h1,
.article .h1{font-size:2.6rem;font-weight:700}@media (max-width: 1336.5px){.article h1,
  .article .h1{font-size:2.4rem}}.article h2,
.article .h2{font-size:2.3rem;font-weight:700}@media (max-width: 1336.5px){.article h2,
  .article .h2{font-size:2.2rem}}.article h3,
.article .h3{font-size:2.1rem;font-weight:700}@media (max-width: 1336.5px){.article h3,
  .article .h3{font-size:2rem}}.article h4,
.article .h4{font-size:1.8rem;font-weight:500}@media (max-width: 1336.5px){.article h4,
  .article .h4{font-size:1.6rem}}.article h5,
.article .h5{font-size:1.5rem;font-weight:500}.article h6,
.article .h6{font-size:1.3rem;font-weight:500;letter-spacing:0.02em}.article__headers{position:sticky;top:9rem;left:0;margin-bottom:3rem}.article__headers a{margin-bottom:0.5rem;display:inline-block;color:inherit}.article p:empty{display:none}.article-recommendation-link{margin-bottom:1.5rem}@media (min-width: 1200.5px){.article-recommendation-link{position:absolute;left:calc(100% + 1.5rem);top:0;width:28rem;z-index:1}}@media (min-width: 1200.5px){.article-overlay{position:relative}}