/* Wider reading column for code-heavy pages. */
.md-grid {
  max-width: 1360px;
}

/* ASCII diagrams and long command lines: keep them on one line and scroll. */
.md-typeset pre > code {
  white-space: pre;
}

/* "Mark as done" button under each module title. */
.md-typeset .lp-mark {
  margin: 0 0 1.2em 0;
  padding: 0.35em 1.1em;
  font-size: 0.75rem;
  cursor: pointer;
}

/* Finished modules in the sidebar. */
.md-nav__link.lp-done::after {
  content: "\2713";
  margin-left: 0.4em;
  color: var(--md-accent-fg-color);
  font-weight: 700;
}

/* Overall progress bar on the home page. */
.lp-overall {
  max-width: 28rem;
  margin: 1.2em 0 0.4em 0;
}
.lp-overall p {
  margin: 0.3em 0 0 0;
  font-size: 0.75rem;
  color: var(--md-default-fg-color--light);
}
.lp-bar {
  height: 0.5rem;
  border-radius: 0.25rem;
  background: var(--md-default-fg-color--lightest);
  overflow: hidden;
}
.lp-bar__fill {
  height: 100%;
  background: var(--md-accent-fg-color);
  transition: width 0.3s ease;
}

/* Course cards: counters in a muted tone. */
.md-typeset .grid.cards [data-lp-course] {
  color: var(--md-default-fg-color--light);
}