* {
  --md-primary-fg-color:  background-color: #030c1e !important;
}

* {
  font-family: "Inter", Sans-serif;
}

/* set height of header */
.md-header__inner {
  min-height: 80px;
}

/* .md-header__topic {
  justify-content: center;
  position: relative;
  margin-top: -20px;
  font-size: 1.5rem;
} */

/* 1. Reset the header layout to allow centering */
.md-header__inner {
  display: flex !important;
  align-items: center;
}

/* 2. Center the title container and allow it to grow */
.md-header__title {
  display: flex !important;
  justify-content: center !important;
  flex-grow: 1 !important;
  margin: 0 !important;
  text-align: center;
}

/* 3. Increase font size and ensure it doesn't wrap */
.md-header__topic .md-ellipsis {
  font-size: 1.5rem !important; /* Adjust as needed */
  font-weight: 700 !important;
  white-space: nowrap;
}

/* 4. Fix Logo and Nav button width so they don't get squashed */
.md-header__button.md-logo, 
.md-header__button[data-md-component="menu"] {
  flex-shrink: 0 !important;
  margin-right: 1rem !important;
}

/* 5. Match the width on the right (Search) to keep the center perfect */
.md-header__button.md-search {
  flex-shrink: 0 !important;
  margin-left: 1rem !important;
}




/* **** */
/* Keep the Site Name visible at all times */
.md-header__topic {
  opacity: 1 !important;
  visibility: visible !important;
  position: relative !important;
}

/* Ensure no "phantom" page title space is created */
.md-header__topic + .md-header__topic {
  display: none !important;
}

/* Disable all transitions for the header title area */
.md-header__title, 
.md-header__ellipsis, 
.md-header__topic {
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fix the layout so the site name doesn't jump or re-center */
.md-header__ellipsis {
  display: flex !important;
  align-items: center;
}

/* Completely kill the animation that slides the title up/down */
[data-md-component="header-title"] {
  overflow: visible !important;
}

/* prevent article from showing on top of header */
.md-header {
  background-color: #030c1e !important; /* USE A SOLID HEX CODE HERE */
  box-shadow: 0px 0px 21px 0px rgba(82.86375410099737, 198.59825024341427, 211.22505187988278, 0.5);
}


/* Status Icons */

/* Hide "i" icon at end of nav link */
.md-status {
  display: none;
}

/* Replace the 'new' status icon globally */
/* .md-status--draft {
  --md-status-icon: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org" viewBox="0 0 24 24"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>');
} */












/* .md-header__title {
  line-height:unset;
  height: .5rem;
} */

/* .md-header__title--active .md-header__topic {
  font-size: 1.25rem !important;
} */

/* set logo height */
.md-header__button.md-logo img {
  height: 2rem;
}

/* .md-logo img { */
  /* width: 800px; */
  /* height: 179px; */
/* } */

/* .md-status, .md-nav__title {
  display:none;
} */


/* ------------ MERMAID ------------ */
.mermaid-wrapper {
  overflow-x: auto; /* Enable horizontal scroll */
  overflow-y: hidden; /* Hide vertical scroll */
  width: 100%;
  white-space: nowrap; /* Prevent diagram wrapping */
}

/* ------------ Admonition ------------ */
.md-typeset .admonition {
  border:none;
  border-left: 0.2rem solid #ccc; /* Less prominent left border */
  box-shadow: none; /* Remove shadows */
  opacity: .5;
}