/* Bolder tone for nav links*/
.md-nav__item--section>.md-nav__link[for] {
        color: rgb(0 0 0);
    }

[data-md-color-scheme="slate"]
.md-nav__item--section > .md-nav__link[for] {
  color: rgb(255 255 255);
}

/* Bolder tone for h1*/
.md-typeset h1 {
    color: rgb(0 0 0);
}

[data-md-color-scheme="slate"]
.md-typeset h1 {
    color: rgb(255,255,255);
}

/* Custom Nav Titles */

/* Bolder tone for nav_titles*/ 
.md-nav__title {
    color: rgb(0 0 0);
}

[data-md-color-scheme="slate"]
.md-nav__title[for] {
  color: rgb(255 255 255);
}
/* default */
.md-tabs__link i {
  color: currentColor;
}

/* hover example */
.md-tabs__link:hover i {
  color: currentColor;
}

/* per-icon override if needed */
.md-tabs__link {
  color: #ffffff;
  line-height: 1;
}

.md-tabs__link i.fa-fw {
  margin-right: .4em;
}

/* Thin border for all images in content */
.md-content img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 2px;          /* optional, subtle */
  padding: 2px;                /* optional, avoids edge clipping */
  background: var(--md-default-bg-color);
}

/* Reading View */

/* Only widen on desktop so mobile stays intact */
@media (min-width: 70em) {
  /* Make the whole main grid wider */
  .md-main__inner.md-grid {
    max-width: 80rem; /* or: none; for full width */
  }
}

@media (min-width: 76.25em) {
  /* Right TOC column (secondary sidebar) */
  .md-sidebar--secondary {
    width: 11rem;     /* try 10–12rem */
  }

  /* Left navigation column (primary sidebar) */
  .md-sidebar--primary {
    width: 14rem;     /* try 13–16rem */
  }

  @media (min-width: 76.25em) {
  /* Keep both sidebars in place, just narrow the text/prose */
  .md-content .md-typeset {
    max-width: 43rem !important;  
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
}

/* Top Bar */ 
@media (min-width: 76.25em) {
  /* Main page width (content + sidebars) */
  .md-main__inner.md-grid {
    max-width: 80rem;   /* match your chosen width */
  }

  /* Top header bar inner width */
  .md-header__inner.md-grid {
    max-width: 80rem;   /* same value */
  }

  /* secondary bar under the header */
  .md-tabs__inner.md-grid {
    max-width: 80rem;   /* same value */
  }
}