/* Code container */
pre.prettyprint {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 10px;
    border-radius: 4px;
    color: #2d2d2d;
}

/* Line numbers */
ol.linenums {
    margin: 0;
    padding-left: 40px;
}

li.L0, li.L1, li.L2, li.L3, li.L4,
li.L5, li.L6, li.L7, li.L8, li.L9 {
    color: #999;
    list-style-type: decimal;
}

li.L1, li.L3, li.L5, li.L7, li.L9 {
    background: #f1f3f5;
}

/* Syntax elements */
.str {        /* strings */
    color: #d47500;
}

.kwd {        /* keywords */
    color: #446e9b;
    font-weight: 600;
}

.com {        /* comments */
    color: #6c757d;
    font-style: italic;
}

.typ {        /* types */
    color: #3399f3;
}

.lit {        /* literals */
    color: #3cb521;
}

.pun {        /* punctuation */
    color: #495057;
}

.pln {        /* plain text */
    color: #2d2d2d;
}

.tag {        /* HTML tags */
    color: #446e9b;
    font-weight: 600;
}

.atn {        /* attribute names */
    color: #6f42c1;
}

.atv {        /* attribute values */
    color: #d47500;
}

.dec {        /* decimals */
    color: #3cb521;
}

/* Print styles */
@media print {
    pre.prettyprint {
        background: #fff;
        border: 1px solid #ccc;
    }

    .str { color: #060; }
    .kwd { color: #006; font-weight: bold; }
    .com { color: #600; font-style: italic; }
    .typ { color: #404; font-weight: bold; }
    .lit { color: #044; }
    .pun { color: #440; }
    .pln { color: #000; }
    .tag { color: #006; font-weight: bold; }
    .atn { color: #404; }
    .atv { color: #060; }
}