.article-template{max-width:80%;margin:0 auto;background-color:#fff;border-radius:8px}.article-template>:first-child:not(.article-template__hero-container){margin-top:3rem}@media screen and (min-width:750px){.article-template>:first-child:not(.article-template__hero-container){margin-top:calc(5rem + var(--page-width-margin))}}.article-template__hero-container{max-width:100%;margin:0 auto;overflow:hidden}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width:750px) and (max-width:989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width:990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:4.4rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale));padding:1rem;border-bottom:1px solid #ddd}@media screen and (min-width:750px){.article-template header{margin-top:5rem}}.article-template__content{margin-top:3rem;margin-bottom:3rem;padding:1rem}.article-template__comment-wrapper,.article-template__social-sharing{padding:1rem;border-top:1px solid #ddd}.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:rgba(var(--color-foreground),.75);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 1}.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__back:last-child{margin-bottom:3.2rem}.table-of-contents{position:-webkit-sticky;position:sticky;top:0;background-color:#fff;padding:50px;font-size:20px}.table-of-contents ul{list-style-type:none}.table-of-contents a{text-decoration:none;color:#007bff}