/* The following were added. */

body {
margin: 0px;
    font-family: 'Charis SIL';
    font-size: 12pt; /* var(--fs-body1); */
}
a {
    color: deepskyblue;
    text-decoration: none;
}
img {
    padding: 0;
    display: block;
/*  margin: 0 auto; <- centers image */
    max-height: 100%;
    max-width: 100%;
}
.header-footer {
    font-family: 'Rubik', sans-serif;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align:center;
    background-color:black;
    color:white;
}
.header {
}
.footer {
}
.answercell {
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
}
.post-layout--right {
}
/*
:root {
    --ff-mono: 'Red Hat Mono';
    --black-050: lightgray;
    --black-075: lightgray;
    --black-150: #a0a0a0;
    --su-static4: 4px;
    --br-lg: 25px;
    --su12: 12px;
    --su16: 16px;
    --fs-body1: 10pt;
}

/* The following were modified. */

@media (prefers-color-scheme:dark)prefers-color-scheme:darpt;
}

@media (prefers-color-scheme:dark) {
    body.theme-system kbd {
        box-shadow: 0 1px 2px hsla(210,8%,5%,0.75)
    }
}

body.theme-dark kbd, .theme-dark__forced kbd, body.theme-system .theme-dark__forced kbd {
    box-shadow: 0 1px 2px hsla(210,8%,5%,0.75)
}

.placeholder-text {
    color: var(--black-300)
}

.help-text {
    color: var(--black-600);
    font-size: var(--fs-fine)
}
*/

p {
    clear: both;
    margin-bottom: 1em;
    margin-top: 0
}

    p code {
        padding: 1px 5px
    }

code {
    font-family: 'Red Hat Mono'; /* var(--ff-mono); */
    background-color: lightgray; /* var(--black-075); */
}

pre {
    margin-bottom: 1em;
    padding: 12px; /* var(--su12); */
    width: auto;
    max-height: 600px;
    overflow: auto;
    font-family: 'Red Hat Mono'; /* var(--ff-mono); */
    font-size: 12pt; /* var(--fs-body1); */
    background-color: lightgray; /* var(--black-050); */
    border-radius: 5px; /* var(--br-sm); */
    scrollbar-color:  /* var(--scrollbar) */ transparent
}
    pre code {
        background-color: transparent
    }

    pre::-webkit-scrollbar {
        width: 10px; /* calc(var(--su-static12) - var(--su-static2)); */
        height: 10px; /* calc(var(--su-static12) - var(--su-static2)); */
        background-color: transparent
    }

    pre::-webkit-scrollbar-track {
        border-radius: 10px; /* calc(var(--su-static12) - var(--su-static2)); */
        background-color: transparent
    }

    pre::-webkit-scrollbar-thumb {
        border-radius: 25px; /* border-radius: calc(var(--su-static12) - var(--su-static2)); */
        background-color: gray; /* background-color: var(--scrollbar) */
    }

    pre::-webkit-scrollbar-corner {
        background-color: transparent;
        border-color: transparent
    }

li pre {
    margin: .5em 0 1em 0
}


h1, h2, h3 {
    line-height: 1.3;
    margin: 0 0 1em
}

h1 {
    font-size: 18pt; /* var(--fs-title) */
}

h2 {
    font-size: 16pt; /* var(--fs-subheading) */
}

h3 {
    font-size: 14pt; /* var(--fs-body2) */
}
/*
.s-prose, .comment-copy, .question-status, .excerpt {
    font-family: var(--theme-post-body-font-family)
}
*/
blockquote, q {
    quotes: none
}

blockquote {
    position: relative;
    margin-bottom: 1em;
    padding: 12px 12px 12px 16px; /* var(--su12) var(--su12) var(--su12) var(--su16) */
}

    blockquote:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 4px; /* var(--su-static4); */
        border-radius: 25px; /* var(--br-lg); */
        background: #a0a0a0 /* var(--black-150) */
    }

    blockquote *:last-child {
        margin-bottom: 0
    }

li blockquote {
    margin: .5em 0 1em 0
}
/*
.favicon {
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url('../../Img/favicons-sprite16.png?v=8e1d0590b7cb')
}

body.theme-dark .favicon {
    background-image: url('../../Img/favicons-sprite16-dark.png?v=1e0e3b6e51ba')
}
*/