/* Contain the colored homepage sections within the same editorial page width. */
body.community-home {--section-panel-width:min(1380px,calc(100% - 96px))}
html body.community-home main>.trend,
html body.community-home main>.video,
html body.community-home main>.letter {
 width:var(--section-panel-width);max-width:1380px;min-width:0;
 margin:0 auto;padding:30px 32px;box-sizing:border-box;
}
html body.community-home main>.trend {border:1px solid #d4dcc8;background:#edf0e5}
html body.community-home main>.video {border:1px solid #173b38;background:#173b38}
html body.community-home main>.letter {border:1px solid #d4dcc8;background:#f0f3e5}
html body.community-home main>.life {padding-block:32px}
html body.community-home main>.trend>div,
html body.community-home main>.trend>ol,
html body.community-home main>.video>* {min-width:0}
@media(max-width:1150px){
 body.community-home {--section-panel-width:calc(100% - 56px)}
 html body.community-home main>.trend,
 html body.community-home main>.video,
 html body.community-home main>.letter {padding-inline:26px}
}
@media(max-width:800px){
 body.community-home {--section-panel-width:calc(100% - 36px)}
 html body.community-home main>.trend,
 html body.community-home main>.video,
 html body.community-home main>.letter {padding:24px 20px}
 html body.community-home main>.life {padding-block:28px}
}