/* Kompaktsem lugemine: väiksem tekst, tihedam reavahe, väiksemad vahed */
.md-typeset {
  font-size: .72rem;
  line-height: 1.4;
}
.md-typeset p,
.md-typeset ul,
.md-typeset ol,
.md-typeset table:not([class]),
.md-typeset pre,
.md-typeset figure {
  margin-top: .35em;
  margin-bottom: .35em;
}
.md-typeset li { margin-bottom: .15em; }
.md-typeset li p { margin: .15em 0; }

/* Selge hierarhia: pealkirjad eristuvad tekstist suuruse, paksuse ja värviga */
.md-typeset h1 { font-size: 1.9em; font-weight: 700; margin: 0 0 .6em; }
.md-typeset h2 {
  font-size: 1.5em; font-weight: 700;
  color: var(--md-primary-fg-color);
  margin: 2.8em 0 .6em; padding-bottom: .2em;
  border-bottom: 2px solid var(--md-primary-fg-color--light);
}
.md-typeset h3 {
  font-size: 1.2em; font-weight: 700;
  margin: 2.4em 0 .4em; padding-top: .9em;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}
.md-typeset h2 + h3, .md-typeset h2 + p + h3 { border-top: 0; padding-top: 0; margin-top: 1em; }
.md-typeset h4 { font-size: 1em; font-weight: 700; margin: 1em 0 .3em; }

/* Sildid "Valmis, kui" ja "Esitad" */
.md-typeset .silt {
  margin: .9em 0 .2em;
  font-size: .62rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  color: var(--md-accent-fg-color);
}

/* Plokid (oodatav tulemus, vihje, hoiatus) tihedamalt */
.md-typeset .admonition,
.md-typeset details {
  margin: .6em 0;
  font-size: .68rem;
}
/* Plokkide pealkiri: tavaline kaal (kast on niigi värviline); vahed Materiali
   vaikimisi, et ikoon ja nool jääksid keskele */
.md-typeset details > summary,
.md-typeset .admonition-title { font-weight: 400; }

/* Ikoon (vasakul) ja nool (paremal) alati pealkirja rea keskel */
.md-typeset .admonition-title::before,
.md-typeset summary::before,
.md-typeset summary::after {
  top: calc(50% - .5rem);
}

/* Koodiplokk ja tabel veidi väiksema kirjaga */
.md-typeset pre > code { padding: .6em .9em; }
.md-typeset code { font-size: .88em; }
.md-typeset table:not([class]) { font-size: .68rem; }
.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th { padding: .45em .8em; }

/* Mermaid-joonised: mitte üle kogu lehe */
.md-typeset .mermaid {
  max-width: 30rem;
  margin: .6em auto;
}

/* Joonised: laius tuleb figure style="max-width:<viewBox laius>px" kaudu,
   nii on joonise tekst sama suur kui lehe tekst (1 SVG ühik = 1 px) */
.md-typeset figure svg { width: 100%; height: auto; }

/* SVG-joonised: Material annab figure'ile width: fit-content, SVG tahab
   100% -> brauser kahandas joonise pisikeseks. Joonise figure võtab kogu
   laiuse; tegelik laius tuleb style="max-width:<viewBox>px" kaudu. */
.md-typeset figure.lx,
.md-typeset figure.dl-var,
.md-typeset figure.dl-stack {
  width: 100%;
  display: block;
}