@charset "UTF-8";

/**-- -- Organizational Schema **/
/*
Ideal general organization:
  # CSS Variables
  # CSS Styles
	* specific universal tags and classes, background
	* head, table of contents, other fixed/stickies
	  - header-left should NOT depend on h0
	* abstract content containers, e.g. div, span
	* specific content containers, e.g. p, ul, ol, dl, blockquote
	* section headers h0-h6
	* content modifiers, e.g. a, b, em
	* sidenotes, footnotes, expandables, hovertips, other miscellaneous
Each star-division should have its relevant miscellaneous classes above or underneath it, depending on inclusion hierarchy.
This, then, is the hierarchy for css variable divisions (where it applies):
  universal
  head/toc/debug
  abstract containers (div, span, etc.)
  specific containers (p, ul, ol, dl, blockquote, etc.)
  content modifiers (a, b, em, u, etc.)
  section headers (h0, h1, h2, ...., h6)
  text organizers (sidenotes, footnotes, expandables, hovertips, contextuals, etc.)
  miscellaneous
*/
/**-- -- Root variables **/
/*0: before TOC; 1: TOC, 2: between TOC and content, 3: content,
	4: between content and sidenotes, 5: sidenotes. therefore, */
/* header-space-below is how far below the header an internal link target will be when the browser moves to it */
:root {
	--main-line-height: 1.6em;
	--header-font-size: 1.2rem;
	--nocolor: unset;
	--noimage: none;
	--noshadow: none;
	/*-- -- |-- Colors ******/
	--white: #ffffff;
	--black: #000000;
	--transparent: #ffffff00;
	--light-black: #2a2a2a;
	--dark-gray: #555555;
	--gray: #888888;
	--lightpurple: #eeccff;
	--lightpink: #ffeeff;
	--canon-red: #850000;
	--sweet-red: #d90115;
	--dark-red: rgb(133, 0, 0);
	--orange: #ffae00;
	--canon-blue: #1313ff;
	--sweet-blue: #1289ff;
	--white-blue: #fdfdffc0;
	--mid-purple: #bc3cc1;
	--bright-purple: #f23cff;
	/*-- -- |--|-- Background Colors ******/
	--header-background-color: #2c2c2c;
	--header-background-image: var(--noimage);
	--header-a-background-color: var(--lightpink);
	--header-link-background-color: #2c2c2c;
	/**/
	--h0-background-color: #fffcfe77;
	/**/
	--sidenote-background-color: var(--white);
	/**/
	--debugPanel-background-image: linear-gradient(315deg, rgba(255, 255, 255, 0.938), rgba(231, 231, 231, 0.867));
	/*-- -- |--|-- Text/Shadow Colors ******/
	--text-color: var(--light-black);
	/**/
	--header-color: white;
	--header-a-hover-color: var(--mid-purple);
	--header-link-color: var(--mid-purple);
	--header-link-hover-color: var(--bright-purple);
	--header-a-hover-shadow: rgba(255, 99, 177, 0.2);
	--header-mid-text-shadow: 1px 1px 1px #0008;
	--header-text-shadow: var(--noshadow);
	--header-border-bottom: 2px solid rgba(120, 120, 120, 0.4666666667);
	/**/
	--h0-color: var(--light-black);
	/**/
	--link-color: var(--canon-blue);
	--link-hover-color: var(--sweet-blue);
	--code-color: var(--sweet-red);
	--highlight-color: var(--canon-red);
	/**/
	--footnote-number-color: var(--dark-red);
	--footnote-B-number-color: var(--orange);
	--sidenote-number-color: #ff3ce8;
	--sidenote-color: #5b5b5b;
	/*-- -- |-- Border Settings ******/
	--sidenote-border-top: 2px double #f6f9ff;
	--sidenote-border-bottom: 2px double #e3e9f2;
	--header-bottom-border: 2px solid #1114;
	/*-- -- |--|-- Font Settings ******/
	--serif-defaults: Georgia, serif;
	--sans-serif-defaults: Calibri, sans-serif;
	--mono-defaults: Menlo, Courier, monospace;
	--font-weight-light: 300;
	--font-weight-main: 400;
	--font-weight-semibold: 500;
	--font-weight-bold: 600;
	--serif-font: "Lora V", var(--serif-defaults);
	--sans-serif-font: "Fira Sans", var(--sans-serif-defaults);
	--alt-sans-serif-font: "IBM Plex Sans", var(--sans-serif-defaults);
	--condensed-font: "Fira Sans Condensed", var(--sans-serif-defaults);
	--mono-font: "Fira Code", var(--mono-defaults);
	--primary-font: var(--serif-font);
	--secondary-font: var(--sans-serif-font);
	--code-font: var(--mono-font);
	--sans-font: var(--sans-serif-font);
	--table-font: var(--secondary-font);
	--header-font: var(--primary-font);
	--header-left-font: var(--serif-font);
	--title-font: var(--serif-font);
	--toc-font: var(--alt-sans-serif-font);
	--quote-font: var(--serif-font);
	--block-font: var(--primary-font);
	--card-font: var(--serif-font);
	/**/
	--h1-font: var(--primary-font);
	--h1-weight: 400;
	--h1-style: normal;
	--h1-size: 3.4rem;
	--h2-font: var(--primary-font);
	--h2-weight: 400;
	--h2-style: normal;
	--h2-size: 2.3rem;
	--h3-font: var(--primary-font);
	--h3-weight: 500;
	--h3-style: normal;
	--h3-size: 1.9rem;
	--h4-font: var(--primary-font);
	--h4-weight: 500;
	--h4-style: italic;
	--h4-size: 1.5rem;
	--h5-font: var(--primary-font);
	--h5-weight: 400;
	--h5-style: normal;
	--h5-size: 1.2rem;
	--h6-font: var(--primary-font);
	--h6-weight: 400;
	--h6-style: normal;
	--h6-size: 1rem;
	--h0-text-shadow: 0.05em 0.05em 1px #af9f5d00;
	--toc-border-style: 0px solid #00000055;
	--toccont-border-style: 1px solid #00000055;
	--light-border: 1px solid #00000055;
	--lighter-border: 1px solid #00000033;
	--toc-background: #ffffff44;
	--h0-text-transform: none;
	--h0-letter-spacing: 0em;
}

/*-- -- |-- Universals ******/
body {
	font-size: 1rem;
	font-family: var(--primary-font);
	background-color: white;
	color: var(--text-color);
	counter-reset: sidenote-counter level1 level2 level3;
}

/*-- -- |-- Head/header: visual ******/
#header-left, #header-mid, #header-right {
	background-color: var(--header-background-color);
	background-image: var(--header-background-image);
	color: var(--header-color);
	text-shadow: var(--header-text-shadow);
	font-family: var(--header-font);
	font-weight: var(--font-weight-main);
	font-size: var(--header-font-size);
	border-bottom: none;
	border-right: none;
}
#header-mid {
	text-shadow: var(--header-mid-text-shadow);
}
#header-left blockquote, #header-mid blockquote, #header-right blockquote {
	margin: 0;
	padding: 0;
	width: -moz-fit-content;
	width: fit-content;
	border: none;
	position: relative;
}
#header-left blockquotesource, #header-mid blockquotesource, #header-right blockquotesource {
	font-family: var(--secondary-font);
	font-size: 0.9em;
	display: block;
}
#header-left .links-dropdown, #header-mid .links-dropdown, #header-right .links-dropdown {
	background-color: var(--header-background-color);
	text-shadow: none;
}
#header-left > div {
	line-height: 1.2rem;
}
#header-right .header-block {
	background-color: var(--header-background-color);
}
#header-right .contextual {
	color: #75bf75;
}

.header-column > a:hover, .header-row > a:hover {
	text-decoration: none !important;
}
.header-column > a .header-block:hover, .header-row > a .header-block:hover {
	background-color: rgba(255, 255, 255, 0.6666666667);
	color: #ff0048;
	font-weight: var(--font-weight-main);
	text-decoration: none;
	text-shadow: none;
}
.header-column > a .header-block:not(.links-dropdown), .header-column > a > .header-block:not(.links-dropdown), .header-row > a .header-block:not(.links-dropdown), .header-row > a > .header-block:not(.links-dropdown) {
	overflow: hidden;
	white-space: nowrap;
	font-size: 1em;
	font-weight: 400 !important;
	background-color: transparent;
}

.header-column > a > .header-block, .header-column > .header-block, .header-row > a > .header-block, .header-row > .header-block {
	background-color: rgba(255, 255, 255, 0.4);
	font-weight: var(--font-weight-light);
	transition: color 0.15s ease-out, text-shadow 0.2s ease-out;
	border-left: 1px solid var(--header-background-color);
}
.header-column > a > .header-block:hover, .header-column > .header-block:hover, .header-row > a > .header-block:hover, .header-row > .header-block:hover {
	color: var(--custom-hover-color, var(--sweet-red));
}

.header-row > div {
	border-left: var(--lighter-border);
	border-bottom: var(--lighter-border);
}
.header-row > a > .header-block-top, .header-row > a > .header-block-bottom {
	border-left: var(--lighter-border);
}

/*-- -- |--|-- Link Dropdowns ******/
.links-dropdown {
	color: var(--header-link-color);
	font-weight: var(--font-weight-main) !important;
}
.links-dropdown:hover {
	color: var(--header-link-hover-color);
	background-color: var(--header-link-background-color);
	font-weight: var(--font-weight-main);
}

.links-dropdown-label {
	text-shadow: none;
	background-color: var(--header-background-color);
	line-height: 2em;
	color: var(--header-link-color);
}
.links-dropdown-label:hover {
	color: var(--header-link-hover-color);
}

.links-dropdown-content {
	background-color: rgba(51, 51, 51, 0.9333333333);
	color: #fff;
	font-size: 1rem;
	text-shadow: none;
	z-index: -10;
	transition: transform 0.0s ease-in-out;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.links-dropdown-content:not(.text-dropdown-content) {
	border: 2px solid rgb(54, 54, 54);
}
.links-dropdown-content:not(.text-dropdown-content) a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2666666667);
	color: #fff;
	transition: color 0.15s ease-in-out;
}
.links-dropdown-content:not(.text-dropdown-content) a:hover {
	color: red;
	text-decoration: none;
}
.links-dropdown-content.text-dropdown-content {
	border: 1.5px solid #666;
}
.links-dropdown-content.text-dropdown-content div {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1333333333);
	background-color: #f5f5f5;
	color: #444;
	transition: border-bottom 0.15s ease-in-out, background-color 0.15s ease-in-out;
}
.links-dropdown-content.text-dropdown-content div:hover {
	border-bottom: none;
	background-color: #fff;
}

div:hover > .links-dropdown-content, .links-dropdown-content:hover, .links-dropdown:hover > .links-dropdown-content {
	transition: transform 0.0s ease-in-out, z-index 1s;
}

/*-- -- |--|-- Header Title ******/
#header-title {
	position: relative;
	text-shadow: 1px 1px 1px rgba(255, 0, 170, 0.3333333333);
	top: unset;
	font-family: var(--header-left-font);
	font-weight: 400 !important;
	letter-spacing: 1px;
	font-size: clamp(1rem, 0.25rem + 1.5vw, 1.7em);
}
#header-title:hover {
	text-shadow: -4px 0px 5px #f003, -2px 0px 1px #f008, -1px 0px 1px #0f06, 1px 0px 1px #0f06, 2px 0px 1px #00f8, 4px 0px 5px #00f8;
	color: rgba(255, 255, 255, 0.8666666667);
}

/*-- -- |-- Table of Contents: visual ******/
#tocdiv div a {
	color: inherit;
}
#tocdiv .h0 {
	font-size: 1.1vw;
}

#toccont {
	font-weight: var(--font-weight-main);
	font-family: var(--toc-font);
	font-size: 1rem;
	border-bottom: 1px solid #333;
	background-color: #fffdfd;
}

#toc {
	font-family: var(--toc-font);
	font-size: 1.4rem;
}
#toc > div {
	letter-spacing: -0.03em;
	border-bottom: none;
	scale: 1;
}
#toc > div:not(:hover) {
	text-shadow: none;
}
#toc > div:hover {
	background: rgba(255, 255, 255, 0.2666666667);
}
#toc > div.h0 {
	font-size: 0.8079rem;
	border-bottom: 1px solid gray;
}
#toc > div.h1 {
	font-size: 1.2em;
	z-index: 50;
	color: #000000;
}
#toc > div.h2 {
	font-size: 1.1em;
	z-index: 40;
	color: #111111;
}
#toc > div.h3 {
	color: #333;
	font-size: 1em;
	z-index: 30;
}
#toc > div.h4 {
	font-size: 1em;
	z-index: 20;
	color: #666;
}
#toc > .h1 > .toclinkdiv { font-size: 1em; }
#toc > .h2 > .toclinkdiv { font-size: 0.9em; }
#toc > .h3 > .toclinkdiv { font-size: 0.8em; }
#toc > .h4 > .toclinkdiv { font-size: 0.7em; }
#toc > div.currentloc:hover {
	background-color: rgba(255, 0, 0, 0.1333333333);
}
#toc > div:not(.currentloc):hover {
	background-color: rgba(0, 0, 0, 0.0666666667);
}
#toc > div a:hover {
	text-decoration: none;
}

.currentloc > .toclinkdiv {
	color: var(--sweet-red);
}
.currentloc:not(.h0) > .toclinkdiv::before {
	content: "▶";
	position: absolute;
	color: var(--highlight-color);
	margin-bottom: 0.2em;
	margin-left: -1.2em;
	width: 1em;
	font-style: normal;
	font-size: 1em;
	font-weight: var(--font-weight-bold);
}
.currentloc #toclabel {
	text-shadow: none;
}

/*-- -- |-- Debug Panel: visual ******/
#debugPanel {
	opacity: 0.001;
	transition: opacity 0.2s ease-in-out;
}
#debugPanel:hover {
	opacity: 1;
}
#debugPanel > div {
	color: black;
	font-family: var(--secondary-font);
	font-weight: var(--font-weight-light);
	font-size: 1.4em;
	text-shadow: 2px 2px 2px rgba(51, 51, 51, 0.2666666667);
	background-image: var(--debugPanel-background-image);
	border-top: 1px solid var(--dark-gray);
	border-left: 1px solid var(--gray);
}
#debugPanel > div > *:last-child, #debugPanel > div > *:empty {
	border-right: none;
}

/*-- -- |-- General containers: visual ******/
figure, figcaption {
	text-align: center;
}

img, svg {
	vertical-align: middle;
}

p, ol, ul, dl, body > div.paragraph, body > blockquote {
	font-size: 1em;
	line-height: var(--main-line-height);
}

/*-- -- |--|-- Quotes ******/
li > blockquote {
	margin-left: 0em;
	width: 100%;
	font-size: 1em;
}

body > blockquote {
	margin-top: 1.2rem;
	margin-bottom: 1.2rem;
	font-size: 1.2rem;
	line-height: 1.7rem;
}

blockquote {
	position: relative;
	font-weight: var(--font-weight-light);
	border-left: 0.25rem solid var(--dark-red);
	border-color: black;
	color: var(--light-black);
	font-style: italic;
	font-family: var(--quote-font);
	padding-left: 1.5rem;
	padding-right: 4rem;
	text-shadow: 1px 1px 0px rgba(85, 85, 85, 0.2);
}
blockquote > hl {
	color: rgb(133, 0, 0);
	text-shadow: 1px 1px 1px rgba(150, 0, 0, 0.15);
	font-weight: var(--font-weight-main);
}

blockquotesource {
	font-family: var(--secondary-font);
	color: var(--gray);
	padding-left: 1rem;
	font-weight: var(--font-weight-light);
	font-size: 0.9em;
	line-height: 1.4em;
}
blockquotesource > hl {
	font-style: normal;
	color: var(--canon-red);
	text-shadow: 1px 1px 1px rgba(85, 85, 85, 0.3);
}

block {
	display: inline-block;
	z-index: 20;
	border: 0.2rem solid var(--dark-red);
	padding: 1rem;
	font-size: 1.05em;
	font-family: var(--block-font);
	line-height: 1.4em;
	border-radius: 3px;
	position: relative;
}

/*-- -- |-- Section Headers ******/
h0, h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	text-transform: var(--h0-text-transform);
	letter-spacing: var(--h0-letter-spacing);
	color: var(--h0-color);
	border-bottom: 1px solid #bbb;
}

/*-- -- |--|-- h0 ******/
h0 {
	font-weight: 500;
	font-family: var(--title-font);
	border: none;
	font-size: 4rem;
	text-shadow: var(--h0-text-shadow);
	color: var(--h0-color);
}

/*-- -- |--|-- Other ******/
h1 {
	text-shadow: 1px 1px 0px hsl(0deg, 0%, 80%);
	border-bottom: 3px solid black;
	font-size: var(--h1-size);
	font-family: var(--h1-font);
	font-weight: var(--h1-weight);
	font-style: var(--h1-style);
}

h2 {
	background-color: #fefefe;
	text-shadow: 0.1em 0.1em 1px rgba(159, 159, 93, 0.0666666667);
	font-size: var(--h2-size);
	font-family: var(--h2-font);
	font-weight: var(--h2-weight);
	font-style: var(--h2-style);
}

h3 {
	background-color: white;
	color: #333;
	font-size: var(--h3-size);
	font-family: var(--h3-font);
	font-weight: var(--h3-weight);
	font-style: var(--h3-style);
}

h4 {
	line-height: 77%;
	border-bottom: none;
	font-size: var(--h4-size);
	font-family: var(--h4-font);
	font-weight: var(--h4-weight);
	font-style: var(--h4-style);
}

h5 {
	font-size: var(--h5-size);
	font-family: var(--h5-font);
	font-weight: var(--h5-weight);
	font-style: var(--h5-style);
}

h6 {
	font-size: var(--h6-size);
	font-family: var(--h6-font);
	font-weight: var(--h6-weight);
	font-style: var(--h6-style);
}

/*-- -- |-- Content Modifiers ******/
b, strong {
	font-weight: var(--font-weight-bold);
}

sb {
	font-weight: var(--font-weight-semibold);
}

em {
	text-shadow: 0px 0px 1px rgba(50, 50, 50, 0.3666666667);
}

sub, sup {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}

a {
	position: relative;
	color: var(--link-color);
	text-decoration: none;
}
a.plain {
	color: unset;
}
a:hover {
	color: var(--link-hover-color);
	text-decoration: underline;
}

code {
	font-family: var(--code-font);
	border: 1px solid rgba(0, 0, 0, 0.0784313725);
	border-radius: 5px;
	padding-left: 2px;
	padding-right: 2px;
	color: var(--code-color);
	font-size: 1rem;
	line-height: 1.42;
}

pre {
	white-space: pre-wrap;
}

/*-- -- |-- Additions ******/
.contextual {
	font-weight: 500;
	color: #294;
	outline: none;
	border-radius: 8px;
	transition: all 0.1s ease-out !important;
}
.contextual > em {
	font-weight: 400;
}
.contextual > b {
	font-weight: 600;
}
.contextual > .context {
	background-color: #fff;
	color: #373;
	border: 1px solid #272;
	border-radius: 5px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out, visibility 0.3s;
	font-family: var(--secondary-font);
	font-size: 0.8em;
	text-shadow: none;
}
.contextual:hover, .contextual:hover > em, .contextual:hover > b {
	text-shadow: 0px 0px 1px rgb(255, 255, 0) !important;
	color: #151;
}
.contextual:hover > .context {
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 100;
	transition: opacity 0.15s ease-in-out;
}

.hovertiptext .contextual, .hovertiptext .contextual > em, .hovertiptext .contextual > b {
	color: #cfc;
	text-shadow: 0px 0px 0px;
}

/*-- -- |--|-- Footnotes ******/
span[class^=footnote] {
	display: none;
}

/* fnnotenum is the number in the footnote itself 4^, fnnotenumup is the ^,
   fnrefnum is the in-text footnote link [4]. */
.fnnotenum, .fnrefnum, .fnrefnum > a {
	cursor: pointer;
	color: var(--footnote-number-color);
}

.fnBnotenum, .fnBrefnum, .fnBrefnum > a {
	cursor: pointer;
	color: var(--footnote-B-number-color);
	font-weight: 600;
}

.fnnote, .fnnotenum {
	font-size: 1em;
}

.fnnotenum {
	position: relative;
	display: inline-block;
	text-shadow: 1px 1px 0px rgba(131, 138, 116, 0.2352941176);
	opacity: 0.9;
	padding-right: 0.5em;
	font-family: var(--code-font);
}

.fnnotenumup {
	opacity: 0.7;
	font-family: var(--secondary-font);
	display: none;
}

#Footnotes > p:not(:first-child), #FootnotesExtra > p:not(:first-child) {
	border-top: 1px solid rgba(0, 0, 0, 0.2666666667);
}

/*-- -- |--|-- Sidenotes ******/
.sn-note-counter.highlighted, .sidenote2.highlighted > .sn-note-counter {
	font-weight: 600;
}

.sn-counter, .sn-note-counter {
	transition: color 0.2s ease-in-out, text-shadow 0.2s ease-in-out, font-size 0.2s ease-in-out, font-weight 0.05s ease-in-out, line-height 0.2s ease-in-out, background-color 0.2s ease-in-out;
	font-family: var(--code-font);
}

.sn-counter {
	counter-increment: sidenote-counter;
	color: var(--sidenote-number-color);
}
.sn-counter::before {
	content: counter(sidenote-counter, lower-alpha);
	font-size: 0.8em;
}
.sn-counter.highlighted {
	text-shadow: 0px 0px 5px yellow, 0px 0px 10px yellow, 0px 0px 1px yellow, 0px 0px 20px yellow, 0px 0px 5px yellow;
	font-size: 100%;
	font-weight: 400;
}

.sidenote, .sidenote2 {
	background-color: var(--sidenote-background-color);
	font-style: initial;
	font-family: var(--secondary-font);
	font-weight: initial;
	line-height: initial;
	text-shadow: initial;
	border: none;
	border-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	font-size: 0.9rem;
	line-height: 1.35em;
	color: var(--sidenote-color);
	box-shadow: none;
	transition: transform 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.2s cubic-bezier(0.22, 0.61, 0.36, 1), color 0.2s ease-out, background-color 0.2s ease-out;
}
.sidenote a, .sidenote2 a {
	color: #78d;
}
.sidenote:hover, .sidenote.highlighted, .sidenote2:hover, .sidenote2.highlighted {
	transform: translateY(-3px);
	box-shadow: 1.3px 3px 4.6px #aaa;
	color: #555;
	background-color: #fffff5;
	z-index: 100;
}
.sidenote .context, .sidenote .hovertip .hovertiptext, .sidenote2 .context, .sidenote2 .hovertip .hovertiptext {
	left: unset !important;
	right: 0%;
}
.sidenote .contextual, .sidenote2 .contextual {
	font-size: 1em;
}
.sidenote .sn-note-counter, .sidenote2 .sn-note-counter {
	color: var(--sidenote-number-color);
	display: inline-block;
	left: 0em;
	top: 0.25em;
	padding-right: 0.25em;
	font-size: 110%;
	position: relative;
	opacity: 0.7;
}
.sidenote .sn-note-counter::before, .sidenote2 .sn-note-counter::before {
	content: "" counter(sidenote-counter, lower-alpha) " ";
	vertical-align: super;
}

/*-- -- |--|-- Hovertips ******/
.hovertip {
	border-bottom: 2px dotted red;
	transition: text-shadow 0.15s ease-in-out, background-color 0.3s ease-in-out;
}
.hovertip .hovertiptext {
	color: #fff;
	font-size: 0.9em;
	line-height: 1.3em;
	background-color: var(--light-black);
	border-radius: 6px;
	border: 1px solid black;
	font-weight: 500 !important;
	opacity: 0.01;
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, opacity 0.15s ease-in-out, visibility 0.3s;
}
.hovertip .hovertiptext a {
	color: #99f;
}
.hovertip .hovertiptext a:hover {
	color: #bbf;
}
.hovertip:hover .hovertiptext, .hovertip .hovertiptext:hover {
	opacity: 1;
}

/*-- -- |-- MathJax ******/
mjx-math {
	font-size: 90% !important;
}