:root {
  --md-primary-fg-color: #202734;
  --md-primary-fg-color--light: #2d3748;
  --md-primary-fg-color--dark: #171d27;
  --md-accent-fg-color: #229d3a;
  --examark-sidebar: #202734;
  --examark-brand: #229d3a;
  --examark-nav-text: #374151;
  --examark-nav-hover: #f3f5f8;
  --examark-nav-active: #e8edf4;
}

.md-header {
  background-color: var(--examark-sidebar);
  box-shadow: 0 1px 0 rgba(17, 24, 39, 0.2);
}

.md-header__button.md-logo {
  margin: 0.1rem 0.4rem 0.1rem 0;
  padding: 0.18rem;
}

.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  display: block;
  width: 8.75rem;
  height: 2.45rem;
  object-fit: contain;
  object-position: left center;
}

.md-header__title {
  font-weight: 700;
  margin-left: 0.15rem;
}

.md-search__form {
  background-color: rgba(255, 255, 255, 0.12);
}

.md-search__form:hover {
  background-color: rgba(255, 255, 255, 0.18);
}

.md-nav--primary .md-nav__title {
  color: #111827;
  font-weight: 700;
}

.md-nav--primary .md-nav__list {
  padding-right: 0.2rem;
}

.md-nav--primary .md-nav__link {
  margin-top: 0.08rem;
  padding: 0.48rem 0.6rem 0.48rem 0.72rem;
  border-left: 3px solid transparent;
  border-radius: 8px;
  color: var(--examark-nav-text);
  transition:
    background-color 120ms ease,
    border-color 120ms ease,
    color 120ms ease;
}

.md-nav--primary .md-nav__link--active {
  border-left-color: var(--examark-brand);
  background-color: var(--examark-nav-active);
  color: #111827;
  font-weight: 700;
}

.md-nav--primary .md-nav__link:hover {
  border-left-color: var(--examark-brand);
  background-color: var(--examark-nav-hover);
  color: #111827;
}

.md-nav--secondary .md-nav__link--active,
.md-nav--secondary .md-nav__link:hover {
  color: var(--examark-brand);
}

.md-sidebar--primary .md-sidebar__scrollwrap {
  scroll-behavior: smooth;
}

.md-footer-meta {
  background-color: #202734;
}

.md-copyright {
  color: rgba(255, 255, 255, 0.78);
}

.md-copyright a {
  color: #ffffff;
  font-weight: 700;
}

.md-tabs {
  display: none;
}

.md-typeset h1,
.md-typeset h2 {
  font-weight: 700;
}

.md-typeset .mermaid {
  overflow-x: auto;
}

.md-typeset .grid.cards > ul > li {
  border-radius: 8px;
}