body {
    /*font-family: Arial, Verdana, Helvetica, sans-serif ;*/
    /*font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, Roboto, "Helvetica Neue", Arial, sans-serif ;
}
table.parmstable {
    background-color: #f8f9fa;
    color: #202122;
    margin: 1em 0;
    border: 1px solid #a2a9b1;
    border-collapse: collapse;
}
table.parmstable th, table.parmstable td {
    border: 1px solid #a2a9b1;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-right: 0.4em;
    padding-left: 0.4em;
    vertical-align: top;
}
table.parmstable th {
    background-color: #eaecf0;
    text-align: center;
}
pre.code {
    background-color: #f8f9fa;
    color: #000;
    border: 1px solid #eaecf0;
    padding: 1em;
    white-space: pre-wrap;
    overflow-x: hidden;
    word-wrap: break-word;
}

img {
    max-width: 30em;
}

/*WARNING & NOTE*/

div.warning {
    border-left-color: red;
    border-left-width: 0.5em;
    background: #e9fbe9;
}

div.note {
    border-left-color: #52e052;
    border-left-width: 0.5em;
    background: #e9fbe9;
}

div.note, div.warning {
    page-break-inside: avoid;
    margin: 1em auto;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;

    border-left-style: solid;
}

div.note p:first-of-type {
    margin-top: 0em ;
}

div.warning p:first-of-type {
    margin-top: 0em ;
}

div.note p:last-of-type {
    margin-bottom: 0em ;
}

div.warning p:last-of-type {
    margin-bottom: 0em ;
}