.main-article-banner{margin-bottom:24px}.article-banner-img{position:relative;overflow:hidden}.article-banner-img:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(var(--color-overlay-background)/0) 25%,rgba(var(--color-overlay-background,var(--color-overlay-opacity))))}.article-banner-img+.article-banner-content{position:absolute;left:0;right:0;bottom:60px;width:100%;max-width:80%;margin:0 auto}.article-banner-img+.overlay-title *{color:rgba(var(--color-background))}.article-container{max-width:98%;margin:0 auto;padding:0 20px}.article-container .article-banner-content>.container{padding:0}.article-comments-form-card{display:grid;gap:20px;padding:24px;border:1px solid rgba(var(--color-divider));border-radius:var(--block-card-radius);margin-top:30px}.article-comments-header h4{margin-top:0}.article-comments-submit .button{margin:0}.article-comment-card{background-color:rgba(var(--color-background-foreground));color:rgba(var(--color-text));border-radius:8px;padding:24px;margin-top:30px}.article-comment-card>p{margin:0 0 20px}.article-comment-card .date{display:inline-flex;gap:5px;font-size:var(--text-size-small);color:rgba(var(--color-text),.5);margin:5px 0 0}@media(min-width:768px){.main-article-banner{margin-bottom:60px}.article-container{max-width:80%}.article-comments-form-card{gap:30px;padding:30px}}