/* User Provided Stylesheet */

/* horizontal rule changes */
section hr {
    border-top: 2px solid #000000 !important;
}

/* heading 1 changes */
h1 {
margin-bottom: 4rem  !important;
}

/* heading 4 changes */
h4 {
padding-top: 1em !important;
}

/* table changes */
table {
    margin: 2em auto !important;
    border-top: 3px solid black !important;
    border-bottom: 3px solid black !important;
}

/* change admonition margins */
.myst-admonition {
    margin-top: 1.25em !important;
    margin-bottom: 1.25em !important;
}

/* make admontiion header text bold */
.myst-admonition-header-text {
    font-weight: bold !important;
}

/* overrides the double padding put in place from the .max-w-full change for code blocks with print() */
.max-w-full {
    background-color: solid white !important;
    border-top: 2px solid #e5e7eb !important;
    border-right: 2px solid #e5e7eb !important;
    border-left: 4px solid var(--tw-green-arrow-body);
    border-bottom: 2px solid #e5e7eb !important;
    padding: 0.75rem !important;
}

.myst-jp-stream-output {
    padding: 0rem !important;
}

/* overrides the double padding put in place from the .max-w-full change for code blocks with print() */
.dark .max-w-full {
    border-top: 2px solid rgb(31, 41, 55) !important;
    border-right: 2px solid rgb(31, 41, 55)  !important;
    border-left: 4px solid var(--tw-green-arrow-body);
    border-bottom: 2px solid rgb(31, 41, 55)  !important;
    padding: 0.75rem !important;
}

.border-l-blue-400{
    border-left-color: var(--tw-blue-arrow-body);
}

div[data-name="outputs-container"]:has(div[data-name="safe-output-error"]) {
    border-left: 4px solid var(--tw-red-arrow-body) !important;
}

/* change padding to input code block */
.myst-code {
    padding-left: 0;
    margin-bottom: 2em;
    margin-top: 2em;
}

/* Outline section numbering
   --ch is set by JS from the <h1> enumerator (e.g., "1.") */
.myst-outline-list {
  counter-reset: section subsection subsubsection;
}

.myst-outline-item > a.pl-2 {
  counter-increment: section;
  counter-set: subsection 0 subsubsection 0;
}

.myst-outline-item > a.pl-4 {
  counter-increment: subsection;
  counter-set: subsubsection 0;
}

.myst-outline-item > a.pl-8 {
  counter-increment: subsubsection;
}

.myst-outline-item > a.pl-2::before {
  content: var(--ch, "") counter(section) " ";
}

.myst-outline-item > a.pl-4::before {
  content: var(--ch, "") counter(section) "." counter(subsection) " ";
}

.myst-outline-item > a.pl-8::before {
  content: var(--ch, "") counter(section) "." counter(subsection) "." counter(subsubsection) " ";
}


/* arrows */

.article{
    --tw-green-arrow-body: rgb(40, 153, 23);
}

.article:is(.dark *){
    --tw-green-arrow-body: rgb(116, 250, 96);
}

.article{
    --tw-blue-arrow-body: rgb(55 107 171);
}

.article:is(.dark *){
    --tw-blue-arrow-body: rgb(96 165 250);
}


.article {
    --tw-red-arrow-body: rgb(173, 0, 0);
}

.article:is(.dark *){
    --tw-red-arrow-body: rgb(250, 96, 96);
}


div.myst-code,
div[data-name="outputs-container"] {
    overflow: visible !important;
    margin-left:18px;
}

div.myst-code::before, div[data-name="outputs-container"]::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 18px;
    width: 18px;
    height: 18px;
    border-width: 4px 4px 0 0;
    border-style: solid;
    border-color: var(--tw-blue-arrow-body);
    transform: rotate(45deg);
    box-sizing: border-box;
}


div.myst-code::after, div[data-name="outputs-container"]::after {
    content: "";
    position: absolute;
    left: -32px;
    top: 25px;
    width: 20px;
    height: 4px;
    background-color: var(--tw-blue-arrow-body);
    box-sizing: border-box;
}

div[data-name="outputs-container"]:has(div[data-name="safe-output-error"])::before {
    border-color: var(--tw-red-arrow-body) !important;
}

/* Change arrow tail (background) to red if there is an error */
div[data-name="outputs-container"]:has(div[data-name="safe-output-error"])::after {
    background-color: var(--tw-red-arrow-body) !important;
}

.output-container::before, div[data-name="outputs-container"]::before {
   /* border-color: rgb(116, 250, 96) !important;*/
    border-color: var(--tw-green-arrow-body);
    transform: rotate(225deg) !important;
}

.output-container::after, div[data-name="outputs-container"]::after {
    background-color: var(--tw-green-arrow-body);
    left: -31px !important;
}


/* Bullet points */
.article :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
color: var(--tw-prose-headings);
}

.article :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
margin-bottom: .6rem;
}

/* Code background */
.dark .hljs {
background-color: transparent !important;
}

/* font sizes */

.myst-primary-sidebar-nav{
    font-size: .89rem;
}

.myst-fm-block-title{

    font-size: 2.2rem;
    font-weight: 400;
}

.heading-text{
    font-size:1.8rem;
    font-weight:400;
}