/* Custom styles for Markdown rendered content */
.prose img {
  width: 25%; /* Quarter width */
  border-radius: 0.75rem; /* Corresponds to rounded-lg in Tailwind */
  margin-top: 1rem; /* Optional: add some space above the image */
  margin-bottom: 1rem; /* Optional: add some space below the image */
  display: block; /* Default for non-floated images */
}

/* Styles for floated images in Markdown */
.prose .img-left-md {
  float: left;
  width: 25%; /* Quarter width, can be adjusted */
  margin-right: 1.5rem; /* Tailwind's mr-6, adjust as needed */
  margin-bottom: 1rem; /* Tailwind's mb-4, adjust as needed */
  border-radius: 0.75rem; /* rounded-lg */
  margin-top: 0.5rem; /* Optional, for better alignment with text */
  /* Overriding display:block from .prose img if it was more general */
  display: inline; /* Or remove display:block from the general .prose img if all images are floated or sized specifically */
}

.prose .img-right-md {
  float: right;
  width: 25%; /* Quarter width, can be adjusted */
  margin-left: 1.5rem; /* Tailwind's ml-6, adjust as needed */
  margin-bottom: 1rem; /* Tailwind's mb-4, adjust as needed */
  border-radius: 0.75rem; /* rounded-lg */
  margin-top: 0.5rem; /* Optional */
  display: inline;
}

/* Clearfix for the .prose container to contain floats */
.prose::after {
  content: "";
  clear: both;
  display: table;
}

.nav-link, .nav-link-active {
    padding: 0.5rem 1rem;
    text-align: center;
    width: 120px;
}