:root {
  --md-primary-fg-color: #622f21;
  --md-primary-fg-color--light: #622f21;
  --md-primary-fg-color--dark: #622f21;
  font-size: 14pt;
}

.cheat-sheet-ref {
  margin: auto;
}

.md-typeset .footnote-ref {
  font-size: small;
}

.md-grid {
  max-width: 2000px;
}

.afm-svg-sub {
  display: block;
  margin-top: -28pt;
}

.md-typeset .admonition.pied-piper,
.md-typeset details.pied-piper {
  border-color: #ffa724;
}
.md-typeset .pied-piper > .admonition-title,
.md-typeset .pied-piper > summary {
  background-color: #ffa724;
}
.md-typeset .pied-piper > .admonition-title::before,
.md-typeset .pied-piper > summary::before {
  background-color: #ffa724;
  -webkit-mask-image: var(--md-admonition-icon--pied-piper);
          mask-image: var(--md-admonition-icon--pied-piper);
}

/* --------------------------------- exa snippets -----------------------------------  */

.right-align {
  text-align: right;
  float: right;
}

.afm-svg-sub {
  display: block;
  margin-top: -28pt;
}

/* --------------------------------- icons -----------------------------------  */

.ref-icon-eval {
  vertical-align: text-bottom;
}

.ref-icon-sheet {
  /* vertical-align: text-bottom; */
  vertical-align: sub;
}

.md-annotation {
  vertical-align: text-top;
}

/* --------------------------------- code highlight -----------------------------------  */

*[class^="mtk"] { 
  /* color: #000000; */
/* background-color: #fffffe; */
  font-family: Consolas, 'Courier New', monospace;
  font-weight: normal;
  /* font-size: 14px; */
  font-size: .6rem;
  /* line-height: 19px; */
  white-space: pre;
/* color: #d4d4d4;background-color: #1e1e1e;font-family: Consolas, 'Courier New', monospace;font-weight: normal;font-size: 14px;line-height: 19px;white-space: pre; */
}

.mtkb {
  font-weight: bold;
}

/* strings: */
.mtk5 {
  color: #a31515
}

/* operator: */
/* .mtk16 { color: blue }  */
.mtk16 {
  font-weight: bold
}

/* comment: */
.mtk9 {
  color: gray;
}

/* keyword: */
.mtk10 {
  font-weight: bold
}

/* call: */
.mtk8 {
  font-weight: bold
}

.mtk25 {
  font-weight: lighter
}