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