/* H5 detail pages keep the article, without the surrounding site chrome. */
@media (max-width: 767px) {
  body.front-site:is(.page-detail, .page-news-detail) :is(
    #cms-site-header, #mgbx-official-header-root, .site-topbar,
    .site-footer, .detail-sidebar, .news-sidebar, .related-v2,
    .article-related-panel, .download-panel
  ) {
    display: none !important;
  }

  body.front-site:is(.page-detail, .page-news-detail) main.site-page {
    width: calc(100% - 32px);
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px 0 32px;
  }

  body.front-site.page-detail .detail-layout {
    display: block;
  }

  body.front-site.page-detail .detail-article {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
  }
}