/* make h1 bigger */
.md-typeset h1 {
  font-weight: 800;
  letter-spacing: -0.01em;
  font-size: 2.5em;
  line-height: 1.1;
}

/* Add em dash to h2 */
h2::before {
  content: "— ";
  margin-right: 0.5em; /* Optional: adds space between dash and text */
}

/* External links */
a[link="external"]::after {
  content: " ↗ ";
}

/* Nav subtitles (see partials/nav-item.html). Only the current page shows one;
   it is free to wrap onto as many lines as it needs. */
.md-nav__subtitle {
  color: var(--md-default-fg-color--light);
  display: block;
  font-weight: 400;
  line-height: 1.3;
}

/* Material gives the sidebar `height: 0` and lets JavaScript size its scroll box
   from the visible height of the page content. On a short article the box
   shrinks to almost nothing, the navigation can no longer be scrolled, and
   enlarging the box alone makes it spill over the footer. Give the sidebar a
   real height instead, bounded by the viewport: it grows with the list, takes
   the room it needs in the page, and its scroll box only scrolls when the list
   does not fit. */
@media screen and (min-width: 76.25em) {
  .md-sidebar--primary {
    display: flex;
    flex-direction: column;
    height: auto !important;
    max-height: calc(100vh - 7.2rem);
  }

  .md-sidebar--primary .md-sidebar__scrollwrap {
    flex: 1 1 auto;
    height: auto !important;
    min-height: 0;
  }
}

.md-nav__link--important {
  font-weight: 700;
  /*color: var(--md-primary-fg-color);*/
  color: #f00;
}

.md-nav__link--important::after {
  content: " ★";
  font-size: 0.8em;
}

/* Pages flagged `important: true` in their front matter (see partials/nav-item.html) */
.md-nav__item--important > .md-nav__link {
  font-weight: 700;
}

.md-nav__item--important > .md-nav__link .md-ellipsis::before {
  content: "★ ";
  font-size: 0.8em;
  vertical-align: 0.15em;
}

.md-nav__item--important > .md-nav__link:not(.md-nav__link--active) {
  color: var(--md-accent-fg-color);
}

/* Recently updated pages: dot + "updated N ago" tooltip (see partials/nav-item.html) */
.md-nav__recent {
  margin-left: 0.2em;
  color: var(--md-accent-fg-color);
  font-weight: 300;
  opacity: 0.75;
}

/* Thin grey rule between the "important" pages and the rest (see partials/nav-item.html) */
.md-nav__separator {
  margin: 0.4rem 0.6rem;
  padding: 0;
}

.md-nav__separator hr {
  margin: 0;
  border: none;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.md-tooltip2__inner.md-typeset.md-tooltip--enriched {
  font-weight: 400;
}

.md-tooltip2__inner.md-typeset.md-tooltip--enriched strong {
  font-weight: 700;
}

.quiz-reset-all-link {
  color: var(--md-typeset-a-color) !important;
}

.quiz-reset-all-link:hover {
  color: var(--md-accent-fg-color) !important;
}