.book .book-body .page-wrapper .page-inner {
  max-width: 1600px !important;
}

/* This forces the pictures to be a bit smaller, which in html format
   does help, otherwise they kind of look a bit ugly...
*/
.book .figure {
  display: flex;
  justify-content: center; /* Centers the figure */
}

.book .figure img {
  max-width: 65%!important; /* Limits the image width to 65% of the container */
  height: auto!important;   /* Maintains the image's aspect ratio */
}

.math-box {
  background-color: #f0f0f0;
  border-radius: 10px;
  padding: 15px;
  display: inline-block;
}

/*
/* Customize the example environment title */
.example .theorem-title {
  font-family: 'Georgia', serif; /* Use a different font * /
  font-size: 1.2rem; /* Adjust the font size * /
  font-weight: bold; /* Make the title bold * /
  color: #FF0000; /* Change the color of the title * /
  margin-bottom: 10px; /* Add spacing between the title and content * /
  display: inline-block; /* Prevent title from spanning the full width * /
}

.example {
  margin: 5px 0px; 
  border-bottom: 0.85px solid black;
  width: 75%;
}
*/