/* Full Width Container - Remove Side Margins */

/* Make container full width */
.container {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Optimize main flex container */
main.flex {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Adjust book page content padding for better spacing */
.book-page {
  padding: 1.5rem 2rem !important;
  max-width: 100%;
}

/* On smaller screens, reduce padding */
@media screen and (max-width: 768px) {
  .book-page {
    padding: 1rem !important;
  }
}

/* On medium screens */
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .book-page {
    padding: 1.5rem !important;
  }
}

/* On larger screens, add reasonable max-width for readability but keep it wide */
@media screen and (min-width: 1400px) {
  .book-page {
    padding: 2rem 3rem !important;
  }
}

/* Ensure TOC doesn't add extra margin */
.book-toc {
  margin: 0 !important;
}

/* Remove any default body padding/margin that might interfere */
body {
  margin: 0 !important;
  padding: 0 !important;
}