.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 */
}

/* 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%;
}