body.single-post .yn-blog-doc-canvas > .table-of-contents,
body.single-post .yn-blog-article-header .table-of-contents,
body.single-post .yn-blog-article-content > .table-of-contents,
body.single-post .yn-blog-article-content > .yn-article-toc,
body.single-post .yn-blog-article-content > .wp-block-rank-math-toc-block,
body.single-post .yn-blog-article-content > .rank-math-toc-block,
body.single-post .yn-blog-article-content > #ez-toc-container,
body.single-post .yn-blog-article-content > .ez-toc-container,
body.single-post .yn-blog-article-content > .lwptoc,
body.single-post .yn-blog-article-content > .toc_container {
  display: none !important;
}

@media (min-width: 1021px) {
  body.single-post .yn-blog-doc-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 340px !important;
    align-items: start !important;
  }

  body.single-post .yn-blog-doc-layout > .yn-blog-doc-sidebar {
    display: block !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: sticky !important;
    top: calc(var(--yn-sticky-header-offset, 96px) + 12px) !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 340px !important;
    height: calc(100vh - var(--yn-sticky-header-offset, 96px) - 24px) !important;
    max-height: calc(100vh - var(--yn-sticky-header-offset, 96px) - 24px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border-right: 0 !important;
    border-left: 1px solid #d7dce5 !important;
    padding: 18px 0 26px 12px !important;
    z-index: 5 !important;
  }

  body.single-post .yn-blog-doc-layout > .yn-blog-doc-canvas {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    padding-right: 48px !important;
    padding-left: 32px !important;
  }
}