:root {
  --font-zoom: 1; /* 1 = 100% */
}

.md-typeset {
  font-size: calc(var(--md-typeset-font-size, 0.8rem) * var(--font-zoom));
  line-height: 1.6;
}

/* .md-typeset pre,
.md-typeset code,
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-size: inherit;
} */

.md-typeset h1 {
  font-size: calc(1em * var(--fz-h1, 1.75));
}
.md-typeset h2 {
  font-size: calc(1em * var(--fz-h2, 1.5));
}
.md-typeset h3 {
  font-size: calc(1em * var(--fz-h3, 1.3));
}
.md-typeset h4 {
  font-size: calc(1em * var(--fz-h4, 1.15));
}
.md-typeset h5 {
  font-size: calc(1em * var(--fz-h5, 1));
}
.md-typeset h6 {
  font-size: calc(1em * var(--fz-h6, 0.9));
}

.md-typeset .md-typeset__table {
  font-size: inherit;
}
.md-typeset .md-typeset__table table {
  font-size: inherit;
}
.md-typeset .md-typeset__table th,
.md-typeset .md-typeset__table td,
.md-typeset table,
.md-typeset th,
.md-typeset td {
  font-size: inherit;
}

.md-typeset table code,
.md-typeset table pre {
  font-size: inherit;
}

.font-size-controls {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-left: 0.5rem;
}

.font-size-controls button {
  background: none;
  border: none;
  color: var(--md-default-fg-color);
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.font-size-controls button:hover {
  color: var(--md-accent-fg-color);
  background-color: var(--md-accent-fg-color--transparent);
}