body:has(.header.is-sticky:not(.is-hidden)) .article__aside{top:calc(var(--header-height) + 20px)}body:has(.header.is-sticky:not(.is-hidden)) [id]{scroll-margin-top:calc(var(--header-height) + 20px)}body:has(.header.is-hidden) .article__aside{top:24px}body:has(.header.is-hidden) [id]{scroll-margin-top:24px}.article{margin-bottom:var(--section-padding)}.article__body{display:grid;gap:var(--grid-gap);grid-template-columns:var(--grid-template)}.article__content{display:flex;flex-direction:column;gap:32px;grid-column:span 9}@media not (min-width:1280px){.article__content{grid-column:-1/1}}.article__aside{--aside-pad:16px;grid-column:span 3}@media(min-width:1280px){.article__aside{height:-moz-max-content;height:max-content;position:sticky;transition:top .2s linear}}@media not (min-width:1280px){.article__aside{grid-column:-1/1;order:-1}}.article__title{font-family:Rubik,sans-serif;font-size:40px;font-style:normal;font-weight:800;line-height:100%}.article__main-img{border-radius:20px;max-height:500px;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}.article__info{align-items:center;display:flex;justify-content:space-between}.article__date{color:var(--Grey,#6e6e6e)}.article__tags{display:flex;gap:20px}.article__tag{align-items:center;background:var(--White,#fff);border:1px solid var(--Blue,#12223c);border-radius:4px;display:flex;justify-content:center;padding:4px 10px}.article__author-title{font-family:Rubik,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:130%;margin-bottom:16px}.article__author-wrap{display:flex;gap:16px}.article__author-avatar{border-radius:10px;height:80px;overflow:hidden;width:80px}.article__author-name{font-weight:700;margin-bottom:16px}.article__aside-title{font-family:Rubik,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:130%;margin-bottom:var(--aside-pad);padding-left:var(--aside-pad)}.article__aside-wrap{align-self:stretch;border:1px solid var(--Dark_blue);border-radius:20px;display:flex;flex-direction:column;gap:16px;padding:18px 16px 21px}.article__aside-wrap a{cursor:pointer;transition:color .2s linear}.article__aside-item.active,.article__aside-wrap a .is-active,.article__aside-wrap a:hover{color:var(--Dark_blue)}