math-field {
    margin: 0px 0px;
    /* background-color: #FFE8F0; */
    padding: 0px 0px;
}

/* moodle YUI overrides bootstrap typography, ok, but I want a slightly bigger font size */
p {
    font-size:larger;
    line-height: normal;
}

li {
    font-size:larger;
    line-height: normal;
}


/* standard style for canvas */
canvas {
    width: 960px;
    height: 480px;
}

/* a little shading for the code backticks */
kybd {
    background-color: #e0e0e5;
    color: rgb(112, 1, 1);
    font-weight: bold;
    border-radius: 6px;
    display: inline-block;
    text-align: center;
    min-width: 20px;
    border: solid 1px rgb(112, 1, 1);
    ;
}


dd {
    margin-left: 20px;
}

del {
    text-decoration: line-through;
}

pre {
    font-family: monaco, consolas, "courier new", monospace;
    font-size: 1em;
    min-height: 3em;
    overflow: auto;
    padding: 1em;
    background-color: #f0f0ff;
}

/* a little shading for the code backticks */
code {
    background-color: #f0f0ff;
    font-family: system-ui;
    color: rgb(50, 50, 56);
    font-weight: bold;
    padding-left: 4px;
    padding-right: 4px;
}

nbsp {
    /* visibly putting &nbsp; into the text   as <nbsp />  */
    padding-left: 5px;
}

/* ol,
li {
  margin: 0;
  padding: 0;
} */



/*   /* bullets */
/*   .mathcode_li::before {
/*       content: "•";
/*       text-align: right;
/*       padding-right: .3em;
/*       color: black;
/*       font-size: 150%;
/*       line-height: .8;
/*   }
/*
/*   .mathcode_ol {
/*       counter-reset: foo;
/*   }
/*
/*
/*   /* number list */
/*   .mathcode_ol li::before {
/*       content: counter(foo) ".";
/*       counter-increment: foo;
/*       text-align: right;
/*       padding-right: .3em;
/*       color: black;
/*       /* font-size: 100%; */
/*      line-height: .8;
/*   }
*/



/* li.list-group-item{
  all: initial;
  height:20px;
  /* padding: 0.15rem 0.5rem; */
/* margin-top:0px;
margin-bottom: 0px;
}

/* bullets for unordered lists */
/*li.list-group-item::before {
  content: "●";
  padding-top: 1rem;
  margin-top: -1rem;
  margin-left: -1.5rem;
  margin-right: 0.85rem;
}
} */


.aalink{
color: blue;
font-family: arial, sans-serif;
font-size: 18px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 1px;

}

#hsplitbar {
    cursor: row-resize;
    background-color: pink;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='10'><path d='M0 2 h30 M0 5 h30 M0 8 h30' fill='none' stroke='black'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;

    /* Prevent the browser's built-in drag from interfering */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#vsplitbar {
    cursor: col-resize;
    background-color: #aaa;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 100%;

    /* Prevent the browser's built-in drag from interfering */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/**
 * 'details' and 'summary' are for the collapsable widget (no JS)
 *  https://jordanfinners.dev/blogs/creating-a-collapsible-section-with-nothing-but-html
 */
/*
details {
    user-select: none;
}

details>summary span.icon {
    width: 24px;
    height: 24px;
    transition: all 0.3s;
    margin-left: auto;
}

details[open] summary span.icon {
    transform: rotate(180deg);
}

summary {
    display: flex;
    cursor: pointer;
}

summary::-webkit-details-marker {
    display: none;
}

*/