[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #429cce;
}

.md-grid {
  max-width: 99% !important;
}

.md-typeset .admonition.note,
.md-typeset details.note {
  border-color: rgb(1, 73, 90);
}

.md-typeset .note > .admonition-title,
.md-typeset .note > summary {
  background-color: rgba(1, 73, 90, 0.1);
}

.md-typeset .note > .admonition-title::before,
.md-typeset .note > summary::before {
  background-color: rgb(1, 73, 90);
  -webkit-mask-image: var(--md-admonition-icon--note);
          mask-image: var(--md-admonition-icon--note);
}

.md-top:focus,
.md-top:hover {
  background-color: rgb(26, 160, 249);
}

.hidden-flag {
  opacity: 0;
}

/* 1. Remove the restrictive padding on the logo container */
.md-header__button.md-logo {
    padding: 4px; /* Default is usually 8px; reducing it gives the image more room */
    margin-top: 2px;
}

/* 2. Target the WebP image specifically */
.md-header__button.md-logo img {
    height: 2.5rem !important; /* Adjust this (standard is ~2rem) */
    width: auto;               /* Keeps the square aspect ratio */
    display: block;
}

/* 3. Optional: Center it vertically if it looks 'too high' */
.md-header__inner {
    align-items: center;
}

/* Light green cells */
[data-md-color-scheme="slate"] td[bgcolor="#dff0d8"] .fa-check {
  color: #2e7d32;
}

/* Dark green cells */
[data-md-color-scheme="slate"] td[bgcolor="#6aa84f"] .fa-check {
  color: #ffffff;
}

/* Target the logo in the top bar ONLY */
.md-header__button.md-logo img {
  height: 1.5rem !important; /* This is about 40px - standard header size */
  width: auto !important;
  margin: 0 !important;
}

/* Target the logo in the side navigation drawer ONLY */
.md-nav__button.md-logo img {
  height: 1.5rem !important; /* Slightly bigger for the sidebar */
  width: auto !important;
  margin-top: 20px;
}

/* Fix the container height so it doesn't push the header down */
.md-header {
  height: auto !important;
}