/* Keep every mobile single-post section on one shared 20px page gutter. */
@media (max-width:767px) {
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container {
        width:calc(100% - 40px)!important;
        max-width:calc(100% - 40px)!important;
        min-width:0!important;
        margin-right:auto!important;
        margin-left:auto!important;
        padding:12px 0 112px!important;
        box-sizing:border-box!important;
    }
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container>.row {
        display:flex!important;
        flex-wrap:wrap!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-right:0!important;
        margin-left:0!important;
        padding:0!important;
    }
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container>.row>.col-12,
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container .content-wrap.single-inner,
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container #sidebar.sidebar-wrap {
        flex:0 0 100%!important;
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-right:0!important;
        margin-left:0!important;
        padding-right:0!important;
        padding-left:0!important;
        box-sizing:border-box!important;
    }
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container :where(
        .breadcrumb-arrow,
        article.post-wrapper,
        .related-wrap,
        #respond.comment-respond,
        #sidebar .sidebar-inner
    ) {
        width:100%!important;
        max-width:100%!important;
        min-width:0!important;
        margin-right:0!important;
        margin-left:0!important;
        box-sizing:border-box!important;
    }
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container .breadcrumb-arrow {
        margin-bottom:0!important;
    }
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container>.row {row-gap:15px!important}
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container .content-wrap.single-inner {display:flex!important;flex-direction:column!important;gap:15px!important}
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container .content-wrap.single-inner>* {margin-top:0!important;margin-bottom:0!important}
    body.o2-dark-ui.single-post .page-wrap.single-wrap.container :where(.entry-content,img,video,iframe,table) {
        max-width:100%!important;
        box-sizing:border-box!important;
    }
}