.article-layout{display:flex;gap:5rem;padding:0 8rem;position:relative}.sticky-article{position:sticky;top:80px}.article-layout .article__body{width:65%}.article-layout .article-sidebar{width:35%}.article-sidebar .article-sidebar--postList{list-style:none;margin:0}.article-sidebar .article-sidebar--post{border-bottom:1px solid black;padding:1rem 0;margin-bottom:0}.article-sidebar .article-sidebar--post:last-of-type{border-bottom:none}.article-sidebar .article-sidebar--post a{display:flex;flex-direction:column;gap:.5rem}.article-sidebar .article-sidebar--postContent{display:flex;gap:1rem}.article-sidebar .article-sidebar--post a img{width:33%;aspect-ratio:16/9;height:100%;object-fit:cover}.article-sidebar .article-sidebar--postContent h4{margin:0}.article-sidebar .article-sidebar--postContent h4{margin:0;font-weight:700}.article-sidebar .article-sidebar--post p{font-size:.9rem;margin:0}@media only screen and (max-width: 1160px){.sticky-article{position:relative;top:0}.article-sidebar .article-sidebar--postContent{display:flex;flex-direction:column;gap:1rem}.article-sidebar .article-sidebar--post a img{width:100%}}@media only screen and (max-width: 992px){.article-layout .article-sidebar{display:none}.article-layout .article__body{width:100%}}@media only screen and (max-width: 992px){.article-layout{padding:0 3rem}}@media only screen and (max-width: 600px){.article-layout{padding:0}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/article.css.map */