/* ( --- Start of project.css --- ) */
/* ( --- A sample project-specific CSS file for lwarp --- ) */

/* Uncomment one of the following: */
@import url("lwarp.css") ;
/* @import url("lwarp_formal.css") ; */
/* @import url("lwarp_sagebrush.css") ; */

/* Project-specific CSS setting follow here. */
/* . . . */

@import url("../css/cdn.jsdelivr.net/gh/dreampulse/computer-modern-web-font@master/fonts.css") ; 
*    { font-family: "Computer Modern Sans" !important; } 


/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --body-color: hsl(0, 5%, 10%);
  --body-bg-color: hsl(210, 20%, 98%);
  --link-visited: hsl(0, 100%, 33%);
  --link-focus-outline: hsl(220, 90%, 52%);
  --pre-bg-color: hsl(210, 28%, 93%);
  --kbd-bg-color: hsl(210, 5%, 100%);
  --kbd-border-color: hsl(210, 5%, 70%);
  --table-border-color: black;
  --border-width-thin: 1.36px;
  --border-width-thick: 2.27px;
  --sidenote-target-border-color: hsl(55, 55%, 70%);
  --footnotes-border-color: hsl(0, 0%, 39%);
  --text-indent-size: 1.463rem; /* In 12pt [Latin Modern font] LaTeX article
  \parindent =~ 17.625pt; taking also into account the ratio
  1pt[LaTeX] = (72 / 72.27) * 1pt[HTML], with default 12pt/1rem LaTeX.css font
  size, the identation value in rem CSS units is: 
  \parindent =~ 17.625 * (72 / 72.27) / 12 = 1.463rem. */
}

.latex-dark {
  --body-color: hsl(0, 0%, 86%);
  --body-bg-color: hsl(0, 0%, 16%);
  --link-visited: hsl(196 80% 77%);
  --link-focus-outline: hsl(215, 63%, 73%);
  --pre-bg-color: hsl(0, 1%, 25%);
  --kbd-bg-color: hsl(0, 0%, 16%);
  --kbd-border-color: hsl(210, 5%, 70%);
  --table-border-color: white;
  --sidenote-target-border-color: hsl(0, 0%, 59%);
  --footnotes-border-color: hsl(0, 0%, 59%);
  --proof-symbol-filter: invert(80%);
}

@media (prefers-color-scheme: dark) {
   .latex-dark-auto {
    --body-color: hsl(0, 0%, 86%);
    --body-bg-color: hsl(0, 0%, 16%);
    --link-visited: hsl(196 80% 77%);
    --link-focus-outline: hsl(215, 63%, 73%);
    --pre-bg-color: hsl(0, 1%, 25%);
    --kbd-bg-color: hsl(0, 0%, 16%);
    --kbd-border-color: hsl(210, 5%, 70%);
    --table-border-color: white;
    --sidenote-target-border-color: hsl(0, 0%, 59%);
    --footnotes-border-color: hsl(0, 0%, 59%);
    --proof-symbol-filter: invert(80%);
  }
}
/* Make default font-size 1rem and add smooth scrolling to anchors */
html {
  font-size: 1rem;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

html body {
	line-height: 1.6;
	max-width: 100ch; 
	min-height: 100vh;
	overflow-x: hidden;
	margin: 0 auto;
	padding: 1rem 0.75rem;
	text-rendering: optimizeLegibility;
}

section.textbody > p { 
  text-align: justify;
  hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  margin-top: 1rem;
}

@media print {
  html body {
    background-color: white;
  }
}

ul { line-height: 1.6; }

blockquote p { font-size: 1rem; line-height: 1.6; }
blockquote p mjx-container { display: inline-block; margin-top: 5px; margin-bottom: 5px; }
/* .tcolorboxupper br:nth-child(2) { display: block; content: ""; } */

.tcolorboxupper br { display: block; margin-top: 5px; content: ""; }

.amsthmnamedefinition, .amsthmnumberdefinition, .amsthmnotedefinition { font-weight: bold; }
.amsthmbodydefinition > ul { padding: 0ex; line-height: 1.6;  }
.amsthmnametheorem, .amsthmnotetheorem { font-weight: bold; }
.amsthmbodytheorem > ul { padding: 0ex;  line-height: 1.6; }
.amsthmproofname { font-weight: bold; }
.amsthmproof > ul { padding: 0ex; line-height: 1.6; }
.sidetoccontainer { display: none; }
.linkhome { display: none; }
html body h3 { font-size: 2.5em; }
html body h4 { font-size: 1.5em; }
html body h5 { font-size: 1.3em; }
hhhh5 { font-size: 1.2em; }
.link_button {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #20538D;
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    */
    /* background: #797979; */
    background: white;
    color: #FFF;
    padding: 8px 12px;
    text-decoration: none;
    /* display: block; */
}
.link_redbutton {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px #20538D;
    /*    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); */
    /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    */
    /* background: #BABABA; */
    background: white;
    color: #FFF;
    padding: 8px 12px;
    text-decoration: none;
    /* display: block; */
}


/* mdframed, tcolorbox, shadebox packages */
.mdframed, .tcolorbox, .shadebox {
    margin: 0ex 0em 0ex 0em ;
    border-left-width: 0.2em !important;
    border-right-width: 0em !important;
    border-top-width: 0em !important;
    border-bottom-width: 0em !important;
    padding: 0.2em 0.5em 0.2em 0.5em;
}

.tcolorbox {
    border-radius: 0pt ;
    /* margin: 2ex 1em 2ex 1em ; */
}



/* ( --- End of project.css --- ) */