.blog-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 276px;column-gap:80px;row-gap:40px;align-items:start;padding-top:60px;padding-bottom:80px}.blog-post-layout__main{min-width:0}.blog-post-layout__aside{position:sticky;top:110px;align-self:start}.blog-post-sidebar{display:flex;flex-direction:column;gap:40px;width:100%}.blog-post-sidebar__section-label{margin:0 0 24px;color:#3f3f48;font-size:12px;font-weight:700;line-height:16px;letter-spacing:.04em;text-transform:uppercase}.blog-post-sidebar__toc{display:flex;flex-direction:column}.blog-post-sidebar__toc-toggle{display:none}.blog-post-sidebar__toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}.blog-post-sidebar__toc-item{position:relative;padding-left:14px}.blog-post-sidebar__toc-item:before{content:"";position:absolute;top:4px;bottom:4px;left:0;width:2px;background:transparent;transition:background-color .15s linear}.blog-post-sidebar__toc-item.is-active:before{background:#d6001c}.blog-post-sidebar__toc-link{display:block;color:#57575f;font-size:14px;font-weight:400;line-height:20px;text-decoration:none;transition:color .15s linear}.blog-post-sidebar__toc-link:hover{color:#3f3f48}.blog-post-sidebar__toc-item.is-active .blog-post-sidebar__toc-link{color:#d6001c;font-weight:700}.blog-post-sidebar__footer{display:flex;flex-direction:column;gap:40px}.blog-post-sidebar__tag-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.blog-post-sidebar__tag{padding:4px 8px;background:#e7e7e8;color:#272731;font-size:12px;font-weight:600;line-height:16px;border-radius:2px}.blog-post-sidebar__share{display:flex;align-items:center;gap:4px}.blog-post-sidebar__share-label{margin:0;color:#57575f;font-size:14px;font-weight:400;line-height:20px}.blog-post-sidebar__share-buttons{display:flex;align-items:center;gap:0}.blog-post-sidebar__share-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;color:#272731;text-decoration:none}.blog-post-sidebar__share-button svg{width:24px;height:24px}.blog-post-sidebar__share-button svg path{transition:fill .15s linear}.blog-post-sidebar__share-button[data-share=linkedin]:hover svg path,.blog-post-sidebar__share-button[data-share=linkedin]:focus-visible svg path{fill:#0a66c2}.blog-post-sidebar__share-button[data-share=x]:hover svg path,.blog-post-sidebar__share-button[data-share=x]:focus-visible svg path{fill:#000}.blog-post-sidebar__share-button[data-share=facebook]:hover svg path,.blog-post-sidebar__share-button[data-share=facebook]:focus-visible svg path{fill:#1877f2}@media (min-width: 768px) and (max-width: 1199px){.blog-post-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"toc" "main" "footer";column-gap:0;row-gap:40px;padding-top:48px;padding-bottom:60px}.blog-post-layout__main{grid-area:main}.blog-post-layout__aside{display:contents;position:static}.blog-post-layout__aside>*{display:contents}.blog-post-sidebar{display:contents}.blog-post-sidebar__toc{grid-area:toc;position:relative;border:1px solid #d7d7d9;border-radius:4px;background:#fff}.blog-post-sidebar__toc .blog-post-sidebar__section-label{display:none}.blog-post-sidebar__toc-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;background:transparent;border:0;color:#1c1c25;font-size:14px;font-weight:700;line-height:20px;text-align:left;cursor:pointer}.blog-post-sidebar__toc-toggle-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-post-sidebar__toc-toggle-icon{display:inline-flex;width:20px;height:20px;transition:transform .15s linear}.blog-post-sidebar__toc-toggle-icon svg{width:100%;height:100%}.blog-post-sidebar__toc.is-open .blog-post-sidebar__toc-toggle-icon{transform:rotate(180deg)}.blog-post-sidebar__toc-list{max-height:0;overflow:hidden;padding:0 16px;gap:16px;transition:max-height .25s ease,padding .25s ease}.blog-post-sidebar__toc.is-open .blog-post-sidebar__toc-list{max-height:60vh;overflow-y:auto;padding:4px 16px 16px}.blog-post-sidebar__footer{grid-area:footer;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px}.blog-post-sidebar__tags{flex:1 1 auto;min-width:0}.blog-post-sidebar__share{flex:0 0 auto}}@media (max-width: 767px){.blog-post-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"toc" "main" "footer";column-gap:0;row-gap:32px;padding-top:32px;padding-bottom:48px}.blog-post-layout__main{grid-area:main}.blog-post-layout__aside{display:contents;position:static}.blog-post-layout__aside>*{display:contents}.blog-post-sidebar{display:contents}.blog-post-sidebar__toc{grid-area:toc;position:relative;border:1px solid #d7d7d9;border-radius:4px;background:#fff}.blog-post-sidebar__toc .blog-post-sidebar__section-label{display:none}.blog-post-sidebar__toc-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 16px;background:transparent;border:0;color:#1c1c25;font-size:14px;font-weight:700;line-height:20px;text-align:left;cursor:pointer}.blog-post-sidebar__toc-toggle-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-post-sidebar__toc-toggle-icon{display:inline-flex;width:20px;height:20px;transition:transform .15s linear}.blog-post-sidebar__toc-toggle-icon svg{width:100%;height:100%}.blog-post-sidebar__toc.is-open .blog-post-sidebar__toc-toggle-icon{transform:rotate(180deg)}.blog-post-sidebar__toc-list{max-height:0;overflow:hidden;padding:0 16px;gap:16px;transition:max-height .25s ease,padding .25s ease}.blog-post-sidebar__toc.is-open .blog-post-sidebar__toc-list{max-height:60vh;overflow-y:auto;padding:4px 16px 16px}.blog-post-sidebar__footer{grid-area:footer;flex-direction:column;align-items:flex-start;gap:24px}}