/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* See https://github.com/fred-wang/mathml.css */

@namespace "http://www.w3.org/1998/Math/MathML";

/* math */
math {
  display: inline;
  text-indent: 0;
}
math[display="block"],
math[mode="display"] {
  display: block;
  text-align: center;
}

/* fraction */
mfrac {
  display: inline-block !important;
  vertical-align: -50%;
  border-collapse: collapse;
  text-align: center;
}
mfrac > * {
  display: block !important;
}
mfrac > * + * {
  display: inline-block !important;
  vertical-align: top;
}
mfrac:not([linethickness="0"]) > *:first-child {
  border-bottom: solid thin;
}

/* sub/sup scripts */
msub > *:nth-child(2),
msubsup > *:nth-child(2),
mmultiscripts > *:nth-child(2n + 2),
mmultiscripts > mprescripts ~ *:nth-child(2n + 3) {
  font-size: 0.8em;
  vertical-align: sub;
}
msup > *:nth-child(2),
msubsup > *:nth-child(3),
mmultiscripts > *:nth-child(2n + 3),
mmultiscripts > mprescripts ~ *:nth-child(2n + 2) {
  font-size: 0.8em;
  vertical-align: super;
}
mprescripts:after {
  content: ";";
}

/* under/over scripts */
munder,
mover,
munderover {
  display: inline-flex !important;
  flex-direction: column;
}
munder > *:nth-child(2),
munderover > *:nth-child(2) {
  font-size: 0.8em;
  order: +1;
}
mover > *:nth-child(2),
munderover > *:nth-child(3) {
  font-size: 0.8em;
  order: -1;
}
munder {
  vertical-align: text-top;
}
mover {
  vertical-align: text-bottom;
}
munderover {
  vertical-align: middle;
}

/* roots */
msqrt,
mroot {
  display: inline-flex !important;
  margin-left: 0.5em;
  vertical-align: middle;
  border-top: solid thin;
}
msqrt:before,
mroot:before,
menclose[notation="radical"]:before {
  margin-left: -0.5em;
  content: "\221A";
}
mroot > *:nth-child(2) {
  margin-right: 0.25em;
  margin-left: -0.75em;
  font-size: 0.8em;
  order: -1;
}

/* menclose */
menclose {
  display: inline-table !important;
  border-collapse: separate;
  border-spacing: 0.4ex 0;
}
menclose[notation*="top"],
menclose[notation*="actuarial"] {
  border-top: solid thin;
}
menclose[notation*="bottom"],
menclose[notation*="madruwb"] {
  border-bottom: solid thin;
}
menclose[notation*="right"],
menclose[notation*="actuarial"],
menclose[notation*="madruwb"] {
  border-right: solid thin;
}
menclose[notation*="left"] {
  border-left: solid thin;
}
menclose[notation*="box"],
menclose[notation*="roundedbox"],
menclose[notation*="circle"] {
  border: solid thin;
}
menclose[notation*="roundedbox"] {
  border-radius: 15%;
}
menclose[notation*="circle"] {
  border-radius: 50%;
}
menclose[notation*="strike"] {
  text-decoration: line-through;
}
menclose[notation="radical"],
menclose[notation*="longdiv"] {
  border-top: solid thin;
  margin-left: 0.5em;
}
menclose[notation*="longdiv"]::before {
  margin-left: -0.6em;
  content: "\27CC"; /* in unicode fonts only */
}
menclose[notation*="phasorangle"] {
  border-bottom: solid thin;
  margin-left: 0.2em;
}

menclose[notation*="phasorangle"]::before {
  margin-left: -0.5em;
  position: relative;
  top: 0.45em;
  content: "\2220"; /* in unicode fonts only */
}

/* table */
mtable {
  display: inline-table !important;
  vertical-align: middle;
  text-align: center;
}
mtr,
mlabeledtr {
  display: table-row !important;
}
mlabeledtr > mtd:first-child {
  display: none;
} /* fallback since won't display this as label correctly */
mtd {
  display: table-cell !important;
  padding: 0 0.5ex;
}

mtable[frame="solid"] {
  border-style: solid;
}
mtable[frame="dashed"] {
  border-style: dashed;
}
mtable[frame="none"] {
  border-style: none;
}

/* token elements */
mspace {
  margin: 0.2em;
}
mi {
  font-style: italic;
}
mo {
  margin-right: 0.2em;
  margin-left: 0.2em;
}
ms:before,
ms:after {
  content: "\0022";
}
ms[lquote]:before {
  content: attr(lquote);
}
ms[rquote]:after {
  content: attr(rquote);
}

/* mathvariants */
[mathvariant="bold"],
[mathvariant="bold-italic"],
[mathvariant="bold-sans-serif"],
[mathvariant="sans-serif-bold-italic"] {
  font-weight: var(--font-body-strong-weight);
  font-style: normal;
}
[mathvariant="monospace"] {
  font-family: monospace;
  font-style: normal;
}
[mathvariant="sans-serif"],
[mathvariant="bold-sans-serif"],
[mathvariant="sans-serif-italic"],
[mathvariant="sans-serif-bold-italic"] {
  font-family: sans-serif;
  font-style: normal;
}
[mathvariant="italic"],
[mathvariant="bold-italic"],
[mathvariant="sans-serif-italic"],
[mathvariant="sans-serif-bold-italic"] {
  font-style: italic;
}
[mathvariant="normal"] {
  font-style: normal;
}

/* mphantom */
mphantom {
  visibility: hidden;
}

/* merror */
merror {
  outline: solid thin red;
}
merror:before {
  content: "Error: ";
}

/* annotations */
semantics > *:first-child {
  display: inline;
}
annotation,
annotation-xml {
  font-family: monospace;
  display: none !important;
}
math:active > semantics > *:first-child,
math:active > semantics > *:first-child {
  display: none !important;
}
math:active annotation:first-of-type {
  display: inline !important;
}

/* fix */
mfrac {
  text-align: center; /* was done previously (above) */
}