/* Custom CSS */

/* Accessibility: Improve contrast for muted text and secondary elements.
   Bootstrap's default text-muted (#6c757d) has poor contrast on light backgrounds.
   #495057 gives 7:1+ contrast on white and 5.5:1+ on bg-light — passes WCAG AA and AAA. */
.text-muted {
  color: #495057 !important;
}

/* Ensure small text inside muted contexts is also readable */
.text-muted small, small.text-muted {
  color: #495057 !important;
}

/* Improve contrast on bg-light sections */
.bg-light .lead {
  color: #495057;
}

.main-nav {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
  border-bottom: solid 1px #702e12;
}

.text-color {
  color: #702e12;
}

.MarkupPagerNav {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.MarkupPagerNav li {
  margin: 0;
}

.MarkupPagerNav a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
  text-decoration: none;
}

.MarkupPagerNavOn a {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.MarkupPagerNavOn a:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

.MarkupPagerNav a:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.MarkupPagerNavNext,
.MarkupPagerNavPrevious {
  border-radius: 0.25rem;
}

pre {
    background-color: #f4f4f4;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: auto; /* Adds scrollbar if the code is too long */
}

code {
    font-family: "Courier New", Courier, monospace;
    color: #d6336c; /* You can style the color of the code */
}