/* Material defaults are compact. Lovia's docs favor comfortable reading. */
:root {
  --lovia-text-size: 0.86rem;
  --lovia-nav-size: 0.76rem;
  --lovia-code-size: 0.78rem;
}

.md-typeset {
  font-size: var(--lovia-text-size);
  line-height: 1.72;
}

.md-typeset h1 {
  font-size: 2.15em;
  font-weight: 650;
  letter-spacing: -0.025em;
}

.md-typeset h2 {
  font-size: 1.55em;
  font-weight: 650;
  letter-spacing: -0.015em;
}

.md-typeset h3 {
  font-size: 1.2em;
  font-weight: 650;
}

.md-typeset code,
.md-typeset pre code {
  font-size: var(--lovia-code-size);
}

.md-nav {
  font-size: var(--lovia-nav-size);
  line-height: 1.55;
}

.md-nav__link {
  margin-top: 0.48em;
}

.md-nav__title,
.md-header__topic,
.md-search__input {
  font-size: 0.78rem;
}

.md-typeset table:not([class]) {
  font-size: 0.76rem;
}

.md-typeset .grid.cards > ul > li {
  padding: 1.1rem 1.15rem;
}

@media screen and (max-width: 76.2344em) {
  :root {
    --lovia-text-size: 0.84rem;
    --lovia-nav-size: 0.78rem;
  }
}