html {
  scroll-behavior: smooth;
  overflow-x: clip;
}

body.gwmh-json-page {
  overflow-x: clip;
}

body.gwmh-json-page :is(#page, .site, .site-content, .content-area, .site-main, .entry-content, .post, .hentry),
.gwmh-json-canvas,
.gwmh-json-canvas .gwmh-lrf {
  overflow: visible !important;
}

body.gwmh-json-page :is(.site-main, .content-area, .entry-content) {
  max-width: none !important;
  width: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.gwmh-json-page :is(.entry-title, .post-title, .wp-block-post-title, .post-thumbnail) {
  display: none !important;
}

.gwmh-json-canvas {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  isolation: isolate;
  color: #18181a;
  background: #fbfaf6;
  font-family: Inter, Arial, Helvetica, sans-serif;
  line-height: normal;
}

.gwmh-json-canvas,
.gwmh-json-canvas *,
.gwmh-json-canvas *::before,
.gwmh-json-canvas *::after {
  box-sizing: border-box;
}

.gwmh-json-canvas .gwmh-lrf {
  width: 100vw;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
}

.gwmh-json-canvas :is([id], h2, h3) {
  scroll-margin-top: 126px;
}

.gwmh-json-canvas.gwmh-sticky-toc .toc {
  position: sticky !important;
  top: 116px;
  align-self: start;
  max-height: calc(100vh - 145px);
  overflow-y: auto;
  overflow-x: visible;
  scrollbar-width: thin;
}

body.admin-bar .gwmh-json-canvas.gwmh-sticky-toc .toc {
  top: 148px;
  max-height: calc(100vh - 177px);
}

.gwmh-json-canvas .gwmh-mobile-toc {
  display: none;
  margin: 0 0 28px;
  border: 1px solid #dddcd5;
  border-radius: 12px;
  background: #fff;
}

.gwmh-json-canvas .gwmh-mobile-toc summary {
  cursor: pointer;
  list-style: none;
  padding: 16px 18px;
  color: #18181a;
  font-family: Syne, Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.gwmh-json-canvas .gwmh-mobile-toc summary::-webkit-details-marker {
  display: none;
}

.gwmh-json-canvas .gwmh-mobile-toc summary::after {
  content: "+";
  float: right;
  color: #00a86b;
  font-size: 20px;
  line-height: .8;
}

.gwmh-json-canvas .gwmh-mobile-toc[open] summary::after {
  transform: rotate(45deg);
}

.gwmh-json-canvas .gwmh-mobile-toc nav {
  display: grid;
  gap: 2px;
  padding: 0 18px 15px;
}

.gwmh-json-canvas .gwmh-mobile-toc a {
  padding: 9px 0;
  border-top: 1px solid #eeece6;
  color: #626268;
  font-size: 12px;
  text-decoration: none;
}

.gwmh-json-canvas .gwmh-mobile-toc a.active {
  color: #087a53;
  font-weight: 700;
}

@media (max-width: 1000px) {
  .gwmh-json-canvas .article-layout {
    display: block !important;
  }

  .gwmh-json-canvas .toc {
    display: none !important;
  }

  .gwmh-json-canvas.gwmh-mobile-toc .gwmh-mobile-toc {
    display: block;
  }
}

@media (max-width: 782px) {
  body.admin-bar .gwmh-json-canvas :is([id], h2, h3) {
    scroll-margin-top: 98px;
  }
}