.skill-markdown-content{
    color:#333333;
    font-size:16px;
    line-height:1.9;
    overflow-wrap:anywhere;
}
.skill-markdown-content > :first-child{
    margin-top:0;
}
.skill-markdown-content h1,
.skill-markdown-content h2,
.skill-markdown-content h3,
.skill-markdown-content h4,
.skill-markdown-content h5,
.skill-markdown-content h6{
    color:#2f3033;
    font-weight:700;
    line-height:1.4;
    margin:30px 0 14px;
}
.skill-markdown-content h1{
    font-size:30px;
    padding-bottom:12px;
    border-bottom:1px solid #eeeeee;
}
.skill-markdown-content h2{
    font-size:24px;
    position:relative;
    padding-left:16px;
}
.skill-markdown-content h2::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:5px;
    height:20px;
    border-radius:3px;
    background:#f13536;
    transform:translateY(-50%);
}
.skill-markdown-content h3{font-size:20px;}
.skill-markdown-content h4,
.skill-markdown-content h5,
.skill-markdown-content h6{font-size:17px;}
.skill-markdown-content p{
    margin:14px 0;
}
.skill-markdown-content a{
    color:#e74237;
    text-decoration:none;
}
.skill-markdown-content a:hover{
    text-decoration:underline;
}
.skill-markdown-content ul,
.skill-markdown-content ol{
    margin:14px 0;
    padding-left:28px;
}
.skill-markdown-content li{
    margin:6px 0;
    padding-left:4px;
}
.skill-markdown-content blockquote{
    margin:18px 0;
    padding:10px 16px;
    color:#666666;
    background:#fafafa;
    border-left:4px solid #f13536;
}
.skill-markdown-content hr{
    margin:28px 0;
    border:0;
    border-top:1px solid #eeeeee;
}
.skill-markdown-content table{
    width:100%;
    margin:18px 0;
    border-collapse:collapse;
    font-size:15px;
    overflow:hidden;
}
.skill-markdown-content th,
.skill-markdown-content td{
    padding:10px 12px;
    border:1px solid #e5e5e5;
    text-align:left;
    vertical-align:top;
}
.skill-markdown-content th{
    color:#333333;
    background:#f7f7f7;
    font-weight:700;
}
.skill-markdown-content code{
    padding:2px 6px;
    color:#d6336c;
    background:#fff1f3;
    border-radius:3px;
    font-family:Consolas,Monaco,"Courier New",monospace;
    font-size:.9em;
}
.skill-markdown-content pre{
    margin:18px 0;
    padding:18px 20px;
    color:#eeeeee;
    overflow:auto;
    border-radius:4px;
    background:#1f292d;
    font-family:Consolas,Monaco,"Courier New",monospace;
    font-size:14px;
    line-height:1.7;
    white-space:pre;
}
.skill-markdown-content pre code{
    display:block;
    padding:0;
    color:#eeeeee;
    background:transparent;
    border-radius:0;
    font-size:14px;
    line-height:1.7;
    white-space:pre;
}
.skill-markdown-content img{
    display:block;
    max-width:100%;
    height:auto;
    margin:18px auto;
}
@media (max-width:768px){
    .skill-markdown-content{
        font-size:15px;
        line-height:1.8;
    }
    .skill-markdown-content h1{font-size:25px;}
    .skill-markdown-content h2{font-size:21px;}
    .skill-markdown-content h3{font-size:18px;}
    .skill-markdown-content table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
}

/* Keep HTML elements inside fenced code blocks from inheriting skill.css text colors. */
.skill-markdown-content pre code p,
.skill-markdown-content pre code h1,
.skill-markdown-content pre code h2,
.skill-markdown-content pre code h3,
.skill-markdown-content pre code h4,
.skill-markdown-content pre code h5,
.skill-markdown-content pre code h6,
.skill-markdown-content pre code div,
.skill-markdown-content pre code ul,
.skill-markdown-content pre code ol,
.skill-markdown-content pre code li,
.skill-markdown-content pre code blockquote,
.skill-markdown-content pre code table,
.skill-markdown-content pre code thead,
.skill-markdown-content pre code tbody,
.skill-markdown-content pre code tfoot,
.skill-markdown-content pre code tr,
.skill-markdown-content pre code th,
.skill-markdown-content pre code td{
    color:#eeeeee !important;
    background:transparent !important;
    font-size:inherit !important;
    line-height:inherit !important;
    font-weight:inherit !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}
.skill-markdown-content pre code ul,
.skill-markdown-content pre code ol{
    list-style:none !important;
}
.skill-markdown-content pre code li{
    position:static !important;
    list-style:none !important;
    padding-left:0 !important;
}
.skill-markdown-content pre code li::before,
.skill-markdown-content pre code li::after,
.skill-markdown-content pre code li::marker{
    display:none !important;
    content:none !important;
}
.skill-markdown-content pre code h2::before{
    display:none;
}

/* Override mobile skill.css list decorations inside rendered Markdown. */
.skill-markdown-content ul,
.skillBoxM_article .skill-markdown-content ul{
    list-style:disc outside !important;
    padding-left:28px !important;
}
.skill-markdown-content ol,
.skillBoxM_article .skill-markdown-content ol{
    list-style:decimal outside !important;
    padding-left:28px !important;
}
.skill-markdown-content li,
.skillBoxM_article .skill-markdown-content li{
    position:static !important;
    display:list-item !important;
    padding-left:4px !important;
    margin:6px 0 !important;
    list-style:inherit !important;
}
.skill-markdown-content li::before,
.skill-markdown-content li::after,
.skillBoxM_article .skill-markdown-content li::before,
.skillBoxM_article .skill-markdown-content li::after{
    display:none !important;
    content:none !important;
}

@media (max-width:768px){
    .skill-markdown-content ul,
    .skillBoxM_article .skill-markdown-content ul,
    .skill-markdown-content ol,
    .skillBoxM_article .skill-markdown-content ol{
        margin:12px 0 !important;
        padding-left:26px !important;
    }
    .skill-markdown-content li,
    .skillBoxM_article .skill-markdown-content li{
        padding-left:2px !important;
        margin:7px 0 !important;
    }
}