.main-article .banner:before{padding-block-end:28rem}.main-article .banner .banner-content .banner-content-main .article-tags{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-block-start:2rem}.main-article .banner .banner-content .banner-content-main .article-tags a{background:rgb(var(--color-foreground),.05);border-radius:9999px;color:inherit;font-size:.75rem;padding-block:.5rem;padding-inline:1rem;text-decoration:none}.main-article .banner .banner-content .banner-content-bottom{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.main-article .banner .banner-content .banner-content-bottom .article-author{font-size:.875rem}.main-article .banner .banner-content .banner-content-bottom .article-share{align-items:center;display:inline-flex;gap:.5rem}.main-article .banner .banner-content .banner-content-bottom .article-share .list-social{gap:.5rem}.main-article .banner .banner-content .banner-content-bottom .article-share .list-social .social-item{--icon-width:1.5rem}.main-article .article-main{align-items:flex-start;display:flex;gap:3rem;justify-content:center;padding-block-end:3rem;padding-block-start:3rem}.main-article .article-main .article-main-detail .article-template .article-image{border-radius:var(--medium-radius);margin-block-end:2rem}.main-article .article-main .article-main-detail .article-template-nav{align-items:center;display:flex;justify-content:space-between;margin-block-start:3rem}.main-article .article-main .article-comments{margin-block-start:2rem}.main-article .article-main .article-comments .comments-form-wrapper{border-block-start:1px solid rgba(var(--color-foreground),.1);padding-block-start:2rem}.main-article .article-main .article-comments .comments-form-wrapper .comment-heading{font-size:1.5rem}.main-article .article-main .article-comments .comments-form-wrapper .comment-count{background:rgba(var(--color-foreground),.05);border-radius:9999px;font-size:.75rem;padding-block:.5rem;padding-inline:1rem}.main-article .article-main .article-comments .comments-list{margin-block-start:2rem}.main-article .article-main .article-comments .comments-list .content-list{list-style:none;margin:0;padding:0}.main-article .article-main .article-comments .comments-list .content-list li{align-items:center;display:flex;gap:2rem;padding-block:1rem;padding-inline:0}.main-article .article-main .article-comments .comments-list .content-list li .avatar{align-items:center;background:rgba(var(--color-foreground),.05);border-radius:9999px;color:rgba(var(--color-foreground),.1);display:inline-flex;flex:0 0 auto;font-size:2rem;font-weight:var(--font-body-weight-bold);height:4rem;justify-content:center;text-transform:uppercase;width:4rem}.main-article .article-main .article-comments .comments-list .content-list li .comment-detail{flex:1 1 auto}.main-article .article-main .article-comments .comments-list .content-list li .comment-detail .comment-header{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-block-end:.5rem}.main-article .article-main .article-comments .comments-list .content-list li:not(:last-child){border-block-end:1px solid rgba(var(--color-foreground),.1)}.main-article .article-main aside>:not(:last-child){margin-block-end:2rem}.main-article .article-main aside .related-list li:not(:last-child){margin-block-end:1rem}.main-article .article-main aside .advertisement{border-radius:var(--medium-radius)}@media screen and (max-width:749px){.main-article .banner .banner-content .banner-content-main .text-content-heading{font-size:2rem}.main-article .banner .banner-content .banner-content-bottom{flex-direction:column}.main-article .article-main{flex-direction:column;gap:2rem}.main-article .article-main>*{width:100%}}@media screen and (min-width:750px){.main-article .article-main .article-main-detail{max-width:60rem;width:100%}.main-article .article-main aside{width:30rem}.main-article .article-main.article--has-aside{justify-content:space-between}.main-article .article-main.aside-position--left .article-main-detail{order:2}}