/* Base layout (desktop) */
.agripedia-content {
  width: 72vw !important;
  max-width: 72vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Ensure children fit layout */
.agripedia-content > *:not(.agripedia-toc-icon):not(#agripedia-toc-modal):not(.agripedia-toc-visible) {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* TOC modal styling */
#agripedia-toc-modal {
  max-width: 40% !important;
  width: 40% !important;
  margin: 0 auto !important;
  padding: 1.5rem !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  font-size: 1.1rem !important;
  line-height: 1.6 !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  max-height: 80vh !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}

/* Inner structure of TOC modal */
#agripedia-toc-modal .agripedia-toc-container,
#agripedia-toc-modal .agripedia-toc-content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

#agripedia-toc-modal ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

#agripedia-toc-modal li {
  margin-bottom: 1rem !important;
  padding: 0 !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: auto !important;
}

#agripedia-toc-modal a {
  color: #333 !important;
  text-decoration: none !important;
  display: block !important;
  padding: 0.5rem 0 !important;
  transition: color 0.2s ease !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
}

#agripedia-toc-modal a:hover {
  color: #0090c5 !important;
  text-decoration: underline !important;
}

/* Header section */
.entry-header-inner.section-inner.medium {
  width: 72vw !important;
  max-width: 72vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  box-sizing: border-box !important;
}

.entry-header-inner.section-inner.medium .entry-title {
  font-size: 6rem !important;
  text-align: center !important;
  width: 100% !important;
  margin: 1em 0 !important;
  overflow: hidden !important;
}

/* Images */
.agripedia-content figure.wp-block-image,
.agripedia-content figure.wp-block-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 1.5rem auto !important;
  overflow: hidden !important;
}

/* Prevent horizontal scroll */
body,
.site,
.post-inner.thin {
  overflow-x: hidden !important;
}

/* Mobile */
@media (max-width: 1024px) {
  .agripedia-content,
  .entry-header-inner.section-inner.medium {
    width: 90vw !important;
    max-width: 90vw !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .entry-header-inner.section-inner.medium .entry-title {
    font-size: 4rem !important;
  }

  #agripedia-toc-modal {
    width: 70% !important;
    max-width: 70% !important;
  }
}

@media (max-width: 700px) {
  .agripedia-content,
  .entry-header-inner.section-inner.medium {
    width: 94vw !important;
    max-width: 94vw !important;
    margin: 0 auto !important;
    padding-left: 4vw !important;
    padding-right: 4vw !important;
  }

  .entry-header-inner.section-inner.medium .entry-title {
    font-size: 2.4rem !important;
    line-height: 1.2 !important;
  }

  #agripedia-toc-modal {
    width: 92vw !important;
    max-width: 92vw !important;
    padding: 1rem !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
  }

  #agripedia-toc-modal li {
    margin-bottom: 0.8rem !important;
  }

  .agripedia-content figure.wp-block-image,
  .agripedia-content figure.wp-block-image img {
    margin: 1rem auto !important;
  }
}

@media (max-width: 480px) {
  .entry-header-inner.section-inner.medium .entry-title {
    font-size: 1.9rem !important;
  }

  #agripedia-toc-modal {
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
  }
}