.md-footer-meta { display: none; }

.md-nav__link:hover { color:#4051b5 !important; }
.md-nav__link--active { font-weight: bold; color:#4051b5 !important; }

.md-nav { font-size: 0.8rem; }                /* sidebar */
.md-nav--secondary { font-size: 0.85rem; }    /* page TOC */

.md-tabs__link { font-size: 1rem; }           /* top tabs text */

.md-tabs__item--active {
  font-size: 20px !important;
  font-weight: 850 !important;
  color: #FFFFFF;
  position: relative;
}

/* Make expandable sections in the sidebar bold */
.md-nav__item--nested > .md-nav__link {
  font-weight: bold !important;
}

/* =========================
   Layout & Diagrams
   ========================= */

/* SVG Scaling - class-based approach */
.large-diagram {
  width: 170%;
  max-width: 170%;
  margin: 2em auto;
  display: block;
}

/* Hide the table of contents completely */
.md-sidebar--secondary {
  display: none !important;
}

/* Expand content width to accommodate wider diagrams */
.md-grid {
  max-width: 100rem !important;
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Maximize content area now that TOC is gone */
.md-content {
  max-width: 100% !important;
  margin-right: 0 !important;
}

/* Center and optimize SVG diagrams now that we have full width */
div[style*="text-align: center"] {
  overflow: visible !important;
  margin: 0 auto;
  width: 100%;
}



.id-img {
  width: 250px;       /* Adjust size as needed */
  height: auto;       /* Keeps aspect ratio */
  border-radius: 12px; /* Rounded corners */
  display: block;     /* Optional: removes inline spacing */
}

.badge {
  width: 275px;       /* Adjust size as needed */
  height: auto;       /* Keeps aspect ratio */
}
/* Light/Dark mode image switching */
[data-md-color-scheme="slate"] img[src"#only-light"],
[data-md-color-scheme="default"] img[src"#only-dark"] {
    display: none;
}