/* MAX logo in the header ------------------------------------------------
   The logo's lower line ("MAX TECHNICAL TRAINING • MAX SOLUTIONS") is dark
   gray, which is hard to read on the red header. Sit the logo on a small
   white rounded chip so the dark text has contrast, and size it up a little
   so the subtitle is legible. */
.md-header__button.md-logo {
  padding: 0.15rem 0.3rem 0.15rem 0;
}

.md-header__button.md-logo img {
  height: 1.9rem;              /* default ~1.2rem — larger so the subtitle reads */
  width: auto;
  background: #ffffff;
  border-radius: 0.25rem;
  padding: 0.2rem 0.45rem;
  box-sizing: content-box;
}

/* Task-list checkboxes ---------------------------------------------------
   An unchecked `- [ ]` box is a single check-circle glyph painted in
   --md-default-fg-color--lightest (rgba(0,0,0,.07)) — the "white check" is
   just the page showing through the mask, not a separate color. At 7% it
   nearly vanishes, worst inside the tinted panel of an admonition, which is
   exactly where the lessons' "your turn" checklists live. Repaint it with
   the --light token (54%); it follows the light/dark scheme automatically. */
.md-typeset .task-list-indicator::before {
  background-color: var(--md-default-fg-color--light);
}