.markdown-container img {
  max-width: 100% !important;
  height: auto;
  display: block;
  margin: auto;
}

.clickable-header:hover {
    text-decoration: underline;
}

.clickable-graph:hover .graph-header {
  font-weight: bold;
}

.nav-pills .nav-link.active {
  font-weight: bold !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


/* base: small side-padding for all viewports */
.my-wide-container {
  padding-left: 1rem;   /* same as px-3 */
  padding-right: 1rem;
}

/* at desktop (≥992px), add extra side padding */
@media (min-width: 992px) {
  .my-wide-container {
    padding-left: 10rem;   /* e.g. 80px total each side */
    padding-right: 10rem;
  }
}

/* base: small side-padding for all viewports */
.markdown-pages {
  padding-left: 1rem;   /* same as px-3 */
  padding-right: 1rem;
}
/* at desktop (≥992px), add extra side padding */
@media (min-width: 992px) {
  .markdown-pages {
    padding-left: 10rem;   /* e.g. 80px total each side */
    padding-right: 10rem;
  }
}
.markdown-pages img {
  max-width: 100%;
  height: auto;
  display: block;       /* prevents inline-image whitespace */
  margin: 1rem auto;    /* optional: centers images and gives vertical space */
}