.article-page{max-width:1200px;margin:0 auto}.article-layout{display:grid;grid-template-columns:320px 1fr;gap:4rem;margin-top:2rem}.article-sidebar{position:sticky;top:100px;align-self:start}.sidebar-nav{margin-bottom:2rem}.sidebar-nav__title{font-size:var(--font-size-lg);font-weight:600;margin:0 0 1rem}.sidebar-nav__blog{margin-bottom:1rem}.sidebar-nav__blog-link{display:block;font-size:var(--font-size-md);font-weight:500;color:var(--color-gray-dark);text-decoration:none;padding:.5rem 0}.sidebar-nav__blog-link:hover,.sidebar-nav__blog-link.is-current{color:rgb(var(--color-primary))}.sidebar-nav__tags{list-style:none;margin:0;padding:0 0 0 1rem}.sidebar-nav__tags li{margin:0}.sidebar-nav__tag-link{display:block;font-size:var(--font-size-md);color:#666;text-decoration:none;padding:.3rem 0}.sidebar-nav__tag-link:hover{color:rgb(var(--color-primary))}.sidebar-nav__tag-link.is-current{color:rgb(var(--color-primary));font-weight:500}.sidebar-related__title{font-size:var(--font-size-lg);font-weight:600;margin:0 0 1.5rem}.sidebar-related__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}.sidebar-related__item{margin:0}.sidebar-related__link{display:block;text-decoration:none}.sidebar-related__image{border-radius:var(--radius-card);overflow:hidden;margin-bottom:.75rem}.sidebar-related__image img{width:100%;height:auto;display:block;transition:transform .3s ease}.sidebar-related__link:hover .sidebar-related__image img{transform:scale(1.03)}.sidebar-related__text{font-size:var(--font-size-md);color:var(--color-gray-dark);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sidebar-related__link:hover .sidebar-related__text{color:rgb(var(--color-primary))}.article-template{min-width:0}.article-comments{max-width:818px;margin-left:auto;padding:0 1.5rem}@media screen and (max-width: 740px){.article-page{padding:0 1rem}.article-layout{display:block;margin-top:0}.article-sidebar{display:none}.article-comments{max-width:none;padding:0}}.article-template__hero img{width:100%;height:auto}.article-template__header{margin-top:2rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}.article-template__title{margin:0}.article-template__title:not(:only-child){margin-bottom:1rem}.article-toc{margin:2rem 0;padding:1.5rem;background-color:#f5f8fa}.article-toc__header{margin-bottom:1rem}.article-toc__title{font-size:var(--font-size-md);font-weight:600;color:var(--color-gray-dark)}.article-toc__list{list-style:none;margin:0;padding:0}.article-toc__item{margin:0;padding:0;border-bottom:1px solid gray}.article-toc__item--indent{padding-left:1.5rem}.article-toc__link{display:block;padding:.5rem 0;font-size:var(--font-size-md);color:#555;text-decoration:none;transition:color .2s ease}.article-toc__link:hover{color:var(--color-gray-dark)}.article-toc__link--active{color:rgb(var(--color-primary));font-weight:500}@media screen and (max-width: 740px){.article-toc{margin:1.5rem 0;padding:1rem}.article-toc__item--indent{padding-left:1rem}}.article-template__content{margin-top:3rem;margin-bottom:3rem}.article-template__social-sharing{margin-top:3rem}.article-template__social-sharing+.article-template__header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__back:last-child{margin-bottom:3.2rem}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 0}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 0}}.article-template__comment-wrapper h2{margin-top:0}.article-template__comments{margin-bottom:5rem}@media screen and (min-width: 750px){.article-template__comments{margin-bottom:7rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:var(--color-gray);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width: 750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width: 750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__content h2:not(:first-child){margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--color-gray)}.article-template__content figure{margin:1.5rem 0}.article-template__content figcaption{margin-top:.5rem;font-size:var(--font-size-sm);color:#666}
/*# sourceMappingURL=/cdn/shop/t/3/assets/main-article.css.map */