.blog-article-page{display:grid;grid-template-columns:minmax(0,820px) 280px;align-items:start;justify-content:space-between;gap:34px}.blog-article-page .article-layout{width:100%;max-width:none;margin:0}.article-related-sidebar{position:sticky;top:24px;padding:18px;border:1px solid #eadde6;border-radius:12px;background:#fff;box-shadow:0 7px 21px rgba(39,13,31,.07)}.article-related-sidebar>h2{margin:0 0 16px;color:#54203f;font-size:1.35rem;line-height:1.25;text-align:center}.article-related-sidebar__list{display:grid;gap:12px}.article-related-sidebar__item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:center;padding-bottom:12px;border-bottom:1px solid #f0e5eb}.article-related-sidebar__item:last-child{padding-bottom:0;border-bottom:0}.article-related-sidebar__item>a:first-child{display:flex;align-items:center;justify-content:center;min-height:62px;padding:7px;border-radius:7px;background:linear-gradient(135deg,#f8eaf3,#fef1e6)}.article-related-sidebar__item img{width:58px;height:auto}.article-related-sidebar__item h3{margin:0;font-size:.91rem;line-height:1.32;text-align:left}.article-related-sidebar__item h3 a{color:#4c263e;text-decoration:none}.article-related-sidebar__item h3 a:hover{color:#9b235d;text-decoration:underline}@media(max-width:1100px){.blog-article-page{grid-template-columns:minmax(0,1fr) 250px;gap:24px}}@media(max-width:850px){.blog-article-page{display:block}.article-related-sidebar{position:static;margin-top:34px}.article-related-sidebar__list{grid-template-columns:repeat(2,minmax(0,1fr))}.article-related-sidebar__item{grid-template-columns:70px minmax(0,1fr)}}@media(max-width:560px){.article-related-sidebar__list{grid-template-columns:1fr}}