body.codex-seo-layout-page {
  overflow-x: clip;
}

body.codex-seo-layout-page .site-header,
body.codex-seo-layout-page #masthead,
body.codex-seo-layout-page .elementor-location-header,
body.codex-seo-layout-page .wp-site-blocks > header,
body.codex-seo-layout-page header.wp-block-template-part,
body.codex-seo-layout-page .site-footer,
body.codex-seo-layout-page #site-footer,
body.codex-seo-layout-page .elementor-location-footer,
body.codex-seo-layout-page .wp-site-blocks > footer,
body.codex-seo-layout-page footer.wp-block-template-part,
body.codex-seo-layout-page .seo-import-page > footer {
  display: none !important;
}

body.codex-seo-layout-page .codex-smart-footer {
  display: block !important;
}

body.codex-seo-layout-page .site-main,
body.codex-seo-layout-page .content-area,
body.codex-seo-layout-page .site-content,
body.codex-seo-layout-page main#primary,
body.codex-seo-layout-page article.content-page,
body.codex-seo-layout-page .content-body,
body.codex-seo-layout-page .entry-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.codex-seo-layout-page article.content-page {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.codex-seo-layout-page article.content-page > h1,
body.codex-seo-layout-page .content-page > h1:first-child,
body.codex-seo-layout-page .entry-title,
body.codex-seo-layout-page h1.entry-title,
body.codex-seo-layout-page .page-title,
body.codex-seo-layout-page .page-header,
body.codex-seo-layout-page .entry-header {
  display: none !important;
}

body.codex-seo-layout-page .seo-import-page {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  overflow-x: clip !important;
}

body.codex-seo-layout-page .seo-import-page,
body.codex-seo-layout-page .seo-import-page * {
  box-sizing: border-box;
}

body.codex-seo-layout-page .seo-import-page .hero {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  align-items: initial !important;
}

body.codex-seo-layout-page .seo-import-page .seo-page-header,
body.codex-seo-layout-page .seo-import-page .hero-body,
body.codex-seo-layout-page .seo-import-page .hero-layout,
body.codex-seo-layout-page .seo-import-page .content-grid,
body.codex-seo-layout-page .seo-import-page .panel-grid {
  min-width: 0;
}

body.codex-seo-layout-page .seo-import-page .hero-layout,
body.codex-seo-layout-page .seo-import-page .toc-inner,
body.codex-seo-layout-page .seo-import-page .longform,
body.codex-seo-layout-page .seo-import-page .author,
body.codex-seo-layout-page .seo-import-page .links {
  width: 100%;
}

body.codex-seo-layout-page .seo-import-page img {
  max-width: 100%;
}

body.codex-seo-layout-page .seo-import-page .hero-visual img {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

body.codex-seo-layout-page .seo-import-page h1,
body.codex-seo-layout-page .seo-import-page h2,
body.codex-seo-layout-page .seo-import-page h3,
body.codex-seo-layout-page .seo-import-page p,
body.codex-seo-layout-page .seo-import-page a,
body.codex-seo-layout-page .seo-import-page li,
body.codex-seo-layout-page .seo-import-page th,
body.codex-seo-layout-page .seo-import-page td {
  overflow-wrap: anywhere;
}

@media (max-width: 920px) {
  body.codex-seo-layout-page .seo-import-page .seo-page-header {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.codex-seo-layout-page .seo-import-page .seo-nav {
    display: flex !important;
    flex-wrap: wrap !important;
    max-width: 100%;
    overflow: visible !important;
  }

  body.codex-seo-layout-page .seo-import-page .hero-layout,
  body.codex-seo-layout-page .seo-import-page .content-grid,
  body.codex-seo-layout-page .seo-import-page .panel-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.codex-seo-layout-page .seo-import-page .data-table {
    display: table;
    width: 100% !important;
    table-layout: fixed;
  }
}

@media (max-width: 520px) {
  body.codex-seo-layout-page .seo-import-page .data-table th,
  body.codex-seo-layout-page .seo-import-page .data-table td {
    padding: 11px 9px;
    font-size: 14px;
  }
}